Goal: Remove white space from top of page (between top of header and top of page). Solution: Add the following to Child theme’s style.css file: /* Remove white space between top of header and top of page */ #page { margin-top: 0; } Let’s also remove the gray line at the top of the header….
Goal: Add Social Media Widget‘s social media icons into Header area Solution: Replace WP Twenty Eleven’s search box with a Widget area, but still display the search box when no Widget is used. Reference (from WP Tuts Plus): Creating a Simple Child Theme Using Twenty Eleven includes instructions on how to add a widget to…
Goal: Display header image only on Home page (WP Twenty Eleven) and no header images on any other pages/posts Details: Rotating images in header on Home page, via WP Rotator plugin Solution: Use Conditional Tags in header.php: File: header.php (Copy & paste header.php from Twenty Eleven parent folder to Twenty Eleven Child folder) Replace (lines…
Overview: 2020 Euro Lens Bath. Convert Jay Miller‘s custom Website design into a WordPress site that will sell products. Process: Convert Photoshop design into a WordPress site, using WordPress’s Twenty Ten theme as the basis to create a Child Theme. Add e-commerce capability. Translate Photoshop files into graphics and CSS E-commerce Customize display of shopping…
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 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 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 (…
http://aaron.jorb.in/thirtyten/ …two column Twenty Ten to a three column theme I’m going to call Thirty Ten.
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 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(…