At picture no.1 we can watch basic dashboard of administration. At left side is situated basic menu where are selection of basic fields of actions posibly used for web enhancement or maintainance.

At picture we can see sign on the item  “posts” – “add new” which will send us to page with input fields for new post at website.

At next picture we will see this form for add new post. Here we have signs at form fields, which will be described in next step.

1) Title of post

2) Uploading media files

3) Switch between visual and html editor

4) Control elements od visual editor

5) Body of the Post

6) Excerpt of post – if empty and template supports excerpt, but without condition to show alternate content, will be shown part of the body of the Post. Approx. 50 words.

7) Here you can add trackback for quoted websites

Custom fields must be supported by theme. Thane we can add here plain text nor html

9) Name of custom field – must be supported in template. Contain some kind of name, which point to some content of custom fields. You can fill under one name many content, and if is supported in template, you can print all of them on page or post, what ever you want. If some fields alredy attached to any Post on your page, you can select some of them to attache more of these fields to this post we are editing. If we want to attach brand new field with different name not exist in this select box, we can press “enter new” link under this area.

10)Content of custom field – must be supported in template. All text, hyperlinks, html and so could be entered

11) Button for attaching field to the Post.

12) Here you can allow comments and trackbacks.

13) Attaching the Post to some of the caregories. You can add one post to multiple categories.

14) Tags are banding posts to thematic groups. We can add several posts to one Tag, and if we put some widget to our sidebar, we can show the tag cloud there, possibly known from lot of modern websites.

15) Publishing panel. Here we can publish the Post, change his status as “Pending Preview”, “Draft” , unpublish or delete it.

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 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í – nastavení (settings) – čtení (reading), kde si múžeme nastavit statickou stránku. Pro tu pak lze vytvořit vlastní template a nastavit si jí jak chceme – o tom více v popisu souboru

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 -
WP_Query(“proměnná=hodnota&proměnná2=hodnota2″);

header.php

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ů (condition tags). S jejich pomocí si nadefinujeme, která část kódu se nám zobrazí při konkrétních událostech.

Pokud chceme, kvůli přehlednosti, definovat několik souborů – např. , , a tak dále, můžeme místo funkce  použít include příslušných souborů.

V souboru header.php je nadefinována funkce wp_head(); která automaticky vkládá javascripty aktivovaných pluginů.

footer.php

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ů.

category.php

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 “webdesign”, vytvoříme si soubor category-webdesign.php, kterou WordPress hledá jako první, pokud jí nenajde, jde o úroveň výš na soubor category.php.

single.php

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(); – the_excerpt(); – the_content(); – the_tags(); – edit_post_link(); a další.

archive.php

Archive je používán pro výpis archivů – wp_get_archives();, alternativně categorií, či výsledků vyhledávání.

….

Tento článek je pouze pracovní verzí… plná verze bude, až se k tomu dostanu

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.

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 “Design” 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.

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.

For example I get default Theme – 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.

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:

We start with inicialization of theme for the WordPress core to use it as view of our website. We will make for this issue “Preview Theme”. So in beginning we need to make definition of Theme, that serve to us basic css file localised in folder:

‘www_root/wp-content/themes/ukazkove_tema/’

‘www_root/wp-content/themes/preview_theme/’

Definice začíná v prvním řádku souboru style.css a vypadá takto:

Definition is startin at first line of style.css file and looks like this:

/*
Theme Name: Jméno tématu
Theme URI: URI na kterém je domovská stránka tématu
Description: popis tématu
Version: číslo verze
Author: Vaše jméno
Author URI: vaše URI
Tags: Značky použité v tématu

Jméno tématu 1.0

http://mojedoména.cz/mojetéma/

This theme was designed and built by Vase Jmeno,
whose blog you will find at http://vasedomena.info/

The CSS, XHTML and design is released under GPL:

http://www.opensource.org/licenses/gpl-license.php

*/

/*
Theme Name: Jméno tématu
Theme URI: URI na kterém je domovská stránka tématu
Description: popis tématu
Version: číslo verze
Author: Vaše jméno
Author URI: vaše URI
Tags: Značky použité v tématu

Jméno tématu 1.0

http://mojedoména.cz/mojetéma/

This theme was designed and built by Vase Jmeno,
whose blog you will find at http://vasedomena.info/

The CSS, XHTML and design is released under GPL:

http://www.opensource.org/licenses/gpl-license.php

*/

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 – kategorie, stránky, hlavička a tak podobně…

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 – categories, pages, content, header, and so…