WordPress Superb Cheat Sheet for Designers and Developers 2016
WordPress Superb Cheat Sheet for Designers and Developers 2016

Since WordPress is premiere CMS and blogging platform that’s not only incredibly versatile, but also amazingly easy to learn and use. Majority of Business professionals prefers WordPress to develop their business websites. Moreover, since it’s open source and completely free to use, there is a common misconception that WordPress is meant for amateurs, not for serious business purposes.

WordPress UI: The front-end and back-end.

Front-end includes your content (posts, pages, media, and comments), your theme (how everything looks and feels), menus (typically used for navigating around your site), and widgets (depending on whether your theme supports widgets, of course).

Back-end is the admin area is where most work gets done in WordPress; it’s where you author new content, manage users, configure your site’s options, and perform regular maintenance tasks.

But what you see on the surface when you set up and launch WordPress UI is just a small fraction of what goes on behind the scenes. That means, WordPress runs on two somewhat complicated web technologies known as PHP and MySQL. Other technologies that play a part include JavaScript, it’s close cousin jQuery, CSS and HTML. WordPress themes (and even plugins) are mainly written in PHP, and rely on MySQL databases to run.

Now, for amateurs, there sure is a lot to remember when working with WordPress files. From the names of basic template files to functions and how the WordPress Loop works, themes and plugins to work, use a set of standardised code and it’s next to impossible to remember every PHP tag or even how to define a new theme. So to help you out, present you handy and superb cheat sheet. This is definitely one to bookmark and save for future reference!


Theme Files and Structure :

WordPress Cheat Sheet-The Anatomy of Theme

These are the basic files that every theme should include:
  • style.css – This is your theme’s stylesheet file.
  • index.php – This is the main body template for your theme. Its job is to bring together all the information in the other theme files using template tags.
  • header.php – This file contains the header information that appears with the <head> section of your site, stuff like metadata and the link to your stylesheet.
  • sidebar.php – Everything in you sidebar goes in this file, like widgets, categories, additional menus, search form, etc.
  • footer.php – This file contains your footer information, such as copyright details, widgets, and social icons.
  • single.php – This file displays just one post.
  • page.php – When you create a page on your site, this is the template responsible.
  • comments.php – This file is responsible for displaying comments.
  • 404.php – When visitors try to visit a page on your site that doesn’t exist, this file will general an error page.
  • functions.php – This file is where you can place special functions. We always recommend creating a child theme rather than edit this file directly.
  • archive.php – Display an archive with this file so visitors to your site can go way back when and read your Hello World! post.
  • search.php – Help your visitors search your site with this page.
  • searchform.php – Display a search form for your visitors with this template file.

Defining a New Theme Style Sheet:

Why is style.css file important? Firstly, it provides details about your theme that are displayed in the Appearance > Themes section. This information goes into the style-sheet header, which helps in identifying the theme during selection in the admin area. The following is an example of the first few lines of the style sheet for the default Twenty Sixteen theme:
/*

Theme Name: Twenty Sixteen

Theme URI: https://wordpress.org/themes/twentysixteen/

Author: the WordPress team

Author URI: https://wordpress.org/

Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.

Version: 1.2

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: black, blue, gray, red, white, yellow, dark, light, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready

Text Domain: twentysixteen




This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.

*/

Template Include Tags:

Template include are simply PHP codes used within one template file (for example index.php) to include (or call) the HTML and PHP found in another template file (for example header.php). While PHP has its own built-in include() statement to do this, these WordPress-specific tags make coding easier:

  • <?php get_header(); ?> – Use this in index.php to call (or include) the header.php file. It will fetch header.php and display its content in index.php – that’s what including a file all is about.
  • <?php get_sidebar(); ?> – Includes sidebar.php
  • <?php get_footer(); ?> – Includes the footer.php template file
  • <?php comments_template(); ?> – Includes your comments

Template Bloginfo Tags:

They play one role, which is to fetch information about your WordPress site from the database. This is mainly the information you feed to your WordPress site in your admin area via the User Profile and Settings -> General. These are functions you’ll find in your theme’s header.php file, though you’ll also find them in other theme files:

  • <?php bloginfo('name'); ?> – The title of your site, or blog name
  • <?php bloginfo('url'); ?> – Your site’s URL
  • <?php bloginfo('stylesheet_url'); ?> – Link to your themes’s stylesheet file
  • <?php bloginfo('template_url'); ?> – Location of your site’s theme file
  • <?php bloginfo('description'); ?> – Displays the tagline of your blog as set in Settings > General.
  • <?php bloginfo('atom_url'); ?> – Link to your site’s atom URL
  • <?php bloginfo('rss2_url'); ?> – RSS feed URL for your site
  • <?php bloginfo('pingback_url'); ?> – Pingback URL for your site
  • <?php bloginfo('version'); ?> – WordPress version number
  • <?php bloginfo('html_type'); ?> – The HTML version your site is using
  • <?php site_url(); ?> – The root URL for your site
  • <?php get_stylesheet_directory(); ?> – Location of your stylesheet folder
  • <?php wp_title(); ?> – Title of a specific page

Template Tags:

These tags can be used across all of your template files, such as index.php or page.php, making it easy to display specific information anywhere you want on your site:

  • <?php the_content(); ?> – Displays the content of a post
  • <?php the_excerpt(); ?> – Displays the excerpt used in posts
  • <?php the_title(); ?> – Title of the specific post
  • <?php the_permalink() ?> – Link of a specific post
  • <?php the_category(', ') ?> – Category of a specific post
  • <?php the_author(); ?> – Author of a specific post
  • <?php the_ID(); ?> – ID of a specific post
  • <?php edit_post_link(); ?> – Edit link for a post
  • <?php next_post_link(' %link ') ?> – URL of the next page
  • <?php previous_post_link('%link') ?> – URL of the previous page
  • <?php get_links_list(); ?> – Lists all links in blogroll
  • <?php wp_list_pages(); ?> – Lists all pages
  • <?php wp_get_archives() ?> – List archive for the site
  • <?php wp_list_cats(); ?> – Lists all categories
  • <?php get_calendar(); ?> – Displays the built-in calendar
  • <?php wp_register(); ?> – Displays register link
  • <?php wp_loginout(); ?> – Displays login/logout link only to registered users

The Loop:

The loop, or WordPress loop or simply loop, is PHP code structure that displays WordPress posts. The loop is used in WordPress themes to display a list of posts in a web page.

There are several Template tags that work only inside the WordPress loop and can be used to format, arrange, and publish post data. The WordPress loop is arguably one of the most important aspects of the WordPress code and at the core of most queries in one way or another.

The following code snippet wherever in your WordPress template files, and it’ll list all posts you’ve ever created:

<?php

if ( have_posts() ) {

        while ( have_posts() ) {

               the_post();

               //

               // Post Content here

               //

        } // end while

} // end if

?>

Final Thoughts

This cheat sheet is just a quick guide that will help you get started as you learn WordPress theme development. Using the tags, functions and snippets we’ve shared here, you can easily go through slandered theme development, and enhance it without breaking a sweat .But of-course, you need to keep learning WordPress theme development and latest development trends, and for that we recommend the WordPress Codex, tuts+, Threehouse, ManageWP.org, and ThemeShaper among other great resources.

Other than that, Bezoar Software caters diverse WORDPRESS DEVELOPMENT SERVICES or if you wish to migrate to WordPress from any CMS , we will make it smooth and hassle-free with our unmatched services. To know more visit our website http://bezoarsoftware.com or write us info@bezoarsoftware.com .