Textpattern V - vzhled: formy šablon

Využití forem

Formy nám nabízejí 2 možnosti jak je používat:

1. – jako statické části ze kterého se skládají stránky (např. patička webu, která je na všech stránkách stejná)
2. – jako dynamické části stránky (např. jakým způsobem se má vypsat seznam článků)

Statické formy

Statické formy zobrazují společné části html kódu do stránky. Jsou to všechny formy, které mají nastavený druh na custom, nebo section.

Vrátím-li se k příkladu z minulého dílu, tak jsme si na některé ze stránek definovali toto:

<txp:output_form form="head" />
<txp:if_article_list>
 <txp:if_section name="">
  <h1><txp:site_name /> - <txp:site_slogan /></h1>
 <txp:else />
  <h1><txp:section title="1" /></h1>
 </txp:if_section>
<txp:else />
 <txp:article form="single" listform="list" />
</txp:if_article_list>
<txp:output_form form="footer" />

Jak vidíme, na začátku a na konci jsou podobné txp tagy <txp:output_form form="head" /> a <txp:output_form form="footer" />

Pracovně nazývám takovéto načítání částí do stránek jako statické formy (i když ve skutečnosti zde můžeme mít i další nějaké dynamické generování, ale jednoduše to v drtivé většině používám k pouhému načítání stejných částí pro všechny stránky – patička, hlavička, menu webu apod.)

Tímto zápisem textpatternu říkáme, aby na začátek načetl formu nazvanou head a na konci načetl formu nazvanou footer. O tom jaký budou mít název si rozhodujete sami.

Pojďme se podívat co obsahuje moje forma footer

<br class="cistic" />
 <div id="footer">
....
 <p>Copyright 2009 Ivo Toman</p>
....
</div>
</body>
</html>

Jednoduše jsem do formy footer vložil html tagy. Klidně si můžete zvolit jinou strukturu webu, nebo za tečky dosadit např. kód pro měření návštěvnosti atd. Nic vás v tomto neomezuje.

Samozřejmě lze i do této formy vložit další formu (dynamickou či další statickou) a vytvořit si tak určitou hieararchii forem.

Když jsem říkal, že statické formy se používají jako společné části pro všechny stránky, nebyla to tak úplně pravda. I ve formách lze totiž rozlišit, zda-li formu načítá určitá rubrika (stránka) za pomocí tagu <txp:if_section name="nazev_rubriky"> nebo kategorie <txp:if_category name="nazev_kategorie"> V podstatě všechny tagy které používáte u stránek, můžete použít i ve statických formách.

Budu-li tak tedy chtít v patičce u copyrightu zobrazit pouze aktuální rok v rubrice aktuality, můžu si formu footer upravit takto:

<br class="cistic" />
 <div id="footer">
....
<txp:if_section name="aktuality">
 <p>Copyright <txp:php>echo date("Y");</txp:php> Ivo Toman</p>
<txp:else />
 <p>Copyright 2009 Ivo Toman</p>
</txp:if_section>
....
</div>
</body>
</html>

If tagy jsem zmiňoval již v minulém díle o stránkách, tudíž doporučuji si to prvně zopakovat a pak Vám bude výše uvedený kod hned jasný. Ve zkratce:

• jestliže formu načetla rubrika aktuality, použíj php funkci date a zobraz tak aktuální rok
• pokud formu nenačetla rubrika aktuality, potom vypiš rok 2009

Jak vidíte, není to nic složitého a můžete si za pomocí forem ve stránkách pěkně poskládat celý web.

Abyste si mohli ovšem ještě nějakým pěkným způsobem nechat vypisovat články z databáze, budete muset použít také dynamické formy.

Dynamické formy

Dynamické formy zobrazují (vypisují) články, komentáře nebo odkazy z databáze. Jedná se o formy, které mají nastavený druh na article, comment nebo link a určují jakým způsobem chceme tyto informace vypsat.

Podíváme-li se zpět nahoru na příklad, najdeme zde tag <txp:article form="single" listform="list" />

Jak název napovídá, jedná se o txp tag, který načte informace o článcích a za pomocí formy list (v tagu příkaz listform=„list“) vypíše seznam článků, pokud si uživatel některý z přehledu článků vybere a bude chtít zobrazit jeho detail, tak se použije forma single (form=„single“)

Není li u tagu txp:article zvolena forma, použíje se vždy výchozí – default.

Dynamické forma single

<h1><txp:title /></h1>
<txp:body />
<txp:output_form form="xx-social" />

Moc toho zde není. Nejprve jsem název článku <txp:title /> uzavřel do html tagu H1 a pod ním jsem nechal načíst obsah článku <txp:body />. Nakonec jsem si dal v dynamické formě načíst také statickou formu xx-social, kde mám ikonky na různé linkovací služby.

Dynamická forma list

<div class="post">
    <h3><txp:permlink><txp:title /></txp:permlink></h3>
  <div class="postContent">
    <txp:excerpt />
  </div>
  <ul class="postDetails">
    <li class="more"><txp:permlink>Celý článek...</txp:permlink></li>
    <li class="date"><txp:posted /></li>
    <txp:if_comments_allowed >
      <li class="comment"><txp:comments_invite showcount="0" textonly="0" /> (<txp:comments_count />)</li>
    </txp:if_comments_allowed>
  </ul>
</div>  <!-- End Post -->

Moje dynamická forma list, která slouží k vypsání přehledu článků je už o poznání bohatší.

Každý článek na výpisu bude obalen do divu s třídou post. Název článku <txp:title /> s odkazem na detail článku <txp:permlink> je jako nadpis H3. Poté následuje zkrácený výpisek článku <txp:excerpt />

Dále jsem si do nečíslovaného seznamu přidal odkaz na celý článek, datum vydání <txp:posted /> a pokud byly pro daný článek povoleny komentáře <txp:if_comments_allowed >, tak vypíše odkazy na komentáře článku s počtem komentářů <txp:comments_invite showcount="0" textonly="0" /> (<txp:comments_count />)

Nyní už byste měli dokázat poskládat si vlastní šablonu včetně vypsání informací takovým způsobem, jak Vám to vyhovuje.

Bohužel bez nastudování txp:tagů to jen tak nepůjde, ale pomůže Vám sám textpattern svými nápovědami v levém sloupci („Tvorba značek), které jsou rozděleny podle oblastí použití. Nezapomínejte, že formy a stránky používají v drtivě většině stejné txp tagy, tudíž lze hledat nápovědu i v části "stránky“.

Tímto bych celou sérii (kterou jsem natahoval tolik let :) uzavřel. Pokud budete mít dotazy, tak využijte komentáře, nebo použijte diskusi o textpatternu.

Vydáno: 18. únor 2010 | Změněno: 19. 02. 2010 00:17 | autor: Ivo Toman

Článek přečten: 199929 krát

« Textpattern IV - vzhled: stránky a styly - nastavujeme šablonu ¦

Textpattern v češtině s Texy a editorem

• Stáhnout Texptattern
• Zeptejte se ve fóru
• Galerie TXP webů
• Tipy a triky pro Textpattern
• Pluginy a doplňky
• Seriál o rs Textpattern

• Mapa webu
• Kontakt
• RSS

Hledat

Novinky o TXP

25
září

Možnost hodnocení v galerii

Přinášíme možnost hodnotit weby v naší galerii textpattern webů. Spolu s tím se pokusím si vyčlenit více času na přidávání webů, takže se nestyďte a podávejte žádosti.

22
červen

Textpattern 4.0.6

Po dlouhé odmlce opět přichází do záře reflektorů naše nová verze Textpatternu v češtině s integrovaným Texy2 a také Texylou, jenž je ajaxovým editorem pro Texy.

 

© 2004 - 2008 Redakční systém Textpattern

Webové stránky o redakčním systému provozuje www studio Ivorius webdesign, které tvoří také internetové obchody.