Jon jpen365

jpen365 / facebook-icon.html

Last active July 15, 2021 08:50

HTML markup for a simple text button

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 / featured-image-css.css

Created December 18, 2016 17:10

Full height featured image CSS

	/* Force sticky navigation into position */
	#page-header {
	margin-bottom: 0 !important;
	}
	/* Force header image to full height */
	#custom-header-media {
	height: 100vh;
	max-height: 100%;
	overflow: hidden;
	position: relative;

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 / full-height-featured-images.php

Last active September 16, 2017 09:23

Twenty Seventeen Full Height Featured Images

	<header id="masthead" class="site-header" role="banner">
	<?php if ( has_post_thumbnail() && ( is_single() \|\| ( is_home() \|\| ( is_page() && ! twentyseventeen_is_frontpage() ) ) ) ) : ?>
	<span class="has-header-image twentyseventeen-front-page home">
	<div id="page-header" class="custom-header">
	<div id="custom-header-media" class="custom-header-media" >
	<div id="wp-custom-header" class="wp-custom-header">
	<?php if ( is_home() && ! twentyseventeen_is_frontpage() ) {
	$page_for_posts = get_option( 'page_for_posts' );
	echo get_the_post_thumbnail( $page_for_posts );
	} else {

jpen365 / footer-text.php

Created December 18, 2016 05:03

Custom twenty seventeen footer text

	// To customize the site footer text, comment out the following line of php and add your custom code.
	// get_template_part( 'template-parts/footer/site', 'info' );
	?><p style="margin: 10px 0; text-align: right;">Proudly powered by <a href="https://wordpress.org">WordPress</a> and developed by <a href="https://jonpenland.com">Jon Penland</a>.</p>

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 / 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 / attachment.php

Created December 12, 2016 14:14

Redirect attachment pages to the parent post

<?php wp_redirect(get_permalink($post->post_parent)) ; ?>

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>";
	})
	})