Plugins can have child themes too! (never thought I’d hear or say that). In a previous post, I outlined how to clone the Directory Plugin’s default theme.
In this post, I’ll show you how to create a child theme, based on Directory’s default theme. The benefits of using a child theme to customize the Directory plugin are equal to using a child theme to customizing a parent theme. You future proof your customizations, plain and simple.
Here’s how to knock out your own child theme:
1. Go to wp-content/plugins/directory/themes directory
2. Create a new directory: childtheme
3. In the childtheme directory, create style.css and paste the following code in it:
Theme Name: Directory Child Theme
Theme URI: https://wpmudev.com/
Description: Directory Theme
Author: Tammie Lister, Ivan Shaovchev (Incsub)
Author URI: https://wpmudev.com
The CSS, XHTML and design is released under GPL:
/* basic styling for all elements */
@import url( ../default/css/layout.css );
4. This code is the default/style.css modified to make the child theme. Lines 3, 12 and 21 are the only lines that were changed.
5. Go to your WP Network Admin –> Sites –> Your Site –> Edit, click on the Themes tab and enable Directory Child Theme
Now, when you go to your sites admin panel (the site you have your directory on), it will look like the screen shot attached to this post.
I. Directory Child Theme 1.0 (achieved through this tutorial)
II. Directory My Theme 1.0 (a clone of the default theme outlined in this post)
III. Directory Theme 1.0 (the original Directory Plugin theme)
Hopes this helps you create some great Directories!