<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Kashit &#187; Code</title>
	<atom:link href="http://www.kashit.org/channels/code/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.kashit.org</link>
	<description>home to Ehsan Quddusi</description>
	<lastBuildDate>Sun, 28 Feb 2010 18:43:31 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Drupal 5 theming basics</title>
		<link>http://www.kashit.org/code/drupal-5-theming-basics/</link>
		<comments>http://www.kashit.org/code/drupal-5-theming-basics/#comments</comments>
		<pubDate>Sat, 06 Dec 2008 05:22:19 +0000</pubDate>
		<dc:creator>Ehsan Quddusi</dc:creator>
				<category><![CDATA[Code]]></category>
		<category><![CDATA[Drupal]]></category>
		<category><![CDATA[Drupal theme]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[PHPTemplate]]></category>
		<category><![CDATA[template files]]></category>
		<category><![CDATA[Themes]]></category>

		<guid isPermaLink="false">http://www.kashit.org/?p=184</guid>
		<description><![CDATA[<span class="dropcap">D</span>rupal is a content management framework written in PHP that can be used to organize &#038; display content, customize appearance and manage routine tasks on a website.

It is an open-source software distributed under the GPL ("GNU General Public License") and is maintained and developed by a community of thousands of users and developers.

Drupal was originally written by Dries Buytaert, who still heads the Drupal project. Buytaert transliterated the Dutch word 'druppel,' which means 'droplet' to create the name 'Drupal,' in order to make an indirect reference to the community aspects of the project through the Dutch word 'dorp,' meaning 'village.' He opened the source code for community work in 2001.]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.drupal.org" target="_blank">Drupal</a> is a content management framework written in PHP that can be used to organize &amp; display content, customize appearance and manage routine tasks on a website.</p>
<p>It is an <a href="http://en.wikipedia.org/wiki/Open-source_software" target="_blank">open-source software</a> distributed under the <a href="http://www.gnu.org/copyleft/gpl.html" target="_blank">GPL</a> (&#8220;GNU General Public License&#8221;) and is maintained and developed by a community of thousands of users and developers.</p>
<p>Drupal was originally written by <a href="http://buytaert.net/" target="_blank">Dries Buytaert</a>, who still heads the Drupal project. Buytaert transliterated the Dutch word <em>&#8216;druppel&#8217;</em>, which means <em>&#8216;droplet</em>&#8216; to create the name &#8216;Drupal,&#8217; in order to make an indirect reference to the community aspects of the project through the Dutch word <em>&#8216;dorp&#8217;</em> , meaning <em>&#8216;village&#8217;</em>. He opened the source code for community work in 2001.</p>
<p>Tens of thousands of people and organizations are using <a href="http://drupal.org/cases" target="_blank">Drupal</a> to power scores of different web sites, including</p>
<ul>
<li>Community web portals</li>
<li> Discussion sites</li>
<li> Corporate web sites</li>
<li> Intranet applications</li>
<li> Personal web sites or blogs</li>
<li> Aficionado sites</li>
<li> E-commerce applications</li>
<li> Resource directories</li>
<li> Social Networking sites</li>
</ul>
<p>While some web designers have criticized Drupal as difficult to learn, the system has received extensive accolades for its usefulness and relatively rapid build time. The modular approach of Drupal and its ability to enhance the core functionality by use of hooks is a marvel of software engineering.</p>
<p>Drupal provides a flexible way to create custom look and feel of website by use of themes. Drupal theme essentially consists of atleast one template file, a style file for custom appearance &amp; a theme file for overriding <a href="http://api.drupal.org/api/group/themeable/5" target="_blank">Drupal themeable functions</a>. Drupal 5 comes with 4 default themes.</p>
<h4>Where are Drupal themes located</h4>
<p><img class="alignnone size-full wp-image-185" title="Directory structure &amp; placement for Drupal 5 themes" src="http://media.kashit.org/2008/12/directory-structure.jpg" alt="" width="460" height="356" /></p>
<p>Drupal default themes are contained in <em>themes</em> folder in the root installation of Drupal. Apart from themes, the folder contains <em>theme engines</em> available to the installation.</p>
<p>Another location for the themes is inside sites folder. Due to Drupal&#8217;s multi-site support, we have have individual themes available for the sites installed in the installation. Those themes need to be put under their respective sites to make them available. Sounds too boring! Let me come to point.</p>
<p>The recommended custom theme location in Drupal is under <em>sites/all/themes/</em> folder.</p>
<h4>Drupal Theme Administration</h4>
<p>You need to have proper permissions to change the theme of your Drupal site. To change the default drupal theme, login to the site and then go to Theme Administration found under Site Building &#8211; Themes. The default url for the theme administration is <em>/admin/build/themes</em>.</p>
<p><img class="alignnone size-full wp-image-192" title="Drupal 5 theme administration" src="http://media.kashit.org/2008/12/theme-administration.jpg" alt="" width="460" height="288" /></p>
<p>By default, the garland theme is selected. The folder name of each theme represents its name on the administration page (Configurable name and description available in Drupal 6). You can change the theme by simply clicking the radio box of that theme found under default column. Saving the changes will result in applying of new theme to the site.</p>
<p><img class="alignnone size-full wp-image-193" title="Drupal 5 theme configuration" src="http://media.kashit.org/2008/12/theme-configuration.jpg" alt="" width="460" height="288" /></p>
<p>You can make configuration changes to the theme by clicking on the configure button found on that row. A list of default configuration options will be displayed where we can do the necessary. You can toggle the display of various page elements like search box, site name, logo, site slogan, shortcut icon, user pictures etc from this page. You can add your custom options also for the theme like in case of color picker for default garland theme.</p>
<h4>How theme works</h4>
<p><img class="alignnone size-full wp-image-194" title="How Drupal 5 theme works" src="http://media.kashit.org/2008/12/theme-ingredients.jpg" alt="" width="460" height="109" /></p>
<p>Drupal theme essentially consists of two files; a template file (<em>page.tpl.php</em> in case of phpTemplate) and a <em>CSS</em> file for presentation. A template file is a mix of HTML or XHTML markup alongwith the templating language specific code. Drupal by default supports <em>PHPTemplate</em> as the templating language through use of PHPTemplate theme engine. Theme engines control how certain themes interact with Drupal. In addition to PHPTemplate, Drupal has support for many other popular templating engines through installation of their <a href="http://drupal.org/project/Theme+engines" target="_blank">theme engines</a>. A theme engine makes many variables avaialable to template files and processes these template pages to render output.</p>
<p>In the next post of this series, I will be writing about <em>&#8216;How to develop Drupal 5 theme&#8217;</em>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.kashit.org/code/drupal-5-theming-basics/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
