| | | |

WordPress Child Theme – Add Horz Footer Menu

ByReid Walley

WordPress version: 3.1.3 Parent theme: TwentyTen 1.2 Add a horizontal footer menu to child theme (since Twenty Ten parent theme doesn’t have it as a default). Instructions from: Digging into WordPress – Using Menus in WordPress 3.0 In addition to the above instructions, add CSS and array controls from the main menu: File: footer.php (in…

| | |

WordPress Child Theme – Category Template Display Full Posts

ByReid Walley

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.

| |

WordPress Child Theme – Header Rotating Images on Home Page Only

ByReid Walley

WordPress version: 3.1.3 Parent theme: TwentyTen 1.2 Header rotating images should only display on the Home page and not the inside Pages, Posts or blog page. The Home page is a child theme template (front.php), which makes it easy to control via WordPress conditional tags. File: Header.php (in the child theme folder) Replace: elseif (…

| | |

WordPress Child Theme – Split Twenty Ten Header into 3 Sections

ByReid Walley

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…

| | |

WordPress Child Theme – Add Logo to Twenty Ten Header

ByReid Walley

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(…

| | | | | | | |

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

ByReid Walley

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…

| | | | | |

WordPress Child Theme – CSS Sticky Footer

ByReid Walley

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: 2) Add CSS for footer…

| | | | | |

WordPress Child Theme – CSS How To: Align 3 DIVS (left/center/right) Inside Another DIV

ByReid Walley

Overview: The design spec calls for 3 bits of info to be displayed on the same line in the footer: Left side of footer: 2020 Euro Lens Bath (this is already a part of the WordPress system) Center of footer: the superior eyewear cleaning system (this text is added directly to the footer.php file) Right…

| | | | | |

WordPress Child Theme – Custom Sidebar on Home Page

ByReid Walley

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…