0:{"root":[["$","meta","1",{"property":"csp-nonce","nonce":"7afc2cca-ea8f-4640-84ce-ac558bff93aa"}],"$L1"],"formState":"$undefined","returnValue":"$undefined"}
2:"$Sreact.fragment"
3:I["7ada5cab5be8",[],"Header",1]
4:"$Sreact.suspense"
:HL["/assets/_layout-BzYdn0f6.css","stylesheet"]
1:["$","$2","2",{"children":[[["$","link","css:/assets/_layout-BzYdn0f6.css",{"rel":"stylesheet","precedence":"vite-rsc/importer-resources","href":"/assets/_layout-BzYdn0f6.css","data-rsc-css-href":"/assets/_layout-BzYdn0f6.css"}],"$undefined"],["$","html",null,{"lang":"en","className":"$undefined","children":[["$","head",null,{"children":[["$","meta",null,{"charSet":"UTF-8"}],["$","meta",null,{"name":"viewport","content":"width=device-width, initial-scale=1.0"}],["$","link",null,{"rel":"icon","type":"image/png","href":"/static/icons/apple-icon.png"}],["$","link",null,{"rel":"icon","type":"image/png","sizes":"32x32","href":"/static/icons/favicon-32x32.png"}],["$","link",null,{"rel":"apple-touch-icon","href":"/static/icons/apple-icon.png"}],["$","meta",null,{"name":"theme-color","content":"#1e40af"}],["$","meta",null,{"name":"language","content":"en_US"}],["$","meta",null,{"httpEquiv":"content-language","content":"en_US"}]]}],["$","body",null,{"className":"min-h-screen flex flex-col","children":[["$","$L3",null,{}],["$","main",null,{"className":"main-content grow bg-gray-100","children":["$","$4",null,{"fallback":[[["$","link","css:/assets/_layout-BzYdn0f6.css",{"rel":"stylesheet","precedence":"vite-rsc/importer-resources","href":"/assets/_layout-BzYdn0f6.css","data-rsc-css-href":"/assets/_layout-BzYdn0f6.css"}],"$undefined"],["$","div",null,{"className":"flex justify-center items-center p-8","children":["$","div",null,{"className":"animate-spin rounded-full h-8 w-8 border-b-2 border-indigo-600"}]}]],"children":[[["$","title",null,{"children":"PSD to Drupal Theme Conversion How | Gleez"}],["$","meta",null,{"name":"description","content":"PSD to Drupal is one of the most popular theme conversions. It guarantees good result and a lot of features. Drupal is one of the most preferred content…"}],["$","meta",null,{"name":"keywords","content":"psd, drupal, theme, conversion, how, Gleez, privacy, secure productivity"}],["$","meta",null,{"name":"author","content":"Manisha"}],["$","meta",null,{"property":"og:title","content":"PSD to Drupal Theme Conversion How | Gleez"}],["$","meta",null,{"property":"og:description","content":"PSD to Drupal is one of the most popular theme conversions. It guarantees good result and a lot of features. Drupal is one of the most preferred content…"}],["$","meta",null,{"property":"og:type","content":"article"}],["$","meta",null,{"property":"og:url","content":"https://gleez.com/s/psd-to-drupal-theme-conversion-how"}],["$","meta",null,{"property":"og:image","content":"/static/og.png"}],["$","meta",null,{"property":"og:image:alt","content":"PSD to Drupal Theme Conversion How"}],["$","meta",null,{"property":"og:site_name","content":"Gleez"}],["$","meta",null,{"property":"og:locale","content":"en_US"}],["$","meta",null,{"property":"article:published_time","content":"2011-02-14T14:22:37.000Z"}],["$","meta",null,{"property":"article:modified_time","content":"2018-12-31T17:59:35.000Z"}],["$","meta",null,{"property":"article:author","content":"https://gleez.com/author/73656373870998"}],[],["$","meta",null,{"name":"twitter:card","content":"summary_large_image"}],["$","meta",null,{"name":"twitter:title","content":"PSD to Drupal Theme Conversion How | Gleez"}],["$","meta",null,{"name":"twitter:description","content":"PSD to Drupal is one of the most popular theme conversions. It guarantees good result and a lot of features. Drupal is one of the most preferred content…"}],["$","meta",null,{"name":"twitter:image","content":"/static/og.png"}],["$","meta",null,{"name":"twitter:image:alt","content":"PSD to Drupal Theme Conversion How"}],["$","meta",null,{"name":"twitter:site","content":"@gleeztech"}],["$","meta",null,{"name":"twitter:creator","content":"@gleeztech"}],["$","link",null,{"rel":"canonical","href":"https://gleez.com/s/psd-to-drupal-theme-conversion-how"}],["$","meta",null,{"name":"robots","content":"index, follow"}],["$","meta",null,{"name":"googlebot","content":"index, follow, max-snippet:-1, max-image-preview:large"}],["$","script",null,{"type":"application/ld+json","dangerouslySetInnerHTML":{"__html":"{\"@context\":\"https://schema.org\",\"@type\":\"BlogPosting\",\"headline\":\"PSD to Drupal Theme Conversion How\",\"description\":\"PSD to Drupal is one of the most popular theme conversions. It guarantees good result and a lot of features. Drupal is one of the most preferred content…\",\"image\":\"/static/og.png\",\"author\":{\"@type\":\"Person\",\"name\":\"Manisha\"},\"publisher\":{\"@type\":\"Organization\",\"name\":\"Gleez\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://gleez.tech/static/logo-512.png\"}},\"datePublished\":\"2011-02-14T14:22:37.000Z\",\"dateModified\":\"2018-12-31T17:59:35.000Z\",\"mainEntityOfPage\":{\"@type\":\"WebPage\",\"@id\":\"https://gleez.com/s/psd-to-drupal-theme-conversion-how\"}}"}}]],"$L5"]}]}],"$L6"]}]]}]]}]
7:T411,data:image/svg+xml;utf8,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20%0A%20%20%20%20%20%20%20%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20role%3D%22img%22%20aria-label%3D%22Avatar%20for%20Manisha%22%3E%0A%20%20%20%20%20%20%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22hsl(269%2C%2084%25%2C%2059%25)%22%20rx%3D%223.2%22%20%2F%3E%0A%20%20%20%20%20%20%3Ctext%20x%3D%2250%25%22%20y%3D%2250%25%22%20%0A%20%20%20%20%20%20%20%20%20%20%20%20font-family%3D%22sans-serif%22%20%0A%20%20%20%20%20%20%20%20%20%20%20%20font-size%3D%2212.8%22%20%0A%20%20%20%20%20%20%20%20%20%20%20%20font-weight%3D%22bold%22%20%0A%20%20%20%20%20%20%20%20%20%20%20%20fill%3D%22%23FFFFFF%22%20%0A%20%20%20%20%20%20%20%20%20%20%20%20text-anchor%3D%22middle%22%20%0A%20%20%20%20%20%20%20%20%20%20%20%20dominant-baseline%3D%22central%22%0A%20%20%20%20%20%20%20%20%20%20%20%20style%3D%22user-select%3A%20none%3B%22%3E%0A%20%20%20%20%20%20%20%20M%0A%20%20%20%20%20%20%3C%2Ftext%3E%0A%20%20%20%20%3C%2Fsvg%3E8:T98c,<p>PSD to Drupal is one of the most popular theme conversions. It guarantees good result and a lot of features. Drupal is one of the most preferred content management system. It makes it a lot easier to edit, update and manage the content of your website. It is absolutely easy to use and does not require any technical knowledge. Using Drupal any one can easily handle all the content and make changes as per the requirement. It also saves you a lot of time and money. Discussed below are the points on how to convert PSD to CSS/Drupal theme. Go through them and you will find how easy it is to download and install Drupal.</p>
<p>-First of all, you need to open the Adobe Photoshop based image file (PSD).</p>
<p>-Open the slice tool in the main toolbar and start slicing PSD format image files into multiple layers.</p>
<p>-After slicing PSD files, go to image menu and select the mode to choose right colour space (RGB/ CMYK). Now, select all sliced images and click to Save.</p>
<p>-Now place the images folder inside the same folder where theme files are located.</p>
<p>-Next step is to open a new page to hand code PSD to HTML/CSS mark-up languages.</p>
<p>-After finishing the coding, save this page as 'home.html'.</p>
<p>-Open a new page and save it as 'style.css' to add CSS stylesheet to the page.</p>
<p>-Add for div tag type in the body tags.</p>
<p>-Div tags should be identified with a class name- topnay, maincontent etc.  needs to be coded.</p>
<p>-Open the style.css file to identified class names.</p>
<p>-Next and very important step is to download and install the desired Drupal theme to start converting HTML pages into a fully functional Drupal theme.</p>
<p>-Create a new folder to store theme files.</p>
<p>-Now open the theme folder and then open the file called page.tpl.php.</p>
<p>-Place before right tags.</p>
<p>-Save changes to the new file called page.tpl.php and copy these changes to style.css within new theme directory.</p>
<p>-Body content of page.tpl.php will remain same as HTML file.</p>
<p>-Replace the sections of page.tpl.php with dynamic content.</p>
<p>-Create a page named as template.php.</p>
<p>-Rename function Yourtheme_regions() to theme name.</p>
<p>Now you are done with the conversion! All you need to keep in mind is to follow the above mentioned PSD to Drupal steps in a proper manner and sequence. This will ensure that you get a well functioning Drupal theme based website ready.</p>5:["$","$4",null,{"fallback":[[["$","link","css:/assets/_layout-BzYdn0f6.css",{"rel":"stylesheet","precedence":"vite-rsc/importer-resources","href":"/assets/_layout-BzYdn0f6.css","data-rsc-css-href":"/assets/_layout-BzYdn0f6.css"}],"$undefined"],["$","div",null,{"className":"flex justify-center items-center p-8","children":["$","div",null,{"className":"animate-spin rounded-full h-8 w-8 border-b-2 border-indigo-600"}]}]],"children":["$","div",null,{"className":"bg-white/95 mt-0.5 py-6 sm:py-12","children":["$","article",null,{"className":"mx-auto w-full max-w-2xl format format-sm sm:format-base lg:format-lg format-blue dark:format-invert","children":[["$","header",null,{"className":"mb-4 lg:mb-6 not-format","children":[["$","h1",null,{"className":"mb-4 text-3xl font-extrabold leading-tight text-gray-900 lg:mb-6 lg:text-4xl dark:text-white","children":"PSD to Drupal Theme Conversion: How? "}],["$","address",null,{"className":"flex items-center mb-6 not-italic","children":["$","div",null,{"className":"inline-flex items-center text-sm text-gray-900 dark:text-white","children":[["$","img",null,{"className":"mr-3 w-8 h-8 rounded-full","src":"$7","alt":"Manisha"}],["$","a",null,{"href":"/author/manisha_73656373870998","rel":"author","className":"font-bold capitalize hover:underline dark:text-white","children":"Manisha"}],["$","span",null,{"className":"mx-1 text-md text-gray-400 dark:text-gray-500","children":"·"}],["$","span",null,{"className":"inline-flex items-center ml-1 text-gray-500 dark:text-gray-400","children":"3 min read"}],["$","span",null,{"className":"mx-1 text-md text-gray-400 dark:text-gray-500","children":"·"}],["$","time",null,{"dateTime":"Mon Feb 14 2011","className":"text-gray-500 dark:text-gray-400","children":"Feb 14, 2011"}],[["$","span",null,{"className":"mx-1 text-md text-gray-400 dark:text-gray-500","children":"·"}],["$","a","tips-and-tricks",{"href":"/t/tips-and-tricks","className":"capitalize text-sm text-gray-500 dark:text-gray-400 hover:text-gray-600","children":"tips & tricks"}]]]}]}]]}],["$","div",null,{"className":"lead prose mt-4 text-lg leading-8 text-gray-600","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"$8"}}]}],"$L9","$La"]}]}]}]
b:T63b,M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z6:["$","footer",null,{"className":"bg-gray-900 dark:bg-gray-900","children":["$","div",null,{"className":"mx-auto max-w-7xl px-6 py-4.5 md:flex md:items-center md:justify-between lg:px-8","children":[["$","div",null,{"className":"flex justify-center space-x-6 md:order-2","children":[["$","a","Facebook",{"href":"https://facebook.com/gleeztech","target":"_blank","rel":"noopener noreferrer","className":"text-gray-400 hover:text-gray-500","children":[["$","span",null,{"className":"sr-only","children":"Facebook"}],["$","svg",null,{"className":"h-6 w-6","fill":"currentColor","viewBox":"0 0 24 24","aria-hidden":"true","children":["$","path",null,{"fillRule":"evenodd","d":"M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z","clipRule":"evenodd"}]}]]}],["$","a","Instagram",{"href":"https://instagram.com/gleeztech","target":"_blank","rel":"noopener noreferrer","className":"text-gray-400 hover:text-gray-500","children":[["$","span",null,{"className":"sr-only","children":"Instagram"}],["$","svg",null,{"className":"h-6 w-6","fill":"currentColor","viewBox":"0 0 24 24","aria-hidden":"true","children":["$","path",null,{"fillRule":"evenodd","d":"$b","clipRule":"evenodd"}]}]]}],["$","a","X",{"href":"https://x.com/gleeztech","target":"_blank","rel":"noopener noreferrer","className":"text-gray-400 hover:text-gray-500","children":[["$","span",null,{"className":"sr-only","children":"X"}],["$","svg",null,{"className":"h-6 w-6","fill":"currentColor","viewBox":"0 0 24 24","aria-hidden":"true","children":["$","path",null,{"d":"M13.6823 10.6218L20.2391 3H18.6854L12.9921 9.61788L8.44486 3H3.2002L10.0765 13.0074L3.2002 21H4.75404L10.7663 14.0113L15.5685 21H20.8131L13.6819 10.6218H13.6823ZM11.5541 13.0956L10.8574 12.0991L5.31391 4.16971H7.70053L12.1742 10.5689L12.8709 11.5655L18.6861 19.8835H16.2995L11.5541 13.096V13.0956Z"}]}]]}],"$Lc"]}],"$Ld"]}]}]
9:null
a:["$","$4",null,{"fallback":["$","div",null,{"className":"comments-skeleton","children":[["$","div",null,{"className":"h-6 bg-gray-200 rounded w-32 mb-4 animate-pulse"}],["$","div",null,{"className":"space-y-3","children":[["$","div","1",{"className":"h-16 bg-gray-100 rounded animate-pulse"}],["$","div","2",{"className":"h-16 bg-gray-100 rounded animate-pulse"}],["$","div","3",{"className":"h-16 bg-gray-100 rounded animate-pulse"}]]}]]}],"children":"$Le"}]
c:["$","a","GitHub",{"href":"https://github.com/gleez","target":"_blank","rel":"noopener noreferrer","className":"text-gray-400 hover:text-gray-500","children":[["$","span",null,{"className":"sr-only","children":"GitHub"}],["$","svg",null,{"className":"h-6 w-6","fill":"currentColor","viewBox":"0 0 24 24","aria-hidden":"true","children":["$","path",null,{"fillRule":"evenodd","d":"M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z","clipRule":"evenodd"}]}]]}]
d:["$","div",null,{"className":"mt-8 md:order-1 md:mt-0","children":["$","p",null,{"className":"text-sm leading-5 text-gray-400","children":["© 2005 - ",2026," Gleez Inc. All rights reserved."]}]}]
e:["$","div",null,{"className":"mt-8","children":[["$","h3",null,{"className":"text-xl font-semibold mb-4","children":"Voices"}],["$","p",null,{"className":"text-gray-500","children":"No voices yet. Start the dialogue!"}]]}]