background preloader

WORDPRESS THEME DEVELOPMENT

Facebook Twitter

A Starter Theme for WordPress. Developer Resources. The theme must meet all requirements in the WordPress.org theme review.

Developer Resources

Along with this, it must also meet the following criteria. Code Use WordPress functionality and features first, if available (This includes Jetpack features for WordPress.com).No frameworks or options frameworks.No external, non-Automattic (Jetpack, Gravatar, etc.) APIs.WordPress.com themes should always use the latest WordPress features.Do not include code that won’t run on WP.com. This includes any code for compatibility and the use of IS_WPCOM.Use filters to modify the output of template tags, if available.Use client-side feature detection, rather than server side browser detection.Themes must not directly access PHP super globals.No output buffering.No custom fields or post meta boxes.No removing or modifying Core hooks.Footer credits must be located in footer.php and match the format found in Underscores JavaScript Protect function and variable names from conflicts in the global namespace.

Documentation Language.

CUSTOM POST TYPES

Sy4mil/Aqua-Page-Builder. Adaptive Blog Theme: Finishing up the Header. Continuing with styling our web page, let's now finish off the header.

Adaptive Blog Theme: Finishing up the Header

We'll sort out the logo, the leaderboard ad and we'll style our navigation, including the multi-level dropdown. Logo and Leaderboard Ad. Adaptive Blog Theme: Single Post Styling. WordPress page templates for all needs. Contact form page template This tutorial will show you how to create a page template which will display a contact form so your readers can reach you.

WordPress page templates for all needs

It do not require any plugin to work.Link: Redirect template If you need to be able to redirect visitors to another page, including an external site, this page template is for you. Simple an efficient! Custom query page template This one might sounds basic at first, but custom queries are something you often use when building WordPress based websites, so knowing how to create custom queries page templates is a must for all developers working with WordPress.Link:

Creating Your Own Image Gallery Page Template in WordPress. Today I'm going to walk you through creating a custom template for "Gallery" pages in WordPress.

Creating Your Own Image Gallery Page Template in WordPress

I remember in the past wanting to implement a gallery into my theme and getting frustrated with the options. WordPress' built in gallery works well, but doesn't quite fit the bill most of the time. Additionally, plugins like NexGen gallery are often more than you need or want. I will show you how easy it is to create a gallery template page that you could easily tweak and modify for future themes or versions. Overview. HTML Sitemap for WordPress - a Template.

How to Create WordPress Shortcodes. One of the primary reasons why WordPress is the most popular CMS platform available is the sheer level of customizability that it brings to the table.

How to Create WordPress Shortcodes

Today, we'll review the process of integrating one of those popular features, shortcodes, in the most user friendly way possible, into our theme. Even though there are a few trillion options to choose from, WordPress has comfortably taken the crown as the king of CMSs and blogging platforms with its incredible flexibility. A shortcode is one of those features that ratchet up the user friendliness of the system. However, most implementations still require you to remember the shortcode itself.

When you've created a masterpiece of a theme, the usability shouldn't really lag behind. It's called a shortcode and it has been part of the base WordPress installation since it hit version 2.5. Add a login form on your WordPress Theme.

THEME DEV FROM SCRATCH

Setup Apple Touch Icon. A device which lots of your visitors will use to access your website are iPhone and iPads.

Setup Apple Touch Icon

You can't ignore how important it is to allow users of these devices easy access to your site. There are a few ways you will do this, one of them is responsive design. Use media queries to define how the website looks on these devices. If you want to start working with media queries on apple devices here is a boilerplate for iPhone and iPad media queries. WordPress Login Form Short Code. Create A Helpful Wordpress 404 Page. When your server can't find the requested page it will return a HTTP status code of 404.

Create A Helpful Wordpress 404 Page

WordPress Shortcodes: A Complete Guide. Advertisement WordPress shortcodes were introduced in version 2.5 and since then have proved to be one of the most useful features.

WordPress Shortcodes: A Complete Guide

The average user acting as editor has the ability to publish dynamic content using macros, without the need for programming skills. When a shortcode is inserted in a WordPress post or page, it is replaced with some other content. In other words, we instruct WordPress to find the macro that is in square brackets ([]) and replace it with the appropriate dynamic content, which is produced by a PHP function. The usage is pretty simple. [recent-posts] For a more advanced shortcode, we could set the number of posts to display by setting a parameter: [recent-posts posts="5"]

Add Stylesheets To Wordpress Correctly. When you are developing WordPress plugin or theme then you will always get to a point where you want to add a stylesheet to the page so you can use the CSS classes on your page.

Add Stylesheets To Wordpress Correctly

But there are a few ways of doing this but which one is right? How To Create A Theme Options Page For Wordpress. If you have ever used a WordPress premium theme then you would of seen the custom theme options page that are available.

How To Create A Theme Options Page For Wordpress

The theme options page that is found under the appearance menu which allows the admin of the WordPress site to change some of the settings on the theme. Most premium themes will come with options to change the colours of fonts, backgrounds, change images or font types...anything that allows you to style the WordPress theme. Some of the most common fields to change are: Theme Options - To edit the theme logo, change the stylesheet, upload a new favicon, Add Google analytics code, enter your feedburner URL and add custom CSS.Styling Options - Change the background colour or change the background image.Fonts - Change the font on all your header tags or the main content text.Social - Providing you theme with your social media profiles will make it easier to link to them in parts of your theme or display your latest tweets.

Examples Of Theme Options Pages Conclusion.