-
▼
2013
(302)
-
▼
January
(22)
- How to Combine WordPress Themes
- How to Add Custom Boxes to the WordPress Post Edit...
- How to Go Into Admin in WordPress
- How to Change a Feed for WordPress Blogger
- How to Use Plugins to Make WordPress an Article
- How to Convert PSD to WordPress
- How to Add Clickable Links in a WordPress Post
- How to Disable Auto Save Draft in WordPress
- How to Make a Password Protected Section of a Word...
- How to Fix the WordPress Title Spam Hack
- How to Edit WordPress Themes on DreamHost
- How to Import WordPress Posts Into Facebook
- How to Put a Signature Plugin on WordPress
- How to Create Submenus in Wordpress
- How to Use the LinkShare WordPress Plugin
- How to Export Posterous to Wordpress
- How to Insert a Script Into a WordPress Post
- How to Add Nofollow to WordPress With GoDaddy
- How to Determine the Width of a WordPress Blog
- How to Insert an Audio Player for WordPress
- How to Insert an MP4 Video on WordPress
- How to Insert a Border into a WordPress Blog Post
-
▼
January
(22)
adsense
How to Combine WordPress Themes
1. Download the two themes that you want to combine to separate folders on your computer. Then, open the Cascading Style Sheet (CSS) file for each theme in any Web page editor. Take some time to familiarize yourself with the names of the components in WordPress so you understand which elements of the style sheet create the visual styles you like. The names of the core components in WordPress remain the same in all themes; only the style values change. For example, when a WordPress blog loads an entry it looks to a style sheet to know how to display the headlines between the
and
and the body text between the opening
and closing
tags.
2. Open a browser window from your WordPress dashboard and click 'Appearance,' then 'Themes.' Install the two themes you want to combine using the WordPress interface; then, apply one of the themes to your blog. View your blog in another browser window. Right-click any blank space and select 'View Page Source' from the context menu that appears. Scroll down through the code until you see a 'div' container and note the 'class' name. Write down which elements you like from your applied theme, then return to the WordPress dashboard and make the other theme active. Repeat this process -- view the source, write down the attractive elements -- for the new theme.
3. Return to your editor and locate the class elements that you liked from each theme and wrote down in Step 2. Select the entire class definition. For example, if you like the paragraph style from the first theme, copy everything from the opening 'p {' to the closing '}' curly bracket. Create a new file named 'style.css' and paste the code in this file. Do this for every element in the style sheet, building a third CSS file from the styles associated with the two themes. Save the new file.
4. Open the WordPress dashboard again and click 'Theme.' Click 'Edit CSS' and paste your new CSS file into the input field. Alternatively, if you have access to your Web server, upload the new 'style.css' file you created in Step 3 to the folder that contains your active WordPress theme.
2:43 AM | Filed Under | 0 Comments
Comments
Popular Posts
-
1. Log in to your Weebly account. 2. Click 'Theme Editor.' 3. Click on the 'Design' tab. 4. Select 'Edit CSS/HTM...
-
1. Sign up for a publisher account at Bidvertiser. Submit basic contact information and confirm your email address to get started. 2. Lo...
-
1. Log in to your WordPress dashboard. 2. Open the 'Appearance' section on the left side of the WordPress dashboard and then cli...
-
1. Open your WordPress Dashboard in your preferred browser. It is accessed at the '/wp-admin' location of your site. For example, ...
-
Facebook Widget 1. Create a Facebook fan page for your blog, if you don't already have one. You will have to manually share content wi...
-
1. Download and install the WordPress for BlackBerry app via BlackBerry App World. Download the version that corresponds with your BlackBe...
-
1. Go to your WordPress blog's administrative control panel. 2. Click the 'Settings' button on the left-side navigation menu...
-
1. Click the 'Add Contact' button on the 'Add New Post' page. This opens the 'Add a Contact Form' page. 2. Click...
-
1. Register an account with Amazon Web Services Cloud. If you have an existing Amazon account, enter your email address in the appropriate...
-
1. Log into your WordPress.com account using your user name and password. 2. Hover your cursor over the 'My Blogs' tab at the to...
Post a Comment