Justin Tadlock justintadlock
justintadlock
/ ordered-3-col-grid.css
Last active
July 5, 2023 18:37
Ordering first post to second position in three-column Query Loop grid
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* Set default to really high number for all posts. */ | |
| .wp-block-post-template-is-layout-grid .wp-block-post { | |
| order: 999; | |
| } | |
| /* Set first post to "2" order. */ | |
| .wp-block-post-template-is-layout-grid .wp-block-post:first-of-type { | |
| order: 2; | |
| } |
justintadlock
/ functions.php
Last active
May 31, 2023 12:12
Classic style for the WordPress Gallery block
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <?php | |
| // CSS adjustments may be necessary for the caption, depending on your theme. | |
| add_action( 'init', function() { | |
| register_block_style( 'core/gallery', [ | |
| 'name' => 'classic', | |
| 'label' => __( 'Classic', 'theme-textdomain' ), | |
| 'inline_style' => '.wp-block-gallery.is-style-classic.has-nested-images { | |
| align-items: flex-start; | |
| } |
justintadlock
/ fruity-fruit.php
Last active
February 20, 2023 13:07
Saving multiple meta values for a single key with a meta box.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <?php | |
| /* | |
| Plugin Name: Fruity Fruit | |
| Description: An example plugin to test saving multiple meta values. | |
| */ | |
| add_action( 'add_meta_boxes_post', 'fruity_fruit_add_meta_boxes' ); | |
| add_action( 'save_post', 'fruity_fruit_save_meta', 10, 2 ); | |
| function fruity_fruit_add_meta_boxes() { |
justintadlock
/ jt-format-color-preset.php
Last active
September 20, 2022 19:27
Converts piped "preset" colors from global styles to their var() equivalents.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <?php | |
| // Converts piped "preset" colors from global styles to their var() equivalents. | |
| // Borrowed from `wp_render_elements_support_styles()` | |
| function jt_format_color_preset( $color ) { | |
| if ( strpos( $color, 'var:preset|color|' ) !== false ) { | |
| $index = strrpos( $color, '|' ) + 1; | |
| $name = substr( $color, $index ); | |
| $color = "var(--wp--preset--color--$name)"; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "settings": { | |
| "defaults": { | |
| "color": { | |
| "palette": [ | |
| { | |
| "slug": "transparent", | |
| "color": "transparent", | |
| "name" : "Transparent" | |
| }, |
justintadlock
/ cover-offset-styles.php
Created
June 4, 2021 04:06
Offset left and right Cover block styles
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <?php | |
| add_action( 'init', function() { | |
| register_block_style( 'core/cover', [ | |
| 'name' => 'offset-left', | |
| 'label' => __( 'Offset Left' ), | |
| 'inline_style' => | |
| '.wp-block-cover.is-style-offset-left > .wp-block-cover__inner-container { | |
| background-color: inherit; |
justintadlock
/ book-review-intro-card.html
Created
April 2, 2022 02:02
Book review intro card using WordPress blocks.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- wp:group {"align":"wide","style":{"color":{"background":"#384a5c"},"spacing":{"padding":{"top":"2rem","right":"2rem","bottom":"2rem","left":"2rem"}}},"textColor":"white"} --> | |
| <div class="wp-block-group alignwide has-white-color has-text-color has-background" style="background-color:#384a5c;padding-top:2rem;padding-right:2rem;padding-bottom:2rem;padding-left:2rem"><!-- wp:media-text {"mediaId":6222,"mediaLink":"http://localhost/?attachment_id=6222","mediaType":"image","mediaWidth":40,"imageFill":false,"backgroundColor":"neutral-100"} --> | |
| <div class="wp-block-media-text alignwide is-stacked-on-mobile has-neutral-100-background-color has-background" style="grid-template-columns:40% auto"><figure class="wp-block-media-text__media"><img src="http://localhost/wp-content/uploads/2021/06/ff-book-cover.jpg" alt="" class="wp-image-6222 size-full"/></figure><div class="wp-block-media-text__content"><!-- wp:group {"style":{"spacing":{"blockGap":{"top":"2rem","left":"2rem"}}}} --> | |
| <div class="wp-block-group"><!-- wp: |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- wp:group {"align":"wide","style":{"color":{"background":"#384a5c"},"spacing":{"padding":{"top":"2rem","right":"2rem","bottom":"2rem","left":"2rem"}}},"textColor":"white"} --> | |
| <div class="wp-block-group alignwide has-white-color has-text-color has-background" style="background-color:#384a5c;padding-top:2rem;padding-right:2rem;padding-bottom:2rem;padding-left:2rem"><!-- wp:media-text {"mediaId":6222,"mediaLink":"http://localhost/book-review/ff-book-cover/","mediaType":"image","mediaWidth":35} --> | |
| <div class="wp-block-media-text alignwide is-stacked-on-mobile" style="grid-template-columns:35% auto"><figure class="wp-block-media-text__media"><img src="http://localhost/wp-content/uploads/2021/06/ff-book-cover.jpg" alt="" class="wp-image-6222 size-full"/></figure><div class="wp-block-media-text__content"><!-- wp:group {"style":{"spacing":{"blockGap":{"top":"2rem","left":"2rem"}}}} --> | |
| <div class="wp-block-group"><!-- wp:heading --> | |
| <h2>Lightning Bugs</h2> | |
| <!-- /wp:heading --> | |
| <!-- wp:paragraph --> | |
| <p>A guy. A |
justintadlock
/ wood-frame.html
Created
December 19, 2021 22:02
Block pattern for a wooden picture frame using Jeff Chandler's picture.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- wp:cover {"url":"http://localhost/wp-content/uploads/2021/12/Wood066_1K_Color.jpg","id":8923,"isRepeated":true,"dimRatio":30,"overlayColor":"foreground","minHeight":0,"isDark":false,"align":"wide","style":{"spacing":{"padding":{"top":"0.25rem","right":"0.25rem","bottom":"0.25rem","left":"0.25rem"}}}} --> | |
| <div class="wp-block-cover alignwide is-light is-repeated" style="padding-top:0.25rem;padding-right:0.25rem;padding-bottom:0.25rem;padding-left:0.25rem;background-image:url(http://localhost/wp-content/uploads/2021/12/Wood066_1K_Color.jpg)"><span aria-hidden="true" class="has-foreground-background-color has-background-dim-30 wp-block-cover__gradient-background has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"align":"wide","style":{"border":{"width":"2px","style":"solid"}},"borderColor":"foreground"} --> | |
| <div class="wp-block-group alignwide has-border-color has-foreground-border-color" style="border-style:solid;border-width:2px"><!-- wp:cover {"url":"http://localhost/ |
justintadlock
/ pattern-cover-audio-social.html
Created
December 29, 2021 23:58
Cover block pattern with audio player and social links.