Skip to content

Posts Tagged ‘WordPress child theme’

How to Add Widgets to WooThemes Whitelight Home Page

NOTE: Since this post is from May 2012, the instructions may be out-of-date with current versions of WooThemes Whitelight and/or WordPress. Objective: Add 4 Widgetized areas, all in one row, just below the image slider on WooThemes Whitelight home page. Basic Method: Reference WooThemes “How to add a widgetized area to your theme” tutorial, as…

Read More

WP Twenty Eleven – Remove White Space At Top Of Page

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

Read More

WP Twenty Eleven – Custom Header Widget & Header Color

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…

Read More

WP Twenty Eleven – Header Image Only On Home Page

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…

Read More

WP Twenty Eleven – Add Responsive Image Rotator to Header

Goal: Rotating images, in WP Twenty Eleven’s child theme header, that are also “responsive” (they shrink to different device sizes): WP Rotator plugin (to add rotating images) Flex Slider for WP Rotator plugin (to make the rotating images “responsive”) – Turns WP Rotator into a fully “responsive” jQuery slider – MUST have WP Rotator installed…

Read More
Website 2020 Euro Lens Bath WordPress WP e-Commerce 800

WordPress Customization: PSD to WordPress & E-commerce – 2020 Euro Lens Bath

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…

Read More

WordPress Child Theme – Add Horz Footer Menu

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…

Read More

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 – Header Rotating Images on Home Page Only

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

Read More