Skip to content

Instantly share code, notes, and snippets.

@studiopress
studiopress / sample.html
Created September 21, 2017 13:44
HTML used for Photo Grid section of homepage.
<div class="attendee"><img src="http://gobrocation.com/images/brian-gardner.jpg" alt="Brian Gardner" /><span class="attendee-name"><a target="_blank" href="https://twitter.com/bgardner">Brian Gardner</a></span></div>
<div class="attendee"><img src="http://gobrocation.com/images/joshua-becker.jpg" alt="Joshua Becker" /><span class="attendee-name"><a target="_blank" href="https://twitter.com/joshua_becker">Joshua Becker</a></span></div>
<div class="attendee"><img src="http://gobrocation.com/images/john-shultz.jpg" alt="John Shultz" /><span class="attendee-name"><a target="_blank" href="https://twitter.com/jshltz">John Shultz</a></span></div>
<div class="attendee"><img src="http://gobrocation.com/images/darrell-vesterfelt.jpg" alt="Darrell Vesterfelt" /><span class="attendee-name"><a target="_blank" href="https://twitter.com/dvest">Darrell Vesterfelt</a></span></div>
<div class="attendee"><img src="http://gobrocation.com/images/seth-spears.jpg" alt="Seth Spears" /><span class="attendee-name"><a target="_blank" h
@studiopress
studiopress / functions.php
Created September 21, 2017 13:42
Hook Photo Grid widget area after header.
<?php
// Do NOT include the opening php tag.
// Add photo grid widget area after header.
add_action( 'genesis_after_header', 'sp_photo_grid_widget' );
function sp_photo_grid_widget() {
genesis_widget_area( 'photo-grid', array(
'before' => '<div class="photo-grid"><div class="wrap">',
'after' => '</div></div>',
@studiopress
studiopress / functions.php
Last active September 21, 2017 13:43
Register widget area for photo grid.
<?php
// Do NOT include the opening php tag.
// Register Photo Grid widget area.
genesis_register_sidebar( array(
'id' => 'photo-grid',
'name' => __( 'Photo Grid', 'theme-name' ),
'description' => __( 'This is the photo grid widget area.', 'theme-name' ),
) );
@studiopress
studiopress / sample.css
Created September 13, 2017 15:08
Sample CSS to add "Made with Love" to your site footer with the Genesis Framework.
/* Heart Icon
--------------------------------------------- */
.site-footer .icon {
font-size: 20px;
}
.site-footer .love .icon {
font-size: 12px;
margin-left: 2px;
@studiopress
studiopress / sample.html
Created September 13, 2017 15:07
Sample HTML to add "Made with Love" to your site footer with the Genesis Framework.
<p class="love">Made with <i class="icon ion-heart"></i> in Chicago</p>
@studiopress
studiopress / functions.php
Created September 13, 2017 15:06
Enqueue Ionicons on your site with the Genesis Framework.
<?php
//* Do NOT include the opening php tag
// Enqueue Ionicons.
add_action( 'wp_enqueue_scripts', 'sp_enqueue_ionicons' );
function sp_enqueue_ionicons() {
wp_enqueue_style( 'ionicons', '//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css', array(), CHILD_THEME_VERSION );
}
@studiopress
studiopress / style.css
Last active June 28, 2023 16:17
CSS to style Instagram feed.
/* Instagram
---------------------------------------------------------------------------------------------------- */
.instagram {
overflow: hidden;
}
.instagram .wrap {
border-top: 1px solid #eee;
margin-left: auto;
@studiopress
studiopress / functions.php
Last active September 13, 2017 15:18
Hook widget area for Instagram feed before footer.
<?php
// Do NOT include the opening php tag.
// Add Instagram widget before footer.
add_action( 'genesis_before_footer', 'sp_instagram_feed_widget' );
function sp_instagram_feed_widget() {
genesis_widget_area( 'instagram', array(
'before' => '<div class="instagram"><div class="wrap">',
'after' => '</div></div>',
@studiopress
studiopress / functions.php
Created September 6, 2017 12:53
Register widget area for Instagram feed.
<?php
// Do NOT include the opening php tag.
// Register Instagram widget area.
genesis_register_sidebar( array(
'id' => 'instagram',
'name' => __( 'Instagram', 'theme-name' ),
'description' => __( 'This is the instagram widget area.', 'theme-name' ),
) );
@studiopress
studiopress / style.css
Created August 30, 2017 19:34
Sample CSS using Proxima Nova from Google Fonts.
body {
background-color: #fff;
color: #000;
font-family: 'proxima-nova', sans-serif;
font-size: 18px;
font-size: 1.8rem;
font-weight: 300;
line-height: 1.875;
margin: 0;
}