The Ultimate WordPress Development Checklist

30th, Jun, 2015 no comments
WordPress Checklist

Having worked on WordPress themes for many years now, we know developing one is not a cakewalk.

It requires a lot of attention to detail and involves loads of crucial steps, many of which are often forgotten by designers.

So how can one ensure that they have covered every possible aspect of theme development, so as to get a stunning WordPress website?

It’s simple.

By following an extremely detailed checklist, like the one we just created for you!

Bonus: Download free WordPress Development checklist PDF that will show you how to tap into the 9 most important WordPress items listed here.

wordpress Development checklist infographic

Want to share this on your site? Just copy the code below!


Quick Overview of what is covered:


#1. Stylesheet Headers

WordPress comes with default themes during the initial installation, so it is advisable to refer to these default files before starting, so that you get a decent idea about developing your own theme.

Under this section of the checklist, you will find some of the basic header settings related to the theme name, URI, version, etc, which will need to be in place before you move on to the more technical part.

You will also need to make sure that your stylesheet provides details about the theme in the form of stylesheet headers.

/* Theme Name: The Name of your theme   
* Theme URI: The URL for more information
* Description: Theme Description 
* Version: 1.0 
* Author: Your Name
* Author URI: Your URL  
* Tags: Red, black, widget‐ready etc
* Template: If you are building a child theme*/

#2. Stylesheets

The stylesheet is responsible for the visual design and layout of the theme. That is why, it is very important that you pay special attention to the style.css file.

In addition to that, you also need to make sure you maintain the other CSS files in a separate CSS folder.

theme root folder
  • Style.css
/css/ folder
  • Custom.css
  • Print.css
  • Reset.css
  • ie.css
  • Theme Preview Image (screenshot.jpg/screenshot.png/screenshot.gif)
  • Widget Ready Sidebars
  • Add Rules to your Comment form
  • Backwards Compatibility (WordPress 2.5 +)
  • Add Sample Posts
  • Use sprite images
  • Compress the image size.
  • Properly indent the Css and js code

#3. Cross Browser Compatibility

While developing a WordPress theme, one of the most important things to ensure is that your theme is fully compatible with the latest versions of all the major browsers.

  • Firefox
  • Internet Explorer 9, 10, 11
  • Google Chrome
  • Safari
  • Opera

#4. Page Templates

Page templates are responsible for the appearance and layout of the page. They are highly specific and generally target an individual page on the website.

Also, naming the page templates gives the WordPress users who are editing the page more control over those specific templates. This section covers all the steps related to the template pages.

  • Index.php
    • Header.php
    • Sidebar.php
    • Footer.php
  • Single.php
  • Archive.php
  • Page.php
  • Home.php
  • Author.php
  • Comments.php
  • Search.php
  • Searchform.php
  • Category.php
  • 404.php
  • Functions.php

#5. Style Elements

Now, before you go ahead, you need to make sure you have styled all the page elements including titles, images, videos, tables, etc, appropriately.

  • h1, h2, h3, h4, h5, h6
  • Captions
  • Images
  • Unordered lists
  • Blockquotes
  • Ordered lists
  • Tables

#6. Standard CSS Classes

Next thing you need to do is make sure that all the images on your website are aligned properly. The CSS Classes were introduced in WordPress for this purpose.

WordPress 2.5 introduced many classes for aligning images and block elements (div, p, table, etc.), like alignleft, aligncenter, alignright. And if you need to align or style the images separately, you can use alignnone.

Similarly, the same CSS classes can be used for aligning images with captions.

  • .alignnone
  • .wp-caption
  • .aligncenter, div.aligncenter
  • .wp-caption.alignnone
  • .alignright
  • .wp-caption.alignleft
  • .alignleft
  • .wp-caption.alignright
  • a img.alignright
  • .wp-caption img
  • a img.alignnone
  • .wp-caption p.wp-caption-text
  • a img.alignleft
  • .screen-reader-text
  • a img.aligncenter
  • .screen-reader-text:focus

#7. CSS & Markup Validation

Now, you need to validate your CSS using the CSS Validation service. In the same way, also validate your HTML with the Markup Validation service.

CSS
  • Style.css

Add alt attribute to image tag

HTML (tip: browser > view source)
  • Index.php
  • The other templates.
  • With/without Comments
  • Login Required
  • Password Protected

#8. WordPress Code

The tags mentioned here are life savers when it comes to developing custom themes. Therefore, it is important that you have proper tags for all the different elements of your web pages in place, as shown below.

<?php include(TEMPLATEPATH . ‘/x’); ?>
<?php the_time('m‐d‐y') ?>
<?php /* Template Name: X */ ?>

Use
<?php get_template_directory_uri(); ?>
or
<?php bloginfo('template_url'); ?>
instead of static links to files [images / .js / .css]

Use
<?php define('VARIABLE','VALUE') ?>

for constant value
[For eg: Version 1.1 or Template directory link]

The loop
<?php if(have_posts()) : ?>
<?php while(have_posts()) :the_post(); ?>
<?php endwhile; ?>
<?php endif; ?>
/%category%/%postname%/

Use
For eg:
is_page('PAGE_NAME')
is_home()
is_front_page()
is_single('POST')
get_post_type( get_the_ID())=='POST_TYPE'

Generation of XML site map

#9. Blog Elements

Finally, ensure that all the style elements of your blog are taken care of, and you are good to go!

  • Title/Logo
  • Comments
  • Navigation of Pages
  • Copyright message
  • Navigation of Categories/Tags
  • Past/Next links
  • RSS links
  • Back to Top link
  • Search Form
  • Advertisements
  • Archives links
  • Add Function to unlink the links from the comment and add rel=”no_follow” attribute to the links while submitting the form
  • Social Sharing Links
  • Google Re-captcha on the Comment form
  • Dates/Timestamps

Bonus: Download free WordPress Development checklist PDF that will show you how to tap into the 9 most important WordPress items listed here.

Copyright © 2015 Wefixyourwp

The WordPress Development Checklist is the copyright of WeFixYourWP. All rights reserved. This checklist, or any part of it, may not be altered or reproduced in any format without a written permission from the writers.

This work is licensed under a Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License.

Affiliate Disclosure

Some of the links in the post above are “affiliate links.” This means if you click on the link and purchase the item, We
will receive an affiliate commission. Regardless, We only recommend products or services We use personally and
believe will add value to our readers.

Disclaimer:

All the information in this checklist is error-free and reliable to the best of our knowledge. However, WeFixYourWP shall not be accountable for any loss or damage suffered as a result of following these instructions. We are not liable for any malfunctioning in the referenced software or services stated in this work.

Unless clearly mentioned, we receive no commissions or payments from the respective suppliers or owners of the software and services mentioned in this checklist.

We only publish information about the workings of certain third-party services, but we do not endorse or support third-party services or products and are not responsible for the functions or authenticity of these services.

Sudhir Bhushan is a Tech & Social enthusiast. He is also a Web Entrepreneur by Profession and loves to write about latest trends on Social Media & SEO.

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *

Testimonials

testimonial icon

I was really stressed out after my website got hacked, and was absolutely clueless about what to do next. Then I came to know about these guys and decided to get my website restored from them. Trust me, it was the best decision I’ve made! Not only did they restore my website, but also removed malware and got it running efficiently within no time! I strongly recommend WeFixYourWP.com to anyone looking to get their WordPress website fixed.

Chris Lazar