-
▼
2011
(334)
-
▼
January
(36)
- How to Use WordPress for Distance Learning
- How to Track Links From Facebook to WordPress
- How to Use Gimp to Make a WordPress Blog Header
- How to Edit Block Quotes in WordPress
- How to Add Pages to Templates in WordPress
- How to Code WordPress From Illustrator
- How to Install Wordpress on a Dedicated Server
- How to Insert a LinkedIn Logo to WordPress
- How to Create a Custom Template in WordPress
- How to Rewrite WordPress Mods
- How to Change the Header in a WordPress Blog
- How to Find Free Wordpress Themes
- How to Remove Embedded YouTube Videos From WordPress
- How to Hide Tags on Wordpress
- How to Center a WordPress Post Title
- How to Find New WordPress Templates
- How to Create WordPress Header in Adobe Photoshop ...
- How to Hide Blogroll for WordPress
- How to Sync Disqus to WordPress
- How to Show Extra Quotes on WordPress
- How to Insert a Photo Gallery in Thesis for WordPress
- How to Make Widgets Side by Side on WordPress
- How to Update and Maintain a Wordpress Blog
- How to Assign Posts to a User in WordPress
- How to Make Blogroll Links NoFollow in WordPress
- How to Insert Thumbnails in WordPress
- How to Create Custom Post Backgrounds on WordPress
- How to Export WordPress to PDF
- How to Convert From TypePad to WordPress
- How to Access My WordPress on FTP
- How to Load an Excel Spreadsheet Into WordPress
- How to Convert Fixed Width to WordPress Fluid Width
- How to Change a WordPress eCommerce Page Name
- How to Set Up a Twitter Hashtag Feed on Your Wordp...
- How to Change Footer Credits on WordPress
- How to Post WordPress to a Facebook Page
-
▼
January
(36)
adsense
How to Create Custom Post Backgrounds on WordPress
Styling Your Backgrounds
1. Log in to your WordPress admin control panel. Click 'Appearance' then click 'Editor.' This area allows you to edit the HTML files that make up the blog. Click 'style.css' at the bottom of the list on the right. Scroll through the code and locate #content. Copy all the code starting from and including this line, to the closing } bracket.
2. Start a new line and paste this code into it. Add in new CSS code to display the background you want. If you want a color, type the following code:background-color: #FFFFFF;Replace 'FFFFFF' with the hex code for the color you want. If you want a background image, add the following code:background-image:URL('http://locationofimage.com/image.gif');Replace the URL above with the location of your image.
3. Give the section a new name, for example #contentblue. Repeat this process for each different post background that you require, and click 'Update File' when done.
Creating Custom Post Templates
4. Click 'single.php' from the list on the right. Copy all the code that appears in the middle. Load up a text editor such as Notepad or Textedit, and paste all the code into it. Add the following code at the very top of the file:
Replace 'ContentBlue' with one of the names you created in the stylesheet, and save the file as 'contentblue.php' -- again, replacing the name to the one you used earlier.
5. Repeat this process, creating a new file for every custom post background that you need.
6. Log in to your FTP account and go to 'wp-content,' 'themes,' then load up the folder of the theme you are using. Upload all your custom post templates to this folder.
Adding the Custom Background to a Post
7. Return to the WordPress admin area. Click 'Plugins,' then 'Add New,' and search for 'Single Post Template' using the search field that appears.
8. Locate 'Single Post Plugin' in the search results and click 'Install Now.' After the plugin has installed, click 'Activate Plugin.'
9. Click 'Posts' on the main menu bar, then click on the post that you want to customize. Find the new menu 'Single Post Templates,' and select the custom template you want from the drop-down menu. Click 'Update Post.'
10. Repeat this process for all the posts you want to customize.
2:46 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