Tuesday, May 24, 2011

Easy Steps for PSD to Drupal Theme Conversion

When it comes to PSD to Drupal conversion, the question arises- How to convert a high quality PSD to Drupal theme? Well, the process of converting PSD based files into fully functional and distinctive Drupal theme right from the beginning of HTML/XHTML/CSS mockup is not so simple. With the help of this article, you can ascertain how to convert PSD based files into Drupal theme by using strong XHTML/HTML/CSS mark-up languages.

Below mentioned steps would help you in PSD to DRUPAL Theme conversion:

1. First and foremost task is you need to do is open the Adobe Photoshop design file which is known as PSD.

2. Choose slice tool from the major toolbar to begin with the slicing process of a PSD based file into multiple layers.

3. After slicing of PSD files simply go to the IMAGE menu and opt for the mode to select right color space (RGB/ CMYK). Then, select all sliced images in one go and click Save.

4. Next step is to simply put the image folder inside the same folder where theme files are placed.

5. To begin with, one needs to open a new page so as to hand code PSD to HTML/ XHTML/ CSS markup languages.

6.Once you are done with coding, save page as ‘Pagename.html’.

7.After that, open a new page and save it as ’style.css’ to include CSS Stylesheet to that page. And affix this before the tag.

8.Include div tag type in the body tags.

9.And these div tags can be recognized with a class name (topnav, .main content, .top content, .right content, and .footer login) and needs to be coded well.

10.Open the file named as ‘style.css’ for identifying class names.

11.To begin with converting HTML page into a fully functional Drupal theme, one needs to download and install the desired Drupal theme.

12.Next step is to download and install preferred Drupal Theme and this need to be done when you begin with PSD to Drupal conversion process.

13.For storing theme files, create new folder.

14.Then save this file named as ‘page.tpl.php’ and copy these modifications to ‘style.css’ and that too within fresh theme directory.

15.Make sure that the content used in body of page.tpl.php will remain same as HTML file.

16.And, also change the sections of file known as page.tpl.php with the dynamic content.

17.Then create a new page and named it as template.php.

18.And lastly rename this function “Yourtheme_regions()” to theme name.

Once, PSD to Drupal theme conversion is over, the next step is content customization. With the help of easy to use web interface, an individual can simply modify the dynamic content. An open source Drupal props up innumerable content types such as text, blog, video, and polls etc. And if you want to make some changes within the Drupal default theme you can simply do this by installing Drupal Content Management System. And it is highly recommended that you should hire a Drupal developer for converting PSD based files to Drupal theme and this is basically for people who do not have solid knowledge about Drupal.

No comments:

Post a Comment