ismasan
/ css_grid_draggable.html
Last active
May 28, 2024 16:08
Example for reordering CSS grids layout
This file contains hidden or 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
| <html> | |
| <head> | |
| <title>grid</title> | |
| <style> | |
| body {padding: 0; margin: 0;} | |
| .container { | |
| display: grid; | |
| grid-template-rows: 200px repeat(4, 100px); | |
| grid-template-columns: repeat(4, 1fr); | |
| grid-template-areas: "header header header header" |
richtabor
/ has_block.php
Created
March 27, 2019 20:14
This file contains hidden or 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 | |
| if ( has_block( 'blockgallery/masonry' ) ) { | |
| // Do something, if the Block Gallery Masonry block is added to this page. | |
| } |
brickbones
/ wordpress-page-temaplate.php
Created
April 20, 2019 18:07
WordPress page template with API (javascript and php)
This file contains hidden or 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 /* Template Name: Awesome Page */ | |
| get_header(); | |
| ?> | |
| <div class="latest-posts"></div> | |
| <script> |
yankiara
/ oxygen-colors-to-gutenberg-palette.php
Last active
April 3, 2024 20:01
This file contains hidden or 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
| /** | |
| * Add Oxygen's global colors to Gutenberg's backend editor palette | |
| */ | |
| function pavenum_gutenberg_oxygen_palette() { | |
| $gutenberg_colors = []; | |
| $oxy_colors = oxy_get_global_colors(); | |
| foreach( $oxy_colors['colors'] as $oxy_color) { | |
| $gutenberg_colors[] = [ 'name' => $oxy_color['name'], 'slug' => 'color-' . $oxy_color['id'], 'color' => $oxy_color['value'] ]; |
yankiara
/ oxygen-repeater-dynamic-query.php
Last active
February 25, 2025 16:45
Use dynamic queries with Oxygen's repeater
This file contains hidden or 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
| /* I'll put here different examples of dynamic query for Oxygen repeater : | |
| * - Use one of the following repeater_dynamic_query definitions | |
| * in code block just BEFORE the repeater | |
| * - Set the repeater custom query settings : post type, number of posts, order... | |
| * - Add the remove_action in a code block AFTER the repeater | |
| */ | |
| /**************************************************************************************************** | |
| * Display related posts for any CPT with taxonomy: |
richtabor
/ block-variation-example.js
Last active
September 5, 2023 12:23
This file contains hidden or 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.domReady( function() { | |
| wp.blocks.registerBlockVariation( 'coblocks/form', { | |
| name: 'event-registration', | |
| title: 'Event Registration', | |
| icon: '<svg height="48" viewBox="0 0 48 48" width="48" xmlns="http://www.w3.org/2000/svg"><path d="m18 10h-14v2h14zm2-8h-1v-2h-2v2h-12v-2h-2v2h-1c-1.11 0-1.99.9-1.99 2l-.01 16c0 1.1.89 2 2 2h18c1.1 0 2-.9 2-2v-16c0-1.1-.9-2-2-2zm0 18h-18v-13h18zm-5-5h-6-5v2h11z" transform="translate(13 14)"/></svg>', | |
| innerBlocks: [ | |
| [ 'coblocks/field-name', { label: 'Full name', hasLastName: true } ], | |
| [ 'coblocks/field-email', { required: true } ], | |
| [ 'coblocks/field-radio', { label: 'How do you use WordPress?', required: true, options: [ 'I write', 'I design', 'I develop', 'I manage', 'I am new to WordPress!'] } ], | |
| [ 'coblocks/field-checkbox', { label: 'I’m on a gluten-free diet', options: [ 'Yes', 'No' ], required: true } ], |
richtabor
/ block-variation-enqueue.php
Created
May 12, 2020 19:57
This file contains hidden or 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
| function block_variation_example_enqueue() { | |
| wp_enqueue_script( | |
| 'block-variation-example-script', | |
| plugins_url( 'index.js', __FILE__ ), | |
| array( 'wp-blocks', 'wp-dom-ready', 'wp-edit-post' ), | |
| filemtime( plugin_dir_path( __FILE__ ) . '/block-variation-example.js' ) | |
| ); | |
| } | |
| add_action( 'enqueue_block_editor_assets', 'block_variation_example_enqueue' ); |
yankiara
/ oxygen-media-breakpoints-buttons.css
Last active
January 28, 2021 20:53
Direct access to Oxygen's media breakpoints
richtabor
/ register-block-category.php
Last active
September 5, 2023 12:23
This file contains hidden or 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
| function tabor_register_block_categories() { | |
| if ( class_exists( 'WP_Block_Patterns_Registry' ) ) { | |
| register_block_pattern_category( | |
| 'hero', | |
| array( 'label' => _x( 'Hero', 'Block pattern category', 'textdomain' ) ) | |
| ); | |
| } | |
| } |
richtabor
/ add-colors-and-gradients-to-gutenberg.php
Last active
December 2, 2024 14:42
This file contains hidden or 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
| /** | |
| * Block Editor Settings. | |
| * Add custom colors and gradients to the editor. | |
| */ | |
| function tabor_add_colors_and_gradients() { | |
| $colors = array( | |
| 'primary' => '#db1c7d', | |
| 'secondary' => '#a528f0', | |
| 'tertiary' => '#90cbff', |
OlderNewer