Instantly share code, notes, and snippets.

Magister MuseMetrics

View GitHub Profile
@MuseMetrics
MuseMetrics / post.html
Created Feb 10, 2016
(Genesis WordPress) Custom Recipe Cards
View post.html
<!--
These custom recipe cards are meant to be
used mainly in posts about food recipes.
They would typically follow the other content
of the post. In order to use this recipe card,
you must copy and past the HTML into the text
editor of the WordPress post. It will not
display properly if this is pasted in the
visual editor. The CSS can be pasted directly
in the style.css at the end of the page.
@MuseMetrics
MuseMetrics / index.php
Last active Jan 26, 2016
(Bootstrap) Portfolio Screen Animations
View index.php
<!--
Portfolio Screens are a name I use to designate image overlays
since I use them for my portfolio items most often. The screens
are much more involved than just using a slightly opaque background
cover since the wrappers include titles, descriptions, and buttons.
Upon hovering the portfolio screen, various inner elements slide
from divers directions to produce a subtle, but noticeable animated
effect. In order to prevent horizontal scroll bars on mobile devices,
I used media queries to change the horizontal slide features to
vertical.
@MuseMetrics
MuseMetrics / style.css
Created Jan 24, 2016
(Genesis WordPress) Post Category Widget Icons
View style.css
/*
Floating custom icons to the left of post category names in
the post category widget. The category item has a number
associated with it that can be found through the developer
tools in your console. This number will replace the ?? in
the CSS. The current CSS works best with icons that are
50px square. It can be adjusted depedning on the icon size.
*/
/* ## Entries
@MuseMetrics
MuseMetrics / functions.php
Created Jan 24, 2016
(Genesis WordPress) Read More Excerpt Icon Link
View functions.php
/*
Adjusting the Read More Excerpt Link to be positioned underneath
the excerpt and have two icons floated on either side of the link.
*/
/*Add Read More Link to Excerpts*/
add_filter('excerpt_more', 'get_read_more_link');
add_filter( 'the_content_more_link', 'get_read_more_link' );
function get_read_more_link() {
return '...&nbsp;<br/><span class="more-wrap"><a class="more-link" href="' . get_permalink() . '">Continue Reading</a></span>';
@MuseMetrics
MuseMetrics / style.css
Created Jan 24, 2016
(Genesis WordPress) Simple Social Icons Flags
View style.css
/*
Flag backgrounds for Simple Social Icons widget.
Font size must be 18px and padding must be 9px.
Icon size must be 35px in the widget settings.
*/
/* ## Widget Area
--------------------------------------------- */
.simple-social-icons ul li a {
@MuseMetrics
MuseMetrics / functions.php
Created Jan 24, 2016
(Genesis WordPress) Enqueueing Extraneous Scripts and Styles
View functions.php
/*
Depending on the theme that is being used, you may or may
not need to create your own custom function, but rather
simply copy and paste the nested functions and coordinate
the files with the proper directories.
*/
/*Enqueue scripts and styles*/
add_action( 'wp_enqueue_scripts', 'mm_enqueue_scripts_styles' );
function mm_enqueue_scripts_styles() {
@MuseMetrics
MuseMetrics / style.css
Created Jan 24, 2016
(Genesis WordPress) Header Right Widget Area
View style.css
/*
Header Widget Area floated right from Site-Title. This
area would include the Simple Social Icons and the
Primary Nav Menu. Spanning above, could be the
secondary menu featuring store links.
*/
/* ## Widget Area
--------------------------------------------- */
@MuseMetrics
MuseMetrics / style.css
Last active Jan 24, 2016
(Genesis WordPress) Header Left Widget Area
View style.css
/*
Header Widget Area floated left from Site-Title. This
area would include the Simple Social Icons and the
Primary Nav Menu. Spanning above, could be the
secondary menu featuring store links.
*/
/* ## Widget Area
--------------------------------------------- */