Skip to content

Instantly share code, notes, and snippets.

View elpuas's full-sized avatar
💻
coding

Alfredo Navas-Fernandini elpuas

💻
coding
View GitHub Profile
@elpuas
elpuas / set-get-cookies.js
Created January 9, 2023 16:41
Set and Get Cookies
/**
* Set a cookie
*
* @param {string} name - The name of the cookie.
* @param {string} value - The value of the cookie.
* @param {number} [days] - The number of days until the cookie expires.
*/
const setCookie = ( name, value, days ) => {
let expires = '';
if ( days ) {
@elpuas
elpuas / flip-cards.css
Last active December 29, 2022 14:53
Flip Cards CSS
.lp-flip-cards {
max-width: var(--wp--style--global--content-size);
margin: 0 auto;
}
.lp-flip-cards .wp-block-post-template .wp-block-post .lp-flip-card {
perspective: 1000px;
height: 320px;
}
@elpuas
elpuas / flip-cards-html.html
Created December 29, 2022 14:50
Flip Cards HTML
<!-- wp:query {"queryId":0,"query":{"perPage":3,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false},"tagName":"section","namespace":"loop-patterns/flip-cards","className":"lp-flip-cards"} -->
@elpuas
elpuas / @flip-cards-innerblocks.js
Created December 29, 2022 14:47
Inner Blocks Flip Cards
innerBlocks: [
[
'core/post-template',
{
lock: 'all',
className: 'lp-flip-card__card is-flex-container columns-3',
},
[
['core/group', {
className: 'lp-flip-card'
@elpuas
elpuas / @query-flip-cards.js
Created December 29, 2022 14:43
Flip Cards Variations
const FLIP_CARDS = 'loop-patterns/flip-cards';
wp.domReady( function() {
wp.blocks.registerBlockVariation( 'core/query', {
name: FLIP_CARDS,
title: 'Flip Cards',
description: 'Flip Cards Query',
isActive: ( { namespace, query } ) => {
return (
namespace === FLIP_CARDS
@elpuas
elpuas / @query-loop-register.js
Created December 29, 2022 14:41
register the block variation
import './simple-query';
<?php
/**
* Register Scripts
*
* @return void
*/
function block_assets_scripts_enqueue() {
$block_asset_dependencies = [ 'wp-i18n', 'wp-blocks', 'wp-dom-ready', 'wp-edit-post' ];
wp_enqueue_script( 'loop-patterns-scripts', plugins_url( 'build/index.js', __FILE__ ), $block_asset_dependencies );
@elpuas
elpuas / @simple-query-final-code.js
Created December 29, 2022 14:38
Simple Query Variation
const SIMPLE_QUERY = 'loop-patterns/simple-query';
wp.domReady( function() {
wp.blocks.registerBlockVariation( 'core/query', {
name: SIMPLE_QUERY,
title: 'Simple Query',
description: 'Displays a Simple Query',
isActive: ( { namespace, query } ) => {
return (
namespace === SIMPLE_QUERY
@elpuas
elpuas / @simple-query-loop-inner-blocks.js
Created December 29, 2022 14:35
Simple Query InnerBlocks
innerBlocks: [
[
'core/post-template',
{},
[
[ 'core/post-title' ],
[ 'core/post-excerpt' ]
],
],
[ 'core/query-pagination' ],
@elpuas
elpuas / @query-loop-attributes
Created December 29, 2022 14:33
Query Loop Attributes
attributes: {
perPage: 3,
pages: 0,
offset: 0,
postType: 'post',
order: 'desc',
orderBy: 'date',
author: '',
search: '',
exclude: [],