-
▼
2011
(334)
-
▼
December
(30)
- How to Embed an MP3 Player in WordPress
- How to Edit Php.Ini Files in Wordpress for File Sizes
- How to Enable Thesis Avatars in WordPress
- How to Use Microsoft Expression With WordPress
- How to Change the WordPress Prefix Post Installation
- How to Share Music on Wordpress
- How to Use Redirects in WordPress
- How to Create a Magazine Theme for WordPress
- How to Change the Avatar Gravatar in Wordpress
- How to Format Yahoo! Pipes RSS for WordPress
- How to Change H1, H2 H3 Header Tags in WordPress
- How to Blog to WordPress via iPhone
- How to Make a PSD WordPress Theme
- How to Use WordPress Database Multiple Places
- How to Redirect a WordPress Tab
- How to Load My Logo to My WordPress Blog
- How to Insert a PNG in WordPress
- How to Connect Pages to the Footer in Wordpress
- How to Make Your WordPress Blog More Google Friendly
- How to Insert Adsense Code Into a WordPress Blog Post
- How to Insert Bookmarks in WordPress
- How to Send a Tumblr Feed to WordPress
- How to List Tags Without Links in WordPress
- How to Change the Tagline of a Post in WordPress
- How to Convert a Compendium Blog to WordPress
- How to Add a WordPress Blog to Your Zen Cart Store
- How to Change Avatars for Users in WordPress
- How to Change a Wordpress URL
- How to Create a WordPress Template Page
- How to Remove a Byline in WordPress
-
▼
December
(30)
adsense
How to Make a PSD WordPress Theme
1. Open Photoshop, then click the 'File' menu's 'New' command. Click 'OK' to create a new canvas, then click the top color swatch at the bottom of the 'Tools' panel. Click a color you'd like to paint your theme's header section with, then click 'OK' to close the color selection window.
2. Drag on the canvas to create an image you'd like to see in your theme's header. For example, draw ocean waves if your WordPress blog has a maritime theme. Click the 'T' icon on the 'Tools' panel to run the Text tool, then click on the canvas where you're like to add some text. Type your text, then click the checkmark button above the canvas to finalize the text.
3. Click the 'File' menu's 'Save' command, then click the 'JPEG' item from the 'Type' drop-down menu. Type a file name in the 'File name' text box, then click 'Save' to save the header image. Create an image for your theme's body content, and for the sidebar holding your blog's navigation links. Save each image with a new filename.
4. Open the Lubith home page in your Web browser, if you want to use a free online service for creating WordPress themes with Photoshop images. Commercial services for creating Photoshop WordPress themes include Pixel WP and PSD To WP. Follow the prompts to create a free account and open the Lubith page editor. Drag the orange and green buttons of the theme's header and other sections to create the layout you want.
5. Click the header section to select it, then click the 'Image' button from the toolbar at screen left. Click the 'Upload' command to display a dialog box for uploading images, then navigate to and double click the Photoshop image you created for the header block. Lubith will upload the image, then display it as the new image in your theme's header.
6. Use your knowledge of inserting a Photoshop image in your theme's header section to insert Photoshop images in the other sections.
7. Click the 'Theme' button at screen left, then click the 'Download' command to open a dialog box for saving your theme to disk.
8. Follow the instructions on WordPress to install your theme in your WordPress blog.
3:19 AM | Filed Under | 1 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...
-
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. Open your WordPress Dashboard in your preferred browser. It is accessed at the '/wp-admin' location of your site. For example, ...
-
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...
Great looking HTML website templates and WordPress themes. The best collection of awesome works available at ThemeForest!
psd to wordpress