<?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>cZarte Design &#187;  Themes</title>
	<atom:link href="http://www.czarte.eu/lang/en-us/tag/temata-themes/feed" rel="self" type="application/rss+xml" />
	<link>http://www.czarte.eu</link>
	<description>Freelance Designer, Webdesigner, Painter</description>
	<lastBuildDate>Tue, 15 Jun 2010 23:31:28 +0000</lastBuildDate>
	<language>en-us</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title> WordPress Theme &#8211; hierarchy override</title>
		<link>http://www.czarte.eu/lang/en-us/webdesign/wordpress-theme-hierarchie-souboru</link>
		<comments>http://www.czarte.eu/lang/en-us/webdesign/wordpress-theme-hierarchie-souboru#comments</comments>
		<pubDate>Fri, 13 Nov 2009 13:08:41 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[ Themes]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.czarte.eu/?p=249</guid>
		<description><![CDATA[In last part was first step with definition of Theme, which alowed us to initialize this them in wordpress. Now we can pay attantion on file hierarchy override which wordpress use. WordPress use files listed below you can found in directory www/wp-content/themes/nameoftheme (klikněte na název pro detailní popis souboru) . index.php Tento soubor v defaultním [...]]]></description>
			<content:encoded><![CDATA[


<p><span lang="en-us"><em>In last part was first step with definition of Theme, which alowed us to initialize this them in wordpress. Now we can pay attantion on file hierarchy override which wordpress use.</em> </span></p>
<p><span lang="en-us">WordPress use files listed below you can found in directory</span><br />
<span style="color: #999999;" lang="en-us">www/wp-content/themes/nameoftheme</span></p>
<p><span id="more-249"></span></p>
<pre style="font: normal normal normal 12px/18px 'Courier New', monospace;">(klikněte na název pro detailní popis souboru)</pre>
<blockquote><p><a title="popis souboru index.php" href="#indexphp"></a></p>
<p><a title="popis souboru header.php" href="#headerphp"></a></p>
<p><a title="popis sobru footer.php" href="#footerphp"></a></p>
<p><a title="popis souboru category.php" href="#categoryphp"></a></p>
<p><a title="popis soboru single.php" href="#singlephp"></a></p>
<p><a title="popis souboru archive.php" href="#archivephp"></a></p>
<p><a title="popis souboru functions.php" href="#functionsphp"></a></p>
<p><a title="popis sobroru image.php" href="#imagephp"></a></p>
<p><a title="popis souboru links.php" href="#linksphp"></a></p>
<p><a title="popis souboru page.php" href="#pagephp"></a></p>
<p><a title="popis souboru comments.php" href="#commentsphp"></a></p>
<p><a title="popis souboru search.php" href="#searchphp"></a></p>
<p><a title="popis souboru sidebar.php" href="#sidebarphp"></a></p></blockquote>
<div style="color: white; margin-top:15px;">.</div>
<p><a name="indexphp"></a><strong>index.php</strong></p>
<p>Tento soubor v defaultním nastavení zobrazuje výpis všech článků které na webu existují a je nastaven jako home. Nastavení home se dá změnit v administračním rozhraní &#8211; nastavení (settings) &#8211; čtení (reading), kde si múžeme nastavit statickou stránku. Pro tu pak lze vytvořit vlastní template a nastavit si jí jak chceme &#8211; o tom více v popisu souboru</p>
<p>Pokud budeme chtít index.php předefinovat, můžeme si nastavit které konkrétní články chceme na jakém konkrétním místě homepage vypsat. Pro takovou změnu bude lepší místo cyklu funkce  použít funkci querry_post -<br />
<a title="wp_querry - WordPress Documentation" href="http://codex.wordpress.org/Function_Reference/WP_Query" target="_blank">WP_Query(&#8220;proměnná=hodnota&#38;proměnná2=hodnota2&#8243;);</a></p>
<p><a name="headerphp"></a><strong>header.php</strong></p>
<p>Soubor hlavičky je v systému volán samostatnou funkcí  ta vrací include souboru header.php, který si můžeme po libosti modifikovat pomocí podmínkových tagů <a title="Conditional tags - Word Press Documentation" href="http://codex.wordpress.org/Conditional_Tags" target="_blank">(condition tags)</a>. S jejich pomocí si nadefinujeme, která část kódu se nám zobrazí při konkrétních událostech.</p>
<p>Pokud chceme, kvůli přehlednosti, definovat několik souborů &#8211; např. , , a tak dále, můžeme místo funkce  použít include příslušných souborů.</p>
<p>V souboru header.php je nadefinována funkce wp_head(); která automaticky vkládá javascripty aktivovaných pluginů.</p>
<p><a name="footerphp"></a><strong>footer.php</strong></p>
<p>Pro vložení patičky opět existuje vlastní funkce  jež funguje stejně jako u havičky. Znovu si můžeme do patičky zařadit funkci wp_footer(); kterou používají některé puginy ke vkládání javascriptů.</p>
<p><a name="categoryphp"></a><strong>category.php</strong></p>
<p>Kategorie jsou zvláštním pojmem, který ve slangu redakčních systémů označuje tématickou oblast webu. WordPress pracuje s kategoriemi tak, že pokud není category.php přítomno v hierarchii souborů, automaticky použije soubor archive.php, toto pravidlo funguje i na druhou stranu, tedy pokud chceme vytvořit samostatnou šablonu pro kategorii &#8220;webdesign&#8221;, vytvoříme si soubor category-webdesign.php, kterou WordPress hledá jako první, pokud jí nenajde, jde o úroveň výš na soubor category.php.</p>
<p><a name="singlephp"></a><strong>single.php</strong></p>
<p>Single, neboli článek, je soubor zobrazující obsah článku. Skládá se z klasické funkce have_post(); v jejímž cyklu můžeme používat různé tagy vypisující obsah položek přiřazených ke konkrétnímu vypisovanému článku. Např.: the_title(); &#8211; the_excerpt(); &#8211; the_content(); &#8211; the_tags(); &#8211; edit_post_link(); a další.</p>
<p><a name="archivephp"></a><strong>archive.php</strong></p>
<p>Archive je používán pro výpis archivů &#8211; <a href="http://codex.wordpress.org/Creating_an_Archive_Index#List_Archives_By_Year">wp_get_archives();</a>, alternativně categorií, či výsledků vyhledávání.</p>
<p>&#8230;.</p>
<p>Tento článek je pouze pracovní verzí&#8230; plná verze bude, až se k tomu dostanu <img src='http://www.czarte.eu/czarte/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.czarte.eu/lang/en-us/webdesign/wordpress-theme-hierarchie-souboru/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title> WordPress Theme – how to:</title>
		<link>http://www.czarte.eu/lang/en-us/webdesign/wordpress-theme-%e2%80%93-jak-na-to</link>
		<comments>http://www.czarte.eu/lang/en-us/webdesign/wordpress-theme-%e2%80%93-jak-na-to#comments</comments>
		<pubDate>Fri, 13 Nov 2009 12:44:16 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[ Themes]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.czarte.eu/?p=243</guid>
		<description><![CDATA[Kapitola 1. Definice &#8220;Themes&#8221; Na úvod chci napsat něco o tématech obecně. Téma je vlastně HTML šablona, která obléká, jako kabát, redakční systém WordPress. Můžete si tedy vytvořit jakýkoliv HTML layout a ten si do tématu poskládat. Budu počítat s tím, že vy, kteří tento článek čtete jste schopni nějaký layout vytvořit, zaměřím se na [...]]]></description>
			<content:encoded><![CDATA[<h3 style="font-size: 1.17em;"><span lang="cs-cz">Kapitola 1. Definice &#8220;Themes&#8221;</span></h3>
<p><span lang="cs-cz">Na úvod chci napsat něco o tématech obecně. Téma je vlastně HTML šablona, která obléká, jako kabát, redakční systém WordPress. Můžete si tedy vytvořit jakýkoliv HTML layout a ten si do tématu poskládat. Budu počítat s tím, že vy, kteří tento článek čtete jste schopni nějaký layout vytvořit, zaměřím se na konstrukci tématu jakožto pluginu, který pouze nahrajeme na server a v menu „Design“ ho aktivujeme. Největší problém je pochopit, jak vlastně téma funguje, jak se ohlašuje serveru a jak vlastně skládat jednotlivé funkce, které nám volají dynamický obsah.</span></p>
<p><span lang="en-us">At the begining I would like to say something about Themes in global. Theme is, in fact, HTML template, which suite as cloat CMS WordPress. So you can create any HTML layout, and than put it in Theme. So I will count that, those who reading this post, can create any layout in HTML. I will focus at construction on theme as an plugin, you can upload at server and just activate in &#8220;Design&#8221; menu. Most problem is to comprehense how the theme system function, and how server will get nown about it, how to put individual functions, which calling dynamic content.</span></p>
<p><span id="more-243"></span></p>
<p><span lang="cs-cz">Pro ukázku si vezmu například Default Theme – Kubrick, které je v každé instalaci WP automaticky k dispozici. A jelikož je to open source, není problém toto téma rozebrat a použitelné kousky si takříkajíc vypůjčit. Vyhneme se tedy tomu muset specifikovat v kódu tématu kde a kdy jsme prováděli jaké změny. Výhoda wordpressu je ta, že všechny jeho komponenty, tedy i témata, jsou pod GPL licencí, tedy vše, co je v nich napsáno, je možné zkopírovat a použít ve vlastním kódu.</span></p>
<p><span lang="en-us">For example I get default Theme &#8211; Kubrick, that is available in WP automaticaly. And because it is open source, is not problem to make any changes in it. This is the ability of WordPress, all components, so themes as well, are under GPL licence, so, everything written in that, is possibly to copy and use in your own code.</span></p>
<p><span lang="cs-cz">Budeme nejdříve potřebovat ohlásit Téma WordPressu, aby pochopil, že je to téma a že ho může použít. Uděláme si pro tento článek „Ukázkové Téma“ . Potřebujeme někam napsat definici tématu, k tomu nám poslouží soubor style.css lokalizovaný v adresáři:</span></p>
<p><span lang="en-us">We start with inicialization of theme for the WordPress core to use it as view of our website. We will make for this issue &#8220;Preview Theme&#8221;. So in beginning we need to make definition of Theme, that serve to us basic css file localised in folder:</span></p>
<p><span style="color: #888888;" lang="en-us"><span lang="cs-cz">&#8216;www_root/wp-content/themes/ukazkove_tema/&#8217;</span></span></p>
<p><span style="color: #888888;" lang="cs-cz"><span lang="en-us">&#8216;www_root/wp-content/themes/preview_theme/&#8217;</span></span></p>
<p><span lang="cs-cz">Definice začíná v prvním řádku souboru style.css a vypadá takto:</span></p>
<p><span lang="en-us">Definition is startin at first line of style.css file and looks like this:</span></p>
<blockquote><p><span style="color: #808080;" lang="cs-cz">/*<br />
Theme Name: Jméno tématu<br />
Theme URI: URI na kterém je domovská stránka tématu<br />
Description: popis tématu<br />
Version: číslo verze<br />
Author: Vaše jméno<br />
Author URI: vaše URI<br />
Tags: Značky použité v tématu</span></p></blockquote>
<blockquote><p><span style="color: #808080;" lang="cs-cz">Jméno tématu 1.0</p>
<p>http://mojedoména.cz/mojetéma/</span></p>
<p><span style="color: #808080;" lang="cs-cz">This theme was designed and built by Vase Jmeno,<br />
whose blog you will find at http://vasedomena.info/</span></p>
<p><span style="color: #808080;" lang="cs-cz">The CSS, XHTML and design is released under GPL:</p>
<p>http://www.opensource.org/licenses/gpl-license.php</span></p>
<p><span style="color: #808080;" lang="cs-cz">*/</span></p></blockquote>
<blockquote><p><span style="color: #888888;" lang="cs-cz"><span lang="en-us">/*<br />
Theme Name: Jméno tématu<br />
Theme URI: URI na kterém je domovská stránka tématu<br />
Description: popis tématu<br />
Version: číslo verze<br />
Author: Vaše jméno<br />
Author URI: vaše URI<br />
Tags: Značky použité v tématu</span></span></p></blockquote>
<blockquote><p><span style="color: #888888;" lang="cs-cz"><span lang="en-us">Jméno tématu 1.0</p>
<p>http://mojedoména.cz/mojetéma/</span></span></p>
<p><span style="color: #888888;" lang="cs-cz"><span lang="en-us">This theme was designed and built by Vase Jmeno,<br />
whose blog you will find at http://vasedomena.info/</span></span></p>
<p><span style="color: #888888;" lang="cs-cz"><span lang="en-us">The CSS, XHTML and design is released under GPL:</p>
<p>http://www.opensource.org/licenses/gpl-license.php</span></span></p>
<p><span style="color: #888888;" lang="cs-cz"><span lang="en-us">*/</span></span></p></blockquote>
<p><span lang="cs-cz">Dále pokračujeme psaním samotného stylu. Je dobré syly nějakým způsobem strukturovat pomocí komentářů na označení stylovaných oblastí, abychom se v nich nakonec úplně neztratili. Nebo si rozdělit třídy a identifikátory, které si dále strukturujeme podle oblastí – já osobně si styly dělím podle šablon &#8211; kategorie, stránky, hlavička a tak podobně&#8230;</span></p>
<p><span lang="en-us">Than we can continue with writing own style. Is good to structuralize it somehow, usefull are comments for marking of styled parts, than we can handle some changes in future easily. Or to split indentificators, which then structuralize by parts of website. I differencing them by templates in website &#8211; categories, pages, content, header, and so&#8230;</span></p>
<div style='clear:both'></div>]]></content:encoded>
			<wfw:commentRss>http://www.czarte.eu/lang/en-us/webdesign/wordpress-theme-%e2%80%93-jak-na-to/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
