Skip to content

Instantly share code, notes, and snippets.

@jpen365
jpen365 / facebook-icon.html
Last active July 15, 2021 08:50
HTML markup for a simple text button
<div class="icon-button">
<a class="icon-container" href="#">
<i class="fa fa-facebook"></i>
</a>
</div>
@jpen365
jpen365 / wp-core-config.cl
Last active October 7, 2019 12:26
Things you can do with wp-cli
wp core config --dbname=database_name --dbuser=database_user --dbpass=user_password --dbhost=localhost --dbprefix=wp_
@jpen365
jpen365 / featured-image-css.css
Created December 18, 2016 17:10
Full height featured image CSS
@jpen365
jpen365 / fix-nav.js
Created December 18, 2016 05:20
Twenty Seventeen Full Height Featured Images Sticky Nav Fix
// Sticky nav on pages and posts
var body = jQuery( 'body' );
var navigation = body.find( '.navigation-top' );
var customHeader = body.find( '.custom-header' );
var navigationOuterHeight = navigation.outerHeight();
if ( body.hasClass( 'has-header-image' ) ) {
var headerOffset = customHeader.innerHeight() - navigationOuterHeight;
}
jQuery( window ).on( 'scroll', function() {
@jpen365
jpen365 / full-height-featured-images.php
Last active September 16, 2017 09:23
Twenty Seventeen Full Height Featured Images
@jpen365
jpen365 / footer-text.php
Created December 18, 2016 05:03
Custom twenty seventeen footer text
@jpen365
jpen365 / front-page-panels.php
Last active December 18, 2016 04:15
Add sidebar to each front page section in Twenty Seventeen
<hr>
<div class="front-page-sidebar">
<aside id="secondary" class="widget-area" role="complementary"><?php
$title = get_the_title();
dynamic_sidebar( $title );
?></aside>
</div>
@jpen365
jpen365 / one-page-nav.js
Created December 17, 2016 03:51
One-page nav code for twenty seventeen
/*
One page nav code
*/
jQuery( document ).ready(function(){
/* Add padding and id's to each front page section */
jQuery( "h2.entry-title" ).each( function() {
var panelId = jQuery( this ).html().toLowerCase().replace(/\s+/g, "-");
jQuery( this ).wrapInner(function() {
return "<span style='padding-top:96px;' id='" + panelId + "'></span>";
@jpen365
jpen365 / attachment.php
Created December 12, 2016 14:14
Redirect attachment pages to the parent post
<?php wp_redirect(get_permalink($post->post_parent)) ; ?>
@jpen365
jpen365 / add-id-to-panel-title.js
Created November 29, 2016 21:21
Wrap Twenty Seventeen front page panel titles in spans with ids and padding
jQuery( "h2.entry-title" ).each( function() {
var panelId = jQuery( this ).html().toLowerCase().replace(/\s+/g, "-");
jQuery( this ).wrapInner(function() {
return "<span style='padding-top:96px;' id='" + panelId + "'></span>";
})
})