There’s no reason you shouldn’t, but if you are going to take the dive there’s several things you need to know.

I’ll talk about our experience after our first couple years of selling themes, and hopefully you can learn something and be on your way to creating and selling your own theme.

We started Press Coders about 2 years ago with our first theme, FitPro.

Since then we’ve learned quite a few things. We still have a ways to go, but here’s what we’ve learned so far…

Who is going to buy your theme?

Before you start designing or building, think about who is going to buy your theme, and how you are going to reach them.

Are you going to put your theme on themeforest or another marketplace? On the wordpress.org repo? Or are you going to use your own site and do the marketing yourself?

Theme marketplaces take a pretty large chunk of your profit, but they have a built in audience. Selling from your own site is harder, but you don’t give away as much.

Personally I’m not a fan of theme marketplaces, but some people have done very well with them. If you are going to get into bed with a marketplace, make sure you won’t regret it when you wake up in the morning!

Tips:

DON’T expect to put a theme on a marketplace and automatically get sales. You still need to have a strategy and differentiation even though you will get some eyeballs for free.

DON’T expect to put up a theme on your own site, send out a few emails and tweets, and get sales. You need a marketing strategy, it takes time.

DON’T make a theme for “general WordPress users.” Make a theme for designers, hotels, churches, underwater basket weavers, etc. Then find a way to market your theme specifically to that group of people.

When we created our first theme, (FitPro), we had a specific audience in mind (fitness professionals). We had a way to reach that audience (a good affiliate), so it was a success.

Since then we’ve created several more themes, and not all of them have been successes. We’ve found that niche themes seem to do better than general themes.

Pricing

Think hard about your pricing.

Pricing for themes ranges from free to $200, so let’s do some numbers to give you an idea of what it looks like.

Let’s say you sell your theme for $50, and you use themeforest. You get 50% of the sale to start out, which would be $25. Subtract taxes, and you’re putting about $23 in your pocket or less.

If you don’t have a big audience already, selling 2 themes per day would be pretty good. 60 x $23 = $1380 per month. If you sell on your own site through affiliates, you’ll get more like 70% of the profit, which would be more like $32 per theme. 60 x $32 = $1920 per month.

Selling 2 themes per day doesn’t sound like much, but it’s harder than you think in this theme-saturated world. $2K per month is not terrible to start, but keep in mind you will have to put in a lot of time developing the theme, supporting it, and keeping it updated.

If you sell a theme for $35, give away 30-50% to an affiliate or marketplace, have a partner to split it with, subtract taxes and expenses, and add in the hours for dev time and support, you might as well just go work at McDonald’s!

If you want to provide a high level of customer service, and you want your business to be around in a year, make sure you don’t underprice your product.

Support & Updates

So you made a few theme sales, woohoo!

Now the customer support emails start pouring in: “How do I setup the slider in your theme?”, “My homepage disappeared, what now?”, “How do I make a link to another site?”

You’ll get lots of questions, and not just those related to your theme, general WordPress questions too. Make sure you budget time to answer them, it can get overwhelming!

Using just email for support is OK at first, but after a while it gets too disorganized. We use Zendesk, which helps keep everything organized when you have multiple support agents.

Theme Updates

After catching up on your support emails, you finally have a chance to take a breath.

Wait a minute, a customer just emailed, he upgraded his site to the newest release of WordPress, version 900.2.1. After he upgraded, his slider stopped working! Crap, time to get on bug patrol, and release a fix ASAP.

It’s a good idea to use the beta tester plugin, and test all of your themes with new releases of WordPress BEFORE they are released. We usually don’t have problems with small releases (3.4 to 3.4.1), but be wary of major releases (2.9 to 3.0 was a big one).

Don’t reinvent the wheel

If you want to make a new theme, you need a starting point. There’s no reason to reinvent the wheel, you should learn from those who have come before you.

That could be an existing framework or theme, just make sure you choose wisely.

If you end up creating more themes, you’ll probably want them to have a consistent codebase so they are easier to update. So you wouldn’t for example make a theme based on Twenty Eleven, and a theme based on Hybrid. If you do that, prepare to rip all your hair out trying to keep your themes updated and bug free!

Most frameworks and parent themes work very differently, so just pick one you like and stick with it.

When we started, we looked at the available frameworks, and decided to create our own. You don’t necessarily have to do it that way, it’s certainly a lot more work up front. The reason we did this was:

• We didn’t want to base a commercial business 100% on someone else’s free work. Although you can do that within the rights of the GPL license, it just didn’t feel right.
• We needed to know our framework inside and out, so that when we had to do bug fixes or theme updates, we would be in a better spot.

If you are looking for a place to start, I would recommend taking a look at Underscores.

If you don’t want to dive into frameworks just yet, you could start by creating a child theme.

Creating your theme

If you’ve thought through all of the issues above, it’s time to start designing and creating your theme!

If you know who you are going to sell to, it’s easier to figure out what design elements and features to put in your theme. Real Estate agents need different things than Churches, so design accordingly.

I could go into a lot more about creating themes, marketing/selling them, etc. but I think I’ll stop here. This article is a little different than the ones I normally write, so if you are interested in seeing more like this, let me know in the comments.

Cheers!

The WordPress team has done a great job improving the admin design over the years, but we still have a long way to go.

I deal with customers almost every day who tell me how difficult WordPress is to use. As designers/developers, sometimes we forget what it’s like to look at WordPress with virgin eyes.

For most non-developers, the first feeling is overwhelm. Confusion. Panic!

Even as an experienced WordPress user, I am getting tired of looking at all the excess (dare I say clutter?) in the admin. So I decided to do a mockup of what I want the admin area to look like.

Not really for anyone else, not thinking of how difficult it would be to implement, just sort of a dream.

Here’s what I came up with.

When I log in, this is what I see on my dashboard (click to enlarge):

It’s mostly stuff I don’t need or use, but I kind of just got used to ignoring it.

I count 22 menu items on the left side, plus the admin bar at the top. That’s just absurd. Granted, several of those are from themes/plugins, but it’s still just unnecessary.

I don’t click on half of those links on a regular basis, so why do I need to see them at all times?

Not to mention the random news feeds, stats that are completely useless (who cares how many tags I have?), and the seems-like-it-would-be-useful-but-I-never-use-it QuickPress.

Sure, you can customize some of it with the Screen Options tab, but that’s a band-aid fix.

Here’s a visual break-down. (click to enlarge)

This needs more than an “admin theme,” the problem goes deeper than CSS can fix.

Feature creep and over-zealous plugins have taken their toll, it’s time to completely re-think things.

A Concept Design

What if when you logged in, you got all the relevant information you needed from your dashboard, instead of a jumble of random tidbits?

Here’s what I want to see on my admin dashboard:

Doesn’t that just make you go, ahhhh? Simplicity and usefulness. White space. No gradients.

Now I’m not a UI designer, and I don’t claim that this is perfect, or even complete. Nevertheless, this is what I want MY WordPress admin dashboard to look like.

The Dashboard Boxes

Instead of the current stats like how many categories and tags I have, the only thing I care about is my site visitors. There might be a couple other useful stats we could add here, but that’s the bare-bones essentials.

I want a “Recent Site Updates” box, so that I can see any recent changes, and I can go directly back to the page/post I was editing last.

The comment box is much more compact, I don’t need to see avatars. I just want to read most of each comment, and approve/spam/trash it.

I added an “Orders” box, I’m sure not everyone needs that, but it’s the only other thing I personally want to see every time I log in. There would of course have to be room for personalizing these boxes, and plugins adding their own.

The Menu

I don’t think the current vertical left menu is bad, but it can be overwhelming to non-developers. Especially when you have 22 menu items like me!

A top horizontal menu is more familiar to most people, and it eliminates duplicates between the left menu and admin bar.

I removed all non-critical links from view. The links I click the most are Pages, Posts, Menus, Widgets, and Settings. Honestly Settings could even be removed from that, or replaced with Plugins. Links such as Tools, Users, Media, and other menus are non-critical. Anything else can be accessed from the More drop-down link.

The Help Button

The current admin help tab is a cool idea, but it needs some work. It’s too inconspicuous, I’ve never heard a customer mention that it was helpful to them. I’m pretty sure most people don’t even know it’s there.

Plus, when you expand it, you get long-winded explanations of the finest details. That is great if you are a developer trying to learn the ins and outs of WordPress, but it is almost useless for a busy business owner just trying to figure out how to make a simple edit.

The help tab should expand and show images and simple instructions for non-developers, maybe even video. Here’s an example of what you could see if you expand the help tab on the page edit screen:

You could click the blue FAQ questions, which would expand/collapse and show image based instructions. That way you could quickly see how to do something, without having to sort through paragraphs of text.

What do you think?

That’s the way I want MY dashboard to look. Shout out to the great work by the core WordPress team, I don’t mean to knock their work. However, the current dashboard gives me anxiety when I look at it, this concept design makes me feel good.

Do you want your dashboard to look like this? Is it something that can be tweaked and built upon, or do you hate it?

I’m interested to know what you think in the comments, cheers!

Can I get your opinion?

I created a few designs for our next theme, and I’d like to know which one you like best.

As a thank you for your time, I’d like to give you a chance to win a free version of the theme just for voting.

Leave a comment below with which theme design you like best and a brief description why. We’ll choose 10 people randomly to get the winning theme design free (it will take a few weeks to finish creating the theme).

Images and text shown are just placeholders used for mockup purposes

Number One

If you’d like to vote for the theme above, leave a comment with “Design Number One” and a brief description of why you like it.

Number Two

If you’d like to vote for the theme above, leave a comment with “Design Number Two” and a brief description of why you like it.

Number Three

If you’d like to vote for the theme above, leave a comment with “Design Number Three” and a brief description of why you like it.

Let me know which one you like best in the comments, and we’ll choose 10 people to win it free!

Thanks for your time,

Scott

Update: Voting is now closed. Design #3 is the clear winner so that is the theme we will be developing next! Thanks to all the people who voted and left comments! We will announce the winners in due course who will get a FREE copy of the new theme.

Shortcodes are small snippets you can copy/paste into your pages and posts that create cool stuff like columns. In this article, we will use our new theme Façade to create some simple columns on our theme pages.

Let’s look at an example. Say you have a “Staff Directory” page that lists your four staff members and gives a short bio about them. Normally, you would start with something like this, below.

Now, this certainly contains the information you need. However, it would be nice to be able to do something interesting with it. You could use four blocks to display this information, using two columns and two rows. This makes the page more visually interesting. But how to do that?

Answer: shortcodes.

Façade comes loaded with shortcodes to help you out with these kinds of problems. Shortcodes, as a definition, are little pieces of “code” that you can use inside WordPress. Usually they do something useful that you can’t do normally in the text editor alone. They are always inside “[" and "]” brackets so you know what they are.

Once you have your content, you can wrap them with shortcodes. For our example, we’d want to use the “[one_half] [/one_half]” shortcode. If you wrap the content you want in the left half with “[one_half] [/one_half]” and the content on the right half with “[one_half_last] [/one_half_last]”, your content will be split in two columns on the page.

Here’s the code you can copy:

[one_half]
First of 2 columns
[/one_half]

[one_half_last]
Second of 2 columns
[/one_half_last]

You can create most any table with our shortcodes. In Façade, we have shortcodes for halves, thirds, and fourths. So, you can mix and match, as long as the total adds up to one. For example, a one-half column with two more one-fourth columns ( 1/2 + 1/4 + 1/4 = 1). We also have a two-thirds column, so you can do a one-third column and a two-thirds column. Just make sure the last column uses the _last version of your shortcode.

Here’s an example of the code for a three-column layout:

[one_third]
Column One...
[/one_third]

[one_third]
Column Two...
[/one_third]

[one_half_last]
Column Three...
[/one_half_last]

Here are a few more examples:

This doesn’t just apply to text either. You can put images, text, video, or whatever you can put in WordPress content in these sections. In fact, the two pictures above are inside [one_half] [/one_half] shortcodes. This versatility means that you can get creative with your layout on pages and posts.

You can see all of the shortcodes on the setup page for each theme. Be creative and have fun with it!

Also, if you have any interesting shortcode usage on your site, let us know in the comments!

When we develop sites for clients, sometimes it makes sense to remove some of the UI items they don’t need in the admin area to make it less intimidating. We used many of these admin customizations with WordPress Multisite (or WPMU), to make our customer’s sites more user-friendly. (The code in this article works with normal WP and multisite)

There are basically 3 things you can do easily to start:

1. Remove some admin menus and sub menus
2. Remove some default widgets
3. Simplify dashboard and post/page list screens

Here are some tips and tricks for customizing the WordPress admin by adding code to your child theme’s functions.php file.

First off, you should be using a child theme to make these modifications.

We are going to be editing the functions.php file, if you do that without a child theme, you will lose all of your modifications when you update the theme.

Removing Admin Menus and Sub Menus

The first thing we can do is remove some menus. Your client probably doesn’t need to see the Settings => Permalinks menu, or the Tools => Import menu.

To be clear, we are not removing these from WordPress, we are just removing them from the view of your client.

Remove Top Level Menus

There’s 4 menus I think that can be removed altogether, add the code below to your functions.php file. (Obviously you’ll have to tailor this to your particular situation.)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

// ----------------------------------
// --  REMOVE LEFT NAV MENU ITEMS  --
// ----------------------------------
 
function pc_remove_links_menu() {
 
     global $menu;
 
     remove_menu_page('upload.php'); // Media
     remove_menu_page('link-manager.php'); // Links
     remove_menu_page('options-general.php'); // Settings
     remove_menu_page('tools.php'); // Tools
}
 
add_action( 'admin_menu', 'pc_remove_links_menu' );

The Links menu will already be gone if you are installing a fresh version of WordPress, but the other menus are for site configuration, which most clients won’t be doing.

You can always add these back if you need to, but taking them out could keep your client from messing up the site!

Remove Sub Menus

For the remaining menus, there are some sub-menu items that just aren’t necessary for most clients to access. For example, Tools => Import is unnecessary if you’ve already fully built the site. Also, removing Appearance => Editor and Plugins => Editor could keep the client from really messing up a theme or plugin by accident!

Here is some example code you can use, add this to your functions.php file:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

// ----------------------------
// --  REMOVE NAV SUB MENUS  --
// ----------------------------
 
function pc_remove_submenus() {
 
  global $submenu;
 
  unset($submenu['themes.php'][5]); // Removes 'Themes'.
  unset($submenu['options-general.php'][15]); // Removes 'Writing'.
  unset($submenu['options-general.php'][25]); // Removes 'Discussion'.
  unset($submenu['tools.php'][5]); // Removes 'Available Tools'.
  unset($submenu['tools.php'][10]); // Removes 'Import'.
  unset($submenu['tools.php'][15]); // Removes 'Export'.
}
 
add_action( 'admin_menu', 'pc_remove_submenus' );
 
// Remove Appearance Editor Link
 
function remove_editor_menu() {
  remove_action('admin_menu', '_add_themes_utility_last', 101);
}
 
add_action('_admin_menu', 'remove_editor_menu', 1);
 
// Remove Plugin Editor Link
 
function pc_remove_plugin_editor() {
  remove_submenu_page( 'plugins.php', 'plugin-editor.php' );
}
 
add_action('admin_init', 'pc_remove_plugin_editor');

You can find a list of all admin menus in the ../wp-admin/menu.php file.

Remove Default Widgets

The Widgets page has a ton of default widgets, and sometimes these can be overkill.

Let’s remove some of these and make the widgets page less overwhelming, shall we? Add this code to your functions.php file:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

// -----------------------------------
// --  REMOVE SOME DEFAULT WIDGETS  --
// -----------------------------------
 
function pc_unregister_default_widgets() {
    unregister_widget('WP_Widget_Pages');
    unregister_widget('WP_Widget_Calendar');
    unregister_widget('WP_Widget_Archives');
    unregister_widget('WP_Widget_Links');
    unregister_widget('WP_Widget_Categories');
    unregister_widget('WP_Widget_RSS');
    unregister_widget('WP_Widget_Tag_Cloud');
    unregister_widget('Twenty_Eleven_Ephemera_Widget');
}
 
add_action( 'widgets_init', 'pc_unregister_default_widgets', 11 );

Dashboard Widgets

We can also remove some widgets from the admin dashboard. Do you think your client cares about new posts on the WordPress development blog? Nope, let’s get rid of it!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

// --------------------------------
// --  REMOVE DASHBOARD WIDGETS  --
// --------------------------------
 
function pc_remove_dashboard_widgets(){
  global$wp_meta_boxes;
  unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_plugins']);
  unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_primary']);
  unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_incoming_links']);
  unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_right_now']);
  unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_recent_drafts']);
  unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_secondary']);
}
 
add_action( 'wp_dashboard_setup', 'pc_remove_dashboard_widgets', 11 );

Remove Columns from Post/Page View Screen

This last customization is pretty minor, but it contributes to the overall simplicity we are looking for.

Let’s remove some extraneous information from the post/page view screen:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

// --------------------------------------
// --  REMOVE COLUMNS FROM POSTS LIST  --
// --------------------------------------
 
function pc_my_columns_filter( $columns ) {
    unset($columns['author']);
    unset($columns['tags']);
    unset($columns['categories']);
    unset($columns['tags']);
    return $columns;
}
 
add_filter( 'manage_edit-post_columns', 'pc_my_columns_filter', 10, 1 );
 
// --------------------------------------------
// --  REMOVE AUTHOR COLUMN FROM PAGES LIST  --
// --------------------------------------------
 
function pc_my_custom_pages_columns($columns) {
 
	unset(
		$columns['author']
	);
 
	return $columns;
}
 
add_filter( 'manage_pages_columns', 'pc_my_custom_pages_columns' );

The whole enchilada

Here’s all of the customizations we did above in one chunk that you can just copy/paste into your functions.php file:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111

// ----------------------------------
// --  REMOVE LEFT NAV MENU ITEMS  --
// ----------------------------------
 
function pc_remove_links_menu() {
 
     global $menu;
 
     remove_menu_page('upload.php'); // Media
     remove_menu_page('link-manager.php'); // Links
     remove_menu_page('options-general.php'); // Settings
     remove_menu_page('tools.php'); // Tools
}
 
add_action( 'admin_menu', 'pc_remove_links_menu' );
 
// ----------------------------
// --  REMOVE NAV SUB MENUS  --
// ----------------------------
 
function pc_remove_submenus() {
 
  global $submenu;
 
  unset($submenu['themes.php'][5]); // Removes 'Themes'.
  unset($submenu['options-general.php'][15]); // Removes 'Writing'.
  unset($submenu['options-general.php'][25]); // Removes 'Discussion'.
  unset($submenu['tools.php'][5]); // Removes 'Available Tools'.
  unset($submenu['tools.php'][10]); // Removes 'Import'.
  unset($submenu['tools.php'][15]); // Removes 'Export'.
}
 
add_action( 'admin_menu', 'pc_remove_submenus' );
 
// Remove Appearance Editor Link
 
function remove_editor_menu() {
  remove_action('admin_menu', '_add_themes_utility_last', 101);
}
 
add_action('_admin_menu', 'remove_editor_menu', 1);
 
// Remove Plugin Editor Link
 
function pc_remove_plugin_editor() {
  remove_submenu_page( 'plugins.php', 'plugin-editor.php' );
}
 
add_action('admin_init', 'pc_remove_plugin_editor');
 
// -----------------------------------
// --  REMOVE SOME DEFAULT WIDGETS  --
// -----------------------------------
 
function pc_unregister_default_widgets() {
    unregister_widget('WP_Widget_Pages');
    unregister_widget('WP_Widget_Calendar');
    unregister_widget('WP_Widget_Archives');
    unregister_widget('WP_Widget_Links');
    unregister_widget('WP_Widget_Categories');
    unregister_widget('WP_Widget_RSS');
    unregister_widget('WP_Widget_Tag_Cloud');
    unregister_widget('Twenty_Eleven_Ephemera_Widget');
}
 
add_action( 'widgets_init', 'pc_unregister_default_widgets', 11 );
 
// --------------------------------
// --  REMOVE DASHBOARD WIDGETS  --
// --------------------------------
 
function pc_remove_dashboard_widgets(){
  global$wp_meta_boxes;
  unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_plugins']);
  unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_primary']);
  unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_incoming_links']);
  unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_right_now']);
  unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_recent_drafts']);
  unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_secondary']);
}
 
add_action( 'wp_dashboard_setup', 'pc_remove_dashboard_widgets', 11 );
 
// --------------------------------------
// --  REMOVE COLUMNS FROM POSTS LIST  --
// --------------------------------------
 
function pc_my_columns_filter( $columns ) {
    unset($columns['author']);
    unset($columns['tags']);
    unset($columns['categories']);
    unset($columns['tags']);
    return $columns;
}
 
add_filter( 'manage_edit-post_columns', 'pc_my_columns_filter', 10, 1 );
 
// --------------------------------------------
// --  REMOVE AUTHOR COLUMN FROM PAGES LIST  --
// --------------------------------------------
 
function pc_my_custom_pages_columns($columns) {
 
	unset(
		$columns['author']
	);
 
	return $columns;
}
 
add_filter( 'manage_pages_columns', 'pc_my_custom_pages_columns' );

Simplifying the admin for your clients can save you time and make your clients happier. Good luck! Check out this tutorial on Tuts Plus for further admin customization.

What other customizations do you make to the admin area for your clients? Let us know in the comments.

Welcome Josh!

A child theme is just a folder to keep your changes so you don’t make changes to the original (or parent) theme. The main reason to do this is so that you can update the parent theme without losing any of your customizations.

This subject is covered in a lot of different places, including our theme customization guide, but I wanted to go into more detail here.

Let’s get child themeing!

Creating Your Child Theme

To create your child theme, you just need a folder with a style.css file in it.

1. First, create a new folder on your desktop.
2. Next, create a new file and name it style.css
3. Put the code below at the top of your style.css file:

1
2
3
4
5
6
7
8
9

/*
Theme Name:     My Child Theme
Theme URI:      http: //www.presscoders.com/facade
Description:    Child theme for the Facade theme
Author:         Your name here
Author URI:     http: //www.presscoders.com/
Template:       facade
Version:        0.1.0
*/

I’ve used the Facade theme here as an example, but you can change that to your theme name.

The only required lines above are the theme name and Template. The template line indicates what the parent theme is, so if we were using a theme called TwentyTen, we would put Template: twentyten. (It’s all lowercase with no spaces because it’s actually the name of the theme folder)

The next thing you have to do is import the parent theme stylesheet. Add this line underneath the theme info:

1

@import url("../facade/style.css");

That imports all of the parent theme styles. You are then going to add more rules below it, customizing the theme.

Make sure no CSS rules are above this import rule. Here it is together with a first sample css rule:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

/*
Theme Name:     My Child Theme
Theme URI:      http: //www.presscoders.com/facade
Description:    Child theme for the Facade theme
Author:         Your name here
Author URI:     http: //www.presscoders.com/
Template:       facade
Version:        0.1.0
*/
 
@import url("../facade/style.css");
 
body {
    font: 15px Arial, sans-serif;
}

Congratulations, you just made a WordPress child theme!

Other Child Theme Files

You should be able to make most aesthetic changes in your child theme style.css file, but you can put any theme file in your child theme.

Functions.php

The functions.php file is a really useful one. To add this, create a new file in your child theme folder, and name it functions.php. This is where you’ll add new javascript, add hooks and filters, and more. Check out Chapter 7 in our customization guide for more details about functions.php.

Template Files

You can also add template files, such as header.php if you need to hard code changes. To use a template file, simply copy/paste the file from the parent theme to the child theme.

For example, if you want to remove something that is hard coded into header.php, copy/paste it into your child theme (don’t delete from parent theme), and make your changes in the child theme header.php file. WordPress automatically checks your child theme for files first, so your child theme header.php will be the one that is used.

For more information on template file customization, please see Chapter 8 of our customization guide.

Uploading your Child Theme

After you’ve made your initial changes, you’ll need to upload and activate your child theme.

Depending on your workflow, there are a few different ways to get your child theme up on your site. You can FTP the folder to ../wp-content/themes/, or you can zip the file and use the theme uploader in the WP admin (Appearance => Themes => Add New => Upload).

I usually make any changes on a local install using MAMP, then I upload the child theme file in Coda. If necessary, I’ll make a few final tweaks remotely, and make sure I have a backup of the child theme on my computer when I’m done.

What questions do you have about child themes? Leave it in the comments, and we’ll answer…

Façade is a minimal, modern theme, packed with features to make your business look amazing. Showcase your products and portfolios, and make your site look clean and modern.

The best part about Facade is that you can customize every color in the theme with no coding. We’ve stacked the theme customizer so you can change the background image, any color, add your logo, and even change fonts with a couple clicks. Check out this video for a demo:

View a live demo, get pricing information and more details here: http://www.presscoders.com/facade/

Cheers!

Façade will be released in just a few days, on 16th April, so be sure to grab your copy hot off the press! Be one of the first to use Façade on your own site!

Façade uses the built-in WordPress theme customizer to great effect. Watch the video below to see how this is implemented in one of our other themes (FitPro). It works in Façade in exactly the same way. Customizing your site has never been so easy!

The biggest changes:

1. The custom logo uploader has been moved to the theme customizer. It is no longer on the Designfolio Options page! Click Appearance => Theme Customizer, then expand the site title/tagline box to see the logo uploader and tagline options.

2. Auto updates are here! This is the last time you will have to manually update your theme. All versions 1.3+ will be able to be auto-updated from the admin area.

3. Tabs/scripts removed from theme options page. No more script conflicts! If the options page looks weird after updating, just refresh your browser and/or clear your cache. We removed jQuery Tools to reduce plugin conflicts.

See all the changes in the changelog here.

Update Instructions

It is highly recommended that you backup your database and files before updating.

1. Login and download the new theme .zip file from your account page: https://www.presscoders.com/my-account/
2. Login to your WordPress admin area. Go to Appearance => Themes, and activate any theme other than Designfolio Pro.
3. Delete the Designfolio Pro theme. (There is red text under it that will say “delete”)
4. Under Appearance => Themes, click the “Install Themes” tab at the top, then click the blue “upload” text.
5. Upload and activate the new version
6. Update WordPress to the latest version (if necessary)

Note: You do not need to update bonus designs or child themes unless that is specifically mentioned.

IMPORTANT notice if you are using a child theme

If you are using a child theme with a modified comments.php page template, you will need to make a small update to this file in your child theme after updating. If you are not using a child theme, ignore this notice.

After updating to Designfolio 1.3, you must edit this line at the top of the comments.php page template IN YOUR CHILD THEME:

1

<?php global $theme_object; ?>

Change to:

1

<?php global $pc_theme_object; ?>

That’s it! DO NOT edit any files in the Designfolio Pro theme itself, this only applies if you have copied the comments.php page template into a child theme before updating.