Skip to content

Instantly share code, notes, and snippets.

Avatar
💻
Themes at Automattic.com

Jeffrey Pearce jeffikus

💻
Themes at Automattic.com
View GitHub Profile
@jeffikus
jeffikus / template.txt
Created Jan 28, 2022
3columnexample.wordpress.com Homepage Template
View template.txt
<!-- wp:group {"align":"full","style":{"border":{"width":"px"}},"layout":{"inherit":false}} -->
<div class="wp-block-group alignfull" style="border-width:px"><!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column {"width":"25%","style":{"spacing":{"padding":{"top":"1em","right":"1em","bottom":"1em","left":"1em"}}}} -->
<div class="wp-block-column" style="padding-top:1em;padding-right:1em;padding-bottom:1em;padding-left:1em;flex-basis:25%"><!-- wp:group {"align":"full"} -->
<div class="wp-block-group alignfull"><!-- wp:image {"align":"center","id":68,"width":75,"height":75,"sizeSlug":"thumbnail","linkDestination":"none","className":"is-style-rounded"} -->
<div class="wp-block-image is-style-rounded"><figure class="aligncenter size-thumbnail is-resized"><img src="https://dotcomfsepatterns.files.wordpress.com/2021/03/pattern-woman.jpg?w=150" alt="" class="wp-image-68" width="75" height="75"/></figure></div>
<!-- /wp:image -->
<!-- wp:site-title {"textAlign":"center","style":
View logo.css
.site-logo {
grid-area: site-title !important;
}
@media only screen and (min-width: 560px) {
.site-header .site-title {
align-self: center !important;
margin-left: 100px;
}
}
View covid-notice.css
.covid-menu {
background-color: yellow;
}
.covid-menu a {
color: black !important;
}
@jeffikus
jeffikus / woocommerce.php
Created Dec 1, 2017
WooCommerce Jetpack Infinite Scroll example Part 2
View woocommerce.php
<?php
/**
* Workaround to prevent is_shop() from failing due to WordPress core issue
*
* @link https://core.trac.wordpress.org/ticket/21790
* @param array $args infinite scroll args.
* @return array infinite scroll args.
*/
function _s_woocommerce_is_shop_page() {
global $wp_query;
@jeffikus
jeffikus / functions.php
Created Dec 1, 2017
WooCommerce Jetpack Infinite Scroll example Part 1
View functions.php
<?php
/**
* Custom render function for Infinite Scroll.
*/
function _s_infinite_scroll_render() {
if ( class_exists( 'WooCommerce' ) && ( is_shop() || is_product_taxonomy() || is_product_category() || is_product_tag() ) ) {
_s_woocommerce_product_columns_wrapper();
woocommerce_product_loop_start();
}
@jeffikus
jeffikus / featured-slider.js
Created Apr 18, 2016
Fix for The One Pager featured slider responsiveness with videos
View featured-slider.js
View wooimage-override.php
<?php
/*
Plugin Name: woo_image Override
Plugin URI: http://woothemes.com
Description: Override for the woo_image() function in the WooFramework. This will force the active theme to use native WordPress functions for image handling.
Author: Jeffikus
Version: 1.0.0
Author URI: http://woothemes.com
*/
@jeffikus
jeffikus / gist:b73ea70380ad6c29aed8241c726bb5d5
Last active Apr 7, 2016 — forked from rynaldos-zz/disable-jp-inf-scroll-cond.php
Disable Jetpack's Infinite Scroll for WooCommerce
View gist:b73ea70380ad6c29aed8241c726bb5d5
function _rsp_disable_jetpack_infinite_scroll_conditionally() {
if ( true === is_woocommerce() ) {
remove_theme_support( 'infinite-scroll' );
}
}
add_action( 'template_redirect', '_rsp_disable_jetpack_infinite_scroll_conditionally', 9 );
@jeffikus
jeffikus / testimonials.css
Created Mar 5, 2016
Upstart Testimonials fix
View testimonials.css
/**
* Integration styles
*/
@-webkit-keyframes spin-360 {
from {
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
View markup.php
<li id="slide-5261" class="slide slide-number-1 flex-active-slide" style="width: 100%; float: left; margin-right: -100%; position: relative; opacity: 1; display: block; z-index: 2;">
<section class="entry col-full">
<p>This is a custom post type slide.&nbsp;Aliquam erat volutpat. Vivamus eget mi velit, sed convallis tellus. Suspendisse sit amet lacinia nisl. Nam tempus mi sed odio fringilla bibendum. Vivamus nisl ipsum, imperdiet eu euismod a, tincidunt aliquam leo. Praesent dolor est, dignissim id placerat id, cursus id diam.</p>
</section>
</li>