adsense

How to Convert a PSD Web Design Into WordPress





1. Launch Adobe Photoshop.
2. Click 'File,' click 'Open,' and then double-click the PSD file containing your Web design.

3. Click 'File' at the top of the window, and then click 'Save for Web Devices.'
4. Click the 'Save' button.
5. Click the drop-down menu to the right of 'Format,' and then click 'HTML.'
6. Click the drop-down menu to the right of 'Settings,' click 'Default Settings,' and then click 'Save.' Note that this will also generate an 'Images' folder in the same folder to which your HTML file is saved. The 'Images' folder will contain an image of your Web design that you will need to upload to your WordPress blog as well.
7. Browse to the HTML file you just created, right-click the file, click 'Open With,' and then click 'Notepad.'
8. Press 'Ctrl A' to select all of the code, and then press 'Ctrl C' to copy it.
9. Open a Web browser window, and then go to WordPress.com.
10. Type your user name and password into their respective fields at the top of the window, and then click 'Log In.'
11. Click the'My Blogs' tab at the center of the window, and then click 'Dashboard' under the blog to which you want to upload your Web design.
12. Click 'Posts' at the left side of the window, and then click 'Add New.'
13. Click the 'HTML' tab at the center of the window.
14. Click inside the 'Enter Title Here' field at the top of the window, and then type a title for your post.
15. Click inside the post body field, and then press 'Ctrl V' to paste your copied code.
16. Click the 'Visual' tab at the center of the window, and then click the small 'Broken Link' icon at the center of the post body field.
17. Click the 'Add an Image' button to the right of 'Upload/Insert,' and then click 'Select Files.'
18. Browse to the image created along with your HTML code, and then double-click the image to upload it to your WordPress gallery.
19. Scroll to the bottom of the window, and then click the 'Insert Into Post' button.
20. Click 'Publish' at the right side of the window to publish your post to your blog.

Comments

0 Responses to "How to Convert a PSD Web Design Into WordPress"

Post a Comment

Popular Posts

About