| | |

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

| | |

WordPress Child Theme – Change Navigation Menu Color

ByReid Walley

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…

| |

WordPress Child Theme – Remove Title, Description, White Space, Black Lines in Header Section

ByReid Walley

WordPress Child Theme Case Study: 2020 Euro Lens Bath WordPress version: 3.1 WordPress Theme: Child Theme for Twenty Ten 1.2 Section 1 of 4 Copy header.php file to Child Theme folder Delete the following lines (approx 60-66) from header.php: Section 2 of 4 Let’s also remove 30px white space/gap between top of header art and…