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.
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.
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
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>';
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 {
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() {
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
--------------------------------------------- */
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
--------------------------------------------- */