Category Archives: Coding

Articles on programming and code in WordPress or related to WordPress and web publishing.

How to Use CSS to Stylize Headings in Your WordPress Content

So the extra-large font on the post titles and teeny-tiny text on the headings of Twenty Eleven are not doing it for you? This tutorial will show you how to spice up any theme headings using CSS and discuss the pros and cons of doing so.

Styling Headings with the WordPress Customizer or Appearance Settings

Maybe just changing the font and colors will be enough for you to style the headings.

Experiment with the WordPress Customizer settings in Appearance > Customize. It’s all automatic, so there is no need to know how to code CSS.

Pros: You can customize the appearance of your theme to your exact specifications, though the specifications maybe limited or constrained.

Cons: If you switch themes the fonts will carry over, but the CSS will not. You will also lose your customization if you upgrade your current theme for security reasons. Take a look at the Frequently Asked Questions about Customizer for all the other restrictions. Continue reading How to Use CSS to Stylize Headings in Your WordPress Content

How to Backup and Restore WordPress Theme Options

Read on if you are an advanced WordPress user. 

You set up your WordPress Theme just the way you want with Theme options, all set, now you need to backup or restore. What do you do?

There is a plug-n-play snippet to create if your theme isn’t set up for backup and restore. The snippet called Backup/Restore Theme Options that can be seen in action if you look at the ShapeSpace Theme. Continue reading How to Backup and Restore WordPress Theme Options

Tutorial: How to Create a Link List

Links are a vital part of the World Wide Web. Anything can be made into a link, from words and phrases to images. A link list is, as the name implies, a list of links. In HTML, a list of links can be easily coded with <ul>, <ol>, <li>, and <a> tags. In WordPress, these are the same exact tags used to create a link list inside a post.

In this tutorial, I will walk you through the process on how to create a link list inside a post. Lorelle’s article, “The Art of List Making,” is a valuable resource on making link lists and it serves as very useful information for this tutorial.

In this tutorial, I will guide you through creating three different types of link lists in both the text and visual editors: the unordered list, the ordered list, and the nested list. Continue reading Tutorial: How to Create a Link List

Web Accessibility: Text Justification

According to the Business Dictionary Text Justification is defined as

” A paragraph or block of text in which all words in all lines are spaced-out such that the first word aligns with the left margin and last word with the right margin.”

Providing text that is legible and easy to read is import for Web Accessibility. Some users may have difficulty reading text that is not aligned properly. Aligning text to both the left and the right of a paragraph can cause what is known as rivers in a page, these are noticeable spaces between words, you may have noticed this in some newspapers or a magazine article that you have read recently.Justifying your words to the left hand side of a column is usually the first step in avoiding this issue. Continue reading Web Accessibility: Text Justification

WordPress SEO Plugin by Yoast: Harness the Power of the Search Engines

WordPress is already a fantastic platform for search engine optimization, however WordPress SEO by Yoast, a SEO enhancement Plugin, takes the power of the Internet and places it right in your hands. Properly configured websites that take advantage of SEO can reap the potential benefit of some serious traffic for your site.

It not only usefully supplies the titles and descriptions of a site’s pages and posts, but it helps with the site’s design process by designing it from the inside, out.

Create Content that People will See

The snippet preview lets you see what your page will look like in the search results so that adjustments can be made (such as shortening or elongating code or tags) accordingly to make all the meta data and other attributes fit your SEO plan, and assure that the search engines properly process your site.

Being able to see these issues will help you increase its rankings as well as gage the search engine results to your content, further clarifying if your content is delivering quality content to whatever target niche you chose. Continue reading WordPress SEO Plugin by Yoast: Harness the Power of the Search Engines

The SEO of the HTML Anchor Text

You finally finished your website and uploaded it to the Internet. Maybe it is a blog, a personal website, or an e-commerce website that sells products. In all of these cases, you now wait to see how many visitors come to the website or read your blog article.

Continue reading The SEO of the HTML Anchor Text

How to Create and Use Abbreviations in HTML

Our friend the <acronym> tag has been deprecated with the release of HTML5, so how does this affect the use of acronyms generated with HTML? Well, we have a new friend! The <abbr> tag joins the HTML element list with HTML5. Continue reading How to Create and Use Abbreviations in HTML

WordPress Video Shortcodes

The WordPress Codex article on shortcodes refers to them as macros. WordPress Shortcodes are the function inside the WordPress core that allows for adding video, audio, images as well as other fun features like Twitter Timelines and Google Maps without code in HTML, PHP, JavaScript, and other web programming languages. In addition to the shortcodes mentioned in the Codex article, WordPress Support has a complete list of available shortcodes for WordPress.com sites.
Continue reading WordPress Video Shortcodes

WordPress Theme Frameworks

To begin, you will need to understand what is meant by WordPress Theme Framework. Technically (according to the WordPress Codex) any stand-alone Theme can act as a Framework. This is in the sense that any stand-alone Theme that allows you to make alterations to it, can be used as a framework.

What is a WordPress Framework?

There is a bit of confusion when it comes to the term WordPress Theme Framework. While the concept is that a Theme Framework is a bare bones, well-designed WordPress Theme for a developer or designer to build many client sites upon, some people think that a WordPress Theme Framework is an ultra-basic theme that has next to no formatting. When someone refers to WordPress Framework they may also be referring to the archive of code used to create Parent Themes.

Continue reading WordPress Theme Frameworks

Why “Post by Email”

Post By Email

This is the first time a core feature has been removed from a WordPress and replaced by a Plugin. There are some concerns about removing a core feature and what will actually occur with the code that is currently on websites. The new “Post by Email” plugin created by Kat Hagan is scheduled to replace the core feature.

WordPress Tavern reached out to WordPress core developer Andrew Nacin and

Andrew Nacin Indicated that “There were some nagging concerns that outright removing the feature from core could inconvenience users who still rely on it. That doesn’t detract from Kat’s work at all. Her plugin is fantastic and it’s definitely a huge improvement over what’s in core now. It was never designed to be pulled into core, but rather to provide us an opportunity to remove what’s in core now.”

For more information on the changes to the “Post by Email” function go to WordPress Codex “Post By Email”

Don’t Be Hacked: Protect Your Email Address

Over 30,000 web sites (including blogs) are hacked daily; web crawlers and bots are the culprits. They target websites and blogs through email addresses to do harm regardless of the content or what the site represents.

It is a good idea to keep as much personal information private as you can. There are two options I am going to talk about in this article for encrypting or disguising your email address on your WordPress blog.

Contact Forms

The first option for hiding your email address is to set up a Contact Page with a contact form.

The Contact Form allows you to set various options such as the topics they are contacting you about, and even to direct content specific issues to different email addresses if you have more than one contributor or site manager. The email address is not public, and it makes it easy for the user to contact you.

A site can have multiple contact forms for a variety of purposes, from strictly contacting the site owner or author to registration for an event, all protecting your email and allowing easy access for the visitor. Continue reading Don’t Be Hacked: Protect Your Email Address

Tips for Making WordPress Themes Mobile-friendly

Responsive Web Design
Image credits belong to John Polacek

Making a WordPress theme mobile friendly is an easy task to achieve with “media queries” and what is called “responsive design.” Actually, you can achieve this with any CMS or website fairly easy, but first some beforehand knowledge needs to be addressed.

You must be familiar with CSS (Cascading Style Sheets) and HTML (Hyper Text Markup Language) code. We are going to use the most popular method called media queries. Media queries are a type of CSS document that dictates how the DOM (Document Object Model) is organized given the parameters of certain screen sizes. Continue reading Tips for Making WordPress Themes Mobile-friendly

An Abstract (and brief) Look Into WP Theme Development

Introduction

This article is first and foremost written to give insight on what comprises a WordPress Theme. Though I will be touching on many things needed this is not intended to be a how to on theme development. It is more so an insider look at the processes involved and the code needed to achieve various functionalities within the themes themselves.

What We Will Be Covering

For this article, we will be using a theme I am currently developing as a case study. We will be covering the basics of the theme as well as some of the more advanced features such as custom shortcodes, custom post types and various functions used throughout the theme.

Theme Basics

First off, if you don’t want a primer into themes, please skip to the next section.

The following are the basic constants when developing WordPress Themes, the core items and methods to turn what otherwise would be plain static HTML into a dynamic template file in a WordPress Theme.

The most important thing to understand about WordPress Themes is that they are modular. When talking WordPress, that means that parts of the templates are broken down into modules that are called in template files rather than hard coding them into every file. So, what does that look like? Lets take this extremely basic example static HTML5 page and break it down into WordPress modules.
Continue reading An Abstract (and brief) Look Into WP Theme Development

Inline CSS Styling in WordPress

WordPress by default strips out any code in posts and Pages that may be considered “code” or malicious. Yet, there are ways to add color, splash, and fun to a WordPress post or Page without WordPress Plugins to overwrite the default functionality of WordPress. Here’s a quick how-to of what you can do to jazz up your posts and Pages (and when not to) on WordPress.com or WordPress.org without using a Plugin or going into the CSS file.
Continue reading Inline CSS Styling in WordPress

Child Theme Applied to Reverse Reverse

This is an article for a graded assignment covering the process of styling a Child Theme, changing the look and feel of the Parent Theme on a WordPress site.

The overall purpose of my blog site is that it will be a static page with 9 blog posts in reverse chronological order so when the page is done it will start with #1. Its working out so the videos will show my kids growing up.

The first screenshot is the desktop version in its entirety. I am keeping the meta section in so I can easily log in. This widget will be replaced by a longer list of recent posts. I’m leaving the Tags section in because it looks cool. I still need to put more thought into the menu pages.
Continue reading Child Theme Applied to Reverse Reverse