Linux E X P R E S

Facebook

Redakční systém WordPress - stránky hezky česky

wordpress.jpg

V minulém díle jste si vybrali a nainstalovali nový vzhled blogu. Bohužel je vzhled v angličtině, což většině vašich návštěvníků zřejmě nebude vyhovovat. V dnešním díle vám předvedu, jak si svůj zvolený vzhled počeštíte. Značnou výhodu dnes budou mít angličtiny znalí uživatelé. Pokud však angličtinou nevládnete, nezoufejte, svůj vzhled si počeštíte také.


Jak jste si zřejmě někteří stačili již minule všimnout, vzhled se skládá z mnoha menších souborů. Tyto soubory jsou pak uloženy v samostatném adresáři, který je potřeba nakopírovat do složky wp-content/themes. V minulém díle jsme si jako ukázkový soubor zvolili vzhled iLeather.

Obrázek:  04.jpg

Původní anglický vzhled iLeather

Soubory, z kterých je vzhled složen, mají přesně definované pojmenování. Dle pojmenování je pak určeno jejich použití. Nejčastěji používané soubory jsou následující (učit zpaměti se je samozřejmě nemusíte, uváděny jsou pouze pro přehled):

style.css
Každé téma musí obsahovat soubor s definicí stylu, elementů a jejich vlastností. Taktéž musí obsahovat informační hlavičku tématu.
index.php
Hlavní šablona. Definuje základní rozvržení stránky. Jestliže používáte vlastní téma, musí být přítomna.
comments.php
Šablona pro komentáře. Jestliže soubor comments.php neexistuje, použije se šablona z výchozího tématu.
comments-popup.php
Šablona pro vyskakující komentáře. Jestliže není přítomna, použije se šablona z výchozího tématu.
home.php
Šablona domovské stránky.
single.php
Šablona pro jednotlivé příspěvky na stránce. Pokud tento soubor neexistuje, použije se šablona index.php.
page.php
Šablona stránky, která se použije při dotazování individuální stránky.
category.php
Šablona kategorií. Využije se dotazování na kategorii.
author.php
Šablona pro autory. Využije se, když je dotazován autor.
date.php
Šablona pro dotazování na datum a čas.
archives.php
Šablona archivu. Využije se, když je dotazována kategorie, autor nebo datum. Pokud je definována šablona category.php, author.php nebo date.php, má tato přednost.
search.php
Šablona pro vyhledávání.
404.php
Šablona pro chybu 404, která je vrácena, když není hledaná stránka nalezena.
header.php
Zde je definováno záhlaví stránky.
footer.php
Zde je definováno zápatí stránky.
sidebar.php
Zde je definována boční lišta.
functions.php
Zde se umisťují funkce motivu vzhledu.

K tomu, abyste si vzhled tématu počeštili, je nutné každý z souborů použitých pro vzhled otevřít, od vrchů dolů si pak projít jeho obsah a anglické popisky přepsat na české. Způsob, jak to uděláte, pokud neumíte anglicky, zmíním níže.

Úpravu souborů můžete provádět dvěma způsoby. Prvním klasickým, kdy si v textovém editoru soubor otevřete, text změníte a soubor uložíte. Druhým způsobem je možnost provádět úpravy v souborech se šablonami přímo v administrátorském rozhraní blogu. Tento způsob je zvlášť výhodný v případě, že máte stránky umístěné na vzdáleném serveru a v danou chvíli disponujete pouze webovým prohlížečem.

Jak u první tak u druhé možnosti úpravy zdrojových souborů velmi doporučuji provádět jejich průběžnou zálohu, ke které se v případě nepovedené úpravy vrátíte. Ze začátku bude zřejmě nepovedených úprav více, takže s nimi počítejte, nezoufejte, je to celkem normální.

K obrazovce s možností úpravy vzhledu se dostanete z administrátorské obrazovky volbou Vzhled.

Obrázek:  01.jpg

Nabídka Vzhled

Poté zvolte Editor Šablon.

Obrázek:  02.jpg

Nabídka Editor šablon - Modifikování šablon zakázáno

V levé polovině Editoru šablon je umístěno textové pole, ve kterém je možno provádět editaci vybraného souboru. Soubor pro editaci se pak vybírá z pravé strany obrazovky.

Pokud se vám pod editačním oknem objeví nápis Pokud chcete upravit soubor, napište jeho název. Můžete takto upravovat libovolný soubor, ke kterému máte právo zápisu, např. CHMOD 666, nemáte nastavena práva pro zápis. Po nastavení práv se vám místo nápisu objeví tlačítko Aktualizovat soubor. Potřebná práva nastavíte v Linuxu prostřednictvím příkazu chmod 666 * . Pokud máte soubory umístěny přímo na serveru, změnu práv většinou provedete přes volbu vlastnosti k souboru.

Obrázek:  03.jpg

Nabídka Editor šablon - Modifikování šablon povoleno

Nyní, když cokoliv v textovém poli změníte a změny stiskem tlačítka Aktualizovat soubor potvrdíte, změní se vám příslušný soubor, a tím se provedou změny i ve vzhledu.

Jako praktický příklad si nyní zkusíte počeštit hlavní stránku. Jak na prvním obrázku Původní anglický vzhled iLeather vidíte, kromě nadpisu a popisku blogu, který se nastavuje v Nastavení, a několika systémových popisků jako Administrace, Odhlásit se, jména měsíců a dní je vše v angličtině.

Nyní je na vás, abyste se na blog podívali a rozhodli, co je v angličtině a má být česky. Spolu s instalací WordPressu jste získali anglicky psaný příspěvek Hello world! Tento nyní měnit nebudeme. Psaní příspěvků se budeme věnovat příště. Níže pod příspěvkem pak vidíte řádek Posted in Uncategorized by: admin Edit 1 Comment, který byste již měli změnit na češtinu.

Nyní dle výpisu souborů výše zkuste odhadnout, kam část, na kterou se díváte, patří. Dle adresy se díváte na hlavní stránku blogu, takže šablonu bude obsahovat soubor index.php, česky označený jako Hlavní šablona.

Soubor index.php si nyní v administračním rozhraní otevřete pro editaci a vytvořte si jeho zálohu. Tedy: Označte si všechen text, vložte do schránky a z ní do samostatného nového souboru v počítači. V případě potřeby se k tomuto souboru opět vrátíte.

Obrázek:  05.jpg

Otevření souboru index.php pro editaci

Nyní si za předpokladu, že rozumíte anglicky, soubor projděte. Pokud anglicky nerozumíte, využijte služby překladače Google, který naleznete na adrese http://translate.google.cz/translate_t.

V něm pak pole Původní text naplňte obsahem ze souboru index.php. Zvolte překlad z angličtiny do češtiny.

Obrázek:  06.jpg

Google překladač

Po stisku tlačítka Přeložit obdržíte na pravé straně stránky český text.

Obrázek:  07.jpg

Přeložený soubor index.php

Byť text není 100% česky, jako vodítko toho, co se má přeložit, stačí. Původní kus kódu:

Posted in <?php the_category(', ') ?> by: <?php the_author() ?><?php edit_post_link('Edit',' ',''); ?>
<img src="<?php bloginfo('template_directory'); ?>/images/comments.png" alt="Comments" border="0" align="top" />
<?php comments_popup_link('No Comments', '1 Comment', '% Comments'); ?>

Nebo přeložený kus kódu:

publikováno v <?php the_category ( ',')?> by: <?php the_author ()?> <?php edit_post_link( 'Upravit', '','');?>
<img src = "<? php bloginfo ( 'template_directory');?> / images / comments.png" alt = "Komentáře" border = "0" align = "shora" />
<? php comments_popup_link ( 'Ne Komentář:', "1 komentář ','% Komentáře ');?> </ p>

Upravíte na:

Publikováno v kategorii <?php the_category(', ') ?> Autor: <?php the_author() ?><?php edit_post_link('Editovat',' ',''); ?>
<img src="<?php bloginfo('template_directory'); ?>/images/comments.png" alt="Comments" border="0" align="top" />
<?php comments_popup_link('Žádný komentář', '1 komentář', '% Komentářů'); ?></p>

Po uložení a znovu načtení hlavní stránky bude popis pod příspěvkem vypadat následovně.

Publikováno v kategorii <?php the_category(', ') ?> Autor: <?php the_author() ?><?php edit_post_link('Editovat',' ',''); ?>
<img src="<?php bloginfo('template_directory'); ?>/images/comments.png" alt="Comments" border="0" align="top" />
<?php comments_popup_link('Žádný komentář', '1 komentář', '% Komentářů'); ?></p>

Obrázek:  08.jpg

Přeložený text pod příspěvkem

Následujícím způsobem pak budete pokračovat v počešťování celého vzhledu.

Nyní, když jste si všechny soubory prošli a upravili, měli byste získat obdobnou hlavní stránku.

Obrázek:  09.jpg

Přeložený vzhled - hlavní stránka

Další anglické texty, které ve vzhledu vidíte, jsou dosazovány z existujících kategorií, stránek, odkazů a příspěvků. V následujících dílech se dozvíte, jak toto všechno změnit.

 

Diskuze (3) Nahoru