WordPress Tutorials

WordPress Menu Order Sort for Adjacent Previous – Next Single Post Navigation

December 8, 2015 by Marcy Diaz Leave a Comment

It’s easy to use adjacent or previous – next single post navigation when you want WordPress posts sorted by publish date. But often you need to sort posts or custom post types by title alphabetically or by menu order (using page attributes). I’ve always found this difficult, and while there are plugins that should help with WordPress menu order sort, you may still need to edit or create new templates to get it to work.

A workaround, of course, is just to change the publish date of the posts, so that they’re in the correct order, but that’s not always best, so here’s a method to use WordPress menu order for adjacent previous-next single post navigation. So you can just add the code to your child theme functions.php and then add the styles to your style.css. The sort functions work for any WordPress theme, but since I use Genesis Framework, that’s what I used to add the navigation.
https://gist.github.com/mjsdiaz/e492722c13d5faa15589
Read More » about WordPress Menu Order Sort for Adjacent Previous – Next Single Post Navigation

Position or Move the Captions in Soliloquy Lite Slider

October 20, 2015 by Marcy Diaz 11 Comments

Although there is much debate over whether sliders are a good choice for a website, this tutorial is not meant to argue the merits, but just to help you position the captions in Soliloquy slider to best suit your image. The Soliloquy Lite WordPress plugin is a good choice for a basic, light, easy-to-use slider, and can easily be upgraded to Soliloquy, the premium version, if more features are required. The other benefits of using this slider is that clients can easily change the images, the text, and the pages or posts that are linked. It’s much easier and simpler to control than some other slider plugins.

This WordPress tutorial shows you how to position or move the captions in Soliloquy Lite Slider to the left or the right, lower and upper corners, so that the caption is visible, but doesn’t detract from the image. This way you can position the caption text where it is best for your images. Similar CSS can be used with other sliders, as well.
Read More » about Position or Move the Captions in Soliloquy Lite Slider

Display and Style WordPress Tag Cloud Widget with Categories Too

October 13, 2015 by Marcy Diaz 2 Comments

WordPress comes with two widgets for displaying your tags and categories. Depending on the number of blog post tags and categories, you can use these widgets as they are. But you can also style your list of tags or categories, so they are more useable by your readers. This tutorial shows you how to display and style WordPress Tag Cloud widget to add buttons for both post tags and categories.

New Site Icons for WordPress and Genesis to Download

September 8, 2015 by Marcy Diaz 2 Comments

WordPress 4.3 now has a feature to make it easy for you to add a site icon or favicon to your website, and this feature is supported in Genesis 2.2. The favicon is the little image that identifies your website in the browser bar and bookmarks. It’s also a site icon because the same icon will now be used as an app icon when saving a website on a mobile device. And if you change themes, you won’t have to figure out how to upload your site icon again.

For the new site icon, it’s best if you can upload an image that is 512px square. You can also upload larger images because you will be allowed to scale and crop, but it’s probably best if you resize before uploading. If you upload a smaller image, it will scale to 512px and be blurry.
Read More » about New Site Icons for WordPress and Genesis to Download

Add Dashicons to Show File Type for Download Links

May 19, 2015 by Marcy Diaz 5 Comments

You may have different kinds of files or file types for your website visitors to download, such as Microsoft Word or Excel documents, or Google Docs or Sheets, PDFs or e-books, or even audio or video files.

This WordPress tutorial shows how you can use dashicons to provide your visitors with a visual indication of the file type of the download link, so they don’t start downloading a file type that they prefer to use on another device, for instance on their laptop, rather than on their phone.
Read More » about Add Dashicons to Show File Type for Download Links

Remove or Override Plugin CSS with !Important

March 3, 2015 by Marcy Diaz 7 Comments

Often when you install a plugin, you want to give it a style that matches or coordinates with your WordPress theme. Sometimes this is easy to do. But sometimes a plugin will use !important in it’s stylesheet. Then editing the CSS can become more difficult.

I was recently working with Simple Social Icons, and I wanted to put a circular border around the icons. It didn’t work the way I first expected.
Read More » about Remove or Override Plugin CSS with !Important

Add Unique Custom Styles to One WordPress Page or Post

February 10, 2015 by Marcy Diaz 9 Comments

One of the nice things about using WordPress is that all the pages and posts can be styled consistently. But sometimes I’m asked to make a particular page or post have custom or unique styles.

So let’s suppose you’re creating a sales page, and you want the headings and the buttons to be a green color instead of the blue on the rest of the site. This is how to use WordPress body and post classes to add the special styles.
Read More » about Add Unique Custom Styles to One WordPress Page or Post

How to Use WordPress Conditional Tags

January 5, 2015 by Marcy Diaz 7 Comments

WordPress has conditional tags which can be used to change the content shown under certain conditions or on certain pages or posts. This tutorial will walk you through some examples, so that the next time you encounter a conditional statement, you will understand it. Conditional tags are usually found in theme template files or functions.php. Some examples will apply only to themes built for the Genesis Framework.
Read More » about How to Use WordPress Conditional Tags

Add Dashicons to Your WordPress Post

October 28, 2014 by Marcy Diaz 3 Comments

You can add a font icon and a border to your WordPress website pages or posts or widgets. This tutorial shows you how use dashicons in a border on your posts.

Many themes now have dashicons enqueued in the theme functions.php, but if yours doesn’t, you can read more about how to add dashicons to your theme.
Read More » about Add Dashicons to Your WordPress Post

Add An Image to WordPress Category Archive Description

October 14, 2014 by Marcy Diaz 4 Comments

Most WordPress themes now add category descriptions to the category archive pages, if you fill in the Category Name and Description fields. This tutorial shows you how to add images and other HTML to category archive descriptions for the Twenty Fourteen theme and for Genesis child themes, because it’s a bit different.

Read More » about Add An Image to WordPress Category Archive Description