Skip to content

Instantly share code, notes, and snippets.

View brianleejackson's full-sized avatar
✍️
Writing

Brian Jackson brianleejackson

✍️
Writing
View GitHub Profile
add_filter( 'generate_google_font_display', function() {
return 'swap';
} );
{
"__file": "wp_block",
"title": "Pricing table",
"content": "<!-- wp:generateblocks/container {\"uniqueId\":\"d1bb3ef9\",\"paddingTop\":\"0\",\"paddingRight\":\"20\",\"paddingLeft\":\"0\"} -->\n<div class=\"gb-container gb-container-d1bb3ef9\"><div class=\"gb-inside-container\"><!-- wp:generateblocks/grid {\"uniqueId\":\"28a352a0\",\"columns\":3,\"horizontalGap\":40} -->\n<div class=\"gb-grid-wrapper gb-grid-wrapper-28a352a0\"><!-- wp:generateblocks/container {\"uniqueId\":\"614c94ee\",\"isGrid\":true,\"gridId\":\"3ab20ff8\",\"width\":33.33,\"paddingTop\":\"0\",\"paddingRight\":\"0\",\"paddingBottom\":\"0\",\"paddingLeft\":\"0\",\"marginTop\":\"90\",\"marginTopMobile\":\"5\",\"gradient\":true,\"gradientDirection\":360,\"gradientColorOne\":\"#f3f3f3\",\"gradientColorTwo\":\"#f3f3f3\",\"gradientColorTwoOpacity\":0.5} -->\n<div class=\"gb-grid-column gb-grid-column-614c94ee\"><div class=\"gb-container gb-container-614c94ee\"><div class=\"gb-inside-container\"><!-- wp:generateblocks/headline {\"uniqueId\":
@brianleejackson
brianleejackson / enqueue-preload-font.php
Created September 23, 2020 16:36
Enqueue and preload a font in WordPress
function enqueue_font_preload() {
wp_enqueue_style('example-font-handle', 'https://domain.com/wp-content/font-file.woff2', array(), null);
}
add_action('wp_enqueue_scripts', 'enqueue_font_preload');
function style_loader_tag_filter_preload($html, $handle) {
if($handle === 'example-font-handle') {
$new_html = str_replace("text/css", "font/woff2", $html);
return str_replace("rel='stylesheet'", "rel='preload' as='font' crossorigin='anonymous'", $new_html);
}
return $html;
@brianleejackson
brianleejackson / disable-font-awesome-yith.php
Created August 28, 2020 16:10
Disable Font Awesome in YITH WooCommerce Wishlist
if ( function_exists( 'yith_wishlist_install' ) ){
if ( ! function_exists( 'yith_wcwl_remove_awesome_stylesheet' ) ) {
function yith_wcwl_remove_awesome_stylesheet() {
wp_deregister_style( 'yith-wcwl-font-awesome' );
}
@brianleejackson
brianleejackson / back-next-generatepress.css
Last active August 21, 2020 04:05
Replace page numbers in GeneratePress with next and back. Seen here: https://woorkup.com/
.nav-links .page-numbers:not(.next):not(.prev) {
display: none;
}
@brianleejackson
brianleejackson / scroll-sticky-widget-no-jquery.css
Last active October 16, 2020 14:28
Scroll sticky sidebar WordPress widget with no jQuery
@media (min-width: 769px) {
.site-content {
display: flex;
}
.inside-right-sidebar {
height: 100%;
}
.inside-right-sidebar aside:last-child {
position: -webkit-sticky;
position: sticky;
@brianleejackson
brianleejackson / progress-bars-no-jquery.css
Last active August 18, 2020 07:33
Progress bars with no jQuery as seen here: https://pennybros.com/
/*Progress bar CSS*/
.meter {
height: 30px;
position: relative;
background: #f3efe6;
border-radius:3px;
overflow: hidden;
margin: 5px 0 5px 0;
}
.meter span {
@brianleejackson
brianleejackson / rankmath-wp-coupons-schema-breadcrumb.php
Created June 26, 2020 20:52
RankMath WP Coupons schema breadcrumb
//filter coupon post breadcrumbs
add_filter('rank_math/frontend/breadcrumb/items', function( $crumbs, $class ) {
if(is_singular('coupon')){
//change archive page name
$crumbs[count($crumbs)-2][0] = "Lifetime Deals";
}
return $crumbs;
}, 10, 2);
@brianleejackson
brianleejackson / exclude-logo-lazy-load-generatepress.php
Last active June 29, 2021 18:59
Exclude logo (desktop and mobile) from lazy load in GeneratePress theme with Perfmatters plugin. Source: https://perfmatters.io/docs/lazy-load-wordpress/ *Update* This is no longer needed as you can add class exclusions in Perfmatters.
//add no-lazy class to primary logo
function wpd_generate_logo_output($output, $logo_url, $html_attr) {
//add our no-lazy class
$html_attr = str_replace('class="', 'class="no-lazy ', $html_attr);
//logo output
printf(
'<div class="site-logo no-lazy">
<a href="%1$s" title="%2$s" rel="home">
@brianleejackson
brianleejackson / generatepress-author-sidebar-widget.html
Last active June 12, 2020 19:19
GeneratePress author sidebar widget box as seen here: https://woorkup.com/
<center><img src="https://domain.com/bio-pic.png" class="no-lazy" width="175" height="175" alt=""></center>
<div style="background:#FAF3D4; color: #5d5b54; margin: 15px 0; padding: 1em 1em; border-width: 0 0 0 12px;"><strong style="font-size:19px;">Hi there, I'm {name}. <a href="https://twitter.com/username" target="_blank" style="border-bottom:0px; color:#504e48;" rel="noopener noreferrer"><i class="fa fa-twitter fa-2x;" aria-hidden="true"></i></a></strong><br
/><span style="line-height:23px;font-size:18px;">Write something about you. <strong><a style="color:#504e48; border-bottom: 2px solid rgba(80, 78, 72, 0.2);" href="https://domain.com/about/">Read more</a></strong></span></div>