Skip to content

Instantly share code, notes, and snippets.

Avatar

Justin Tadlock justintadlock

View GitHub Profile
View block-styles-loop.php
<?php
$block_styles = [
'core/button' => [
'fill-white' => __( 'Fill White', 'frost' ),
'outline-white' => __( 'Outline White', 'frost' )
]
];
foreach ( $block_styles as $block => $styles ) {
@justintadlock
justintadlock / tiles-progress-percent-side.php
Last active Jun 11, 2021
Moves the "percent" metadata next to the bar for Tiles Progress Bar Block
View tiles-progress-percent-side.php
<?php
register_block_style( 'tiles/progress', [
'name' => 'percent-side',
'label' => 'Percent Side',
'inline_style' => '
.wp-block-tiles-progress.is-style-percent-side {
line-height: 1;
}
.wp-block-tiles-progress.is-style-percent-side .wp-block-tiles-progress__background,
@justintadlock
justintadlock / cover-offset-styles.php
Created Jun 4, 2021
Offset left and right Cover block styles
View cover-offset-styles.php
<?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
justintadlock / theme.json
Created May 31, 2021
Block theme color naming scheme
View theme.json
{
"settings": {
"defaults": {
"color": {
"palette": [
{
"slug": "transparent",
"color": "transparent",
"name" : "Transparent"
},
@justintadlock
justintadlock / fse-outreach-7.html
Created May 26, 2021
FSE Outreach #7 portfolio template built with TT1 Blocks.
View fse-outreach-7.html
<!-- wp:cover {"url":"http://localhost/wp-content/uploads/2021/05/pexels-mohamed-almari-368893-scaled.jpg","id":4995,"minHeight":100,"minHeightUnit":"vh","contentPosition":"center center","align":"full","style":{"spacing":{"padding":{"top":"2rem","right":"3rem","bottom":"2rem","left":"3rem"}}}} -->
<div class="wp-block-cover alignfull has-background-dim" style="padding-top:2rem;padding-right:3rem;padding-bottom:2rem;padding-left:3rem;min-height:100vh"><img class="wp-block-cover__image-background wp-image-4995" alt="" src="http://localhost/wp-content/uploads/2021/05/pexels-mohamed-almari-368893-scaled.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:columns {"verticalAlignment":"top"} -->
<div class="wp-block-columns are-vertically-aligned-top"><!-- wp:column {"verticalAlignment":"top","width":"33.33%"} -->
<div class="wp-block-column is-vertically-aligned-top" style="flex-basis:33.33%"><!-- wp:image {"id":5033,"width":42,"height":42,"sizeSlug":"thumbnail","linkDestination":"n
@justintadlock
justintadlock / functions.php
Created Apr 29, 2021
Remove block-templates support from Gutenberg.
View functions.php
<?php
// Drop the below in theme functions.php.
add_action( 'after_setup_theme', function() {
remove_theme_support( 'block-templates' );
} );
View remove-duplicator-pro-alert.php
<?php
add_action( 'admin_init', function() {
remove_action(
is_multisite() ? 'network_admin_notices' : 'admin_notices',
[ 'DUP_PRO_UI_Alert', 'licenseAlertCheck' ]
);
}, 11 );
@justintadlock
justintadlock / parent-theme-mod-fallback.php
Last active Jun 20, 2021
Get theme mods that fall back to the stored parent theme mod if child theme is active.
View parent-theme-mod-fallback.php
<?php
/**
* The purpose of this code is to show how you can use theme mods that will fall back to
* the already-set mods of the parent theme. So, when a child theme is active, the code
* checks, in the following order: 1) child theme mod, 2) parent theme mod, 3) default.
*/
function jt_get_theme_mod( $name, $default = false ) {
if ( is_child_theme() )
@justintadlock
justintadlock / font-awesome.php
Last active Jun 30, 2021
PHP array of Font Awesome icons.
View font-awesome.php
<?php
// Font Awesome v. 4.6.
function jt_get_font_icons() {
return array(
'fa-glass' => 'f000',
'fa-music' => 'f001',
'fa-search' => 'f002',
'fa-envelope-o' => 'f003',
@justintadlock
justintadlock / one-theme-two-textdomains.php
Last active Mar 23, 2021
How one theme can have two textdomains and still work with translation systems.
View one-theme-two-textdomains.php
<?php
/**
* The purpose of this file is to show how a theme can have multiple textdomains
* and still work with a single translation file. Translation tools like the
* one used on WordPress.org and Poedit are going to simply scan the project for
* text strings, regardless of the textdomain (and for good reasons that are
* not relevant here).
*
* The code below works with that system. It assumes that we have a single MO
* file based on the theme's textdomain. So, how can two textdomains work? It