Skip to content

Instantly share code, notes, and snippets.

View jeffikus's full-sized avatar
💻
Themes at Automattic.com

Jeffrey Pearce jeffikus

💻
Themes at Automattic.com
View GitHub Profile
@jeffikus
jeffikus / coffee-shop.json
Created September 8, 2022 20:43
Style variation for TT3 theme, based off of https://www.happyhues.co/palettes/10
View coffee-shop.json
{
"customTemplates": [
{
"name": "blank",
"postTypes": [
"page",
"post"
],
"title": "Blank"
},
@jeffikus
jeffikus / template.txt
Created January 28, 2022 19:26
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;
}
}
@jeffikus
jeffikus / covid-notice.css
Created March 27, 2020 10:23
Covid Notice
View covid-notice.css
.covid-menu {
background-color: yellow;
}
.covid-menu a {
color: black !important;
}
@jeffikus
jeffikus / woocommerce.php
Created December 1, 2017 13:21
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 December 1, 2017 13:19
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 April 18, 2016 13:50
Fix for The One Pager featured slider responsiveness with videos
View featured-slider.js
@jeffikus
jeffikus / wooimage-override.php
Created April 12, 2016 11:48
woo_image() override
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 April 7, 2016 11:44 — 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 March 5, 2016 21:11
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);