Skip to content

Child Theme Case Study

WordPress Child Theme – Category Template Display Full Posts

WordPress version: 3.1.3 Parent theme: TwentyTen 1.2 Create new Category template to display full posts, instead of excerpt posts, on a Category page. Copy loop-page.php file from TwentyTen folder to child theme folder. Change file name to: loop-category.php. It’s the <?php the_content(); ?> in the original loop-page.php file that makes the Full Posts possible.

Read More

WordPress Child Theme – Split Twenty Ten Header into 3 Sections

WordPress version: 3.1.3 Parent theme: TwentyTen 1.2 We’re only splitting the Title section of the header into 3 parts: Logo GIF | Description GIF | Misc GIF. The Logo part is already finished (see: WordPress Child Theme – Add Logo to Twenty Ten Header). 1. Description GIF (middle part): needs to float-left, next to the…

Read More

WordPress Child Theme – Add Logo to Twenty Ten Header

WordPress version: 3.1.3 Parent theme: TwentyTen 1.2 1. Replace WordPress 3.0 Twenty Ten theme title text by adding a logo image. Full instructions: http://www.blog.web6.org/add-logo-to-twenty-ten-wordpress/ File: header.php (in child theme folder) Replace: <<?php echo $heading_tag; ?> id=”site-title”> <span> <a href=”<?php echo home_url( ‘/’ ); ?>” title=”<?php echo esc_attr( get_bloginfo( ‘name’, ‘display’ ) ); ?>” rel=”home”><?php bloginfo(…

Read More

WordPress Child Theme – WP e-Commerce: Move Product Title to Description Column

Overview: Move Product Title from above the Product image, to above the Product details section. Note 1: WP e-Commerce version: 3.8; WordPress version: 3.1.1 Note 2: All of the WP e-Commerce theme files were first moved to the Child Theme folder via WP e-Commerce’s backup option. Solution: Move the H2 code from it’s current ImageCol…

Read More

WordPress Child Theme – CSS Sticky Footer

1) Followed all of the instructions from CSS Sticky Footer. Then made the extra change, shown below, to my child theme’s footer.php file. For my WordPress TwentyTen child theme, in the footer.php file, I had to move the closing #wrapper DIV to just ABOVE the opening #footer DIV. Like so: [php]</div><!– #main –> </div><!– #wrapper…

Read More

WordPress Child Theme – Custom Sidebar on Home Page

Overview: We want an extra-wide custom sidebar just for the Home page. We also want the custom sidebar to have its own Widgets. We’ll create a Home page template, register new Widgets and add some new CSS for styling. Big thanks to DigitalRaindrops.net for their tutorials. Section 1 of 4: Template for the Home page Copy…

Read More

WordPress Child Theme – Change Navigation Menu Color

Goal: Change the site’s navigation menu color so it matches the color in the header graphic (which is purple). Section 1 of 2: To figure out the exact RGB or HEX of the color in the header graphic, we’ll use the ColorZilla Eyedropper plugin for FireFox. Section 2 of 2: Now we need to edit…

Read More