Wordpress šablona nové stránky. Jak vytvořit samostatnou (jinou) šablonu pro stránku a příspěvek na blog WordPress a proč je to nutné

Někdy je potřeba vytvořit novou webovou stránku s novými funkcemi. Například vytvořit službu pro kontrolu stránek TCI a PR, jejichž instalace a provoz byly popsány v článku „“. Možnosti standardních stránek WordPress nejsou neomezené a provádění skriptů na nich není zajištěno, proto chytří programátoři přišli s takovým krokem - vytvořit novou šablonu stránky, která bude „gumová“, tedy bude schopen jej naplnit jakoukoli funkcí.

Vytvoření nové šablony motivu není velký úkol, ale pro ty, kteří se s tím zabývají poprvé, může tento proces představovat určité potíže. Kde tedy začít? Vše je v pořádku – všechny vaše soubory motivů jsou umístěny v adresáři wp-content/themes/site theme/. Všechny postupy lze provádět prostřednictvím panelu správce a textového editoru, například Notepad nebo Notepad+. Zvolte vytvoření nové šablony stránky v souboru page.php – toto je příklad vaší standardní tématické stránky.

V textovém editoru vytvořte nový soubor, který bude novou šablonou stránky - například nov.php a zkopírujte do něj celý obsah souboru motivu page.php - to bude kostra nové stránky. Pak ji můžeme naplnit tak, jak chceme.

Soubor standardní stránky obsahuje volání záhlaví, zápatí, postranního panelu nebo několika (pokud jich má šablona motivu několik) a skutečný obsah stránky, stejně jako výstup komentářů a další užitečné věci. Ale abyste mohli uspořádat novou šablonu, musíte zadat následující kód úplně nahoře na stránce nov.php:

Název nemusí být velkými písmeny. Pokud se pak rozhodnete, že některé prvky stránky (například řádky) nepotřebujete, , ), lze je odstranit. To už ale platí pro tvorbu designu stránky. Nyní děláme špinavou práci. To znamená, že pomocí řádků volání určitých funkcí můžete změnit šablonu hlavní stránky k nepoznání.

Jak ale přimět tuto stránku, aby vykonávala určité pomocné funkce, tedy ty hlavní pro ni? Je nutné zadat akci, kterou tato stránka provede, tedy přesměrovat funkci na stránku šablony, která je zodpovědná za spuštění skriptu. V programovacím jazyce se tomu říká "zahrnout". Pro nás to bude linie, kde cesta TEMPLATEPATH."/mmouse-whois.php označuje cestu k souboru, což je služba whois - kontrola doménových jmen. Můžete organizovat jakékoli provádění skriptů - ankety, čítače atd.

V mém případě stránka nov.php plní dvě funkce. To znamená, že pokud vezmeme jeden příklad, soubor mmouse-whois.php kontroluje doménu podle adresy zdroje a soubor pagenavi.php kontroluje obsazenost domény podle IP adresy klienta. To znamená, že na stránce nov.php se provádějí dvě funkce najednou. Ale aby to fungovalo, vaše nová stránka vyžaduje přítomnost takových souborů v adresáři motivu, to znamená, že je tam musíte nahrát.

Po dokončení všech těchto úkolů se vraťte do konzole svého webu a vytvořte novou stránku jako předtím. Nyní ale budete mít možnost vybrat si nikoli základní šablonu stránky, ale novou, právě vytvořenou. Takto to bude vypadat:

Nyní byla vytvořena vaše nová šablona motivu. Můžete jej upravit podle libosti – odebrat nebo přidat postranní panel, nainstalovat nový soubor záhlaví motivu nebo transformovat zápatí souboru. Ale to je téma na jiný článek. A ve výše uvedeném příkladu vypadá existující a fungující a fungující stránka takto:

V nabídce administračního panelu WordPress jsou položky Příspěvky A Stránky, pomocí kterého můžete přidávat obsah na stránky. Příspěvky jsou určeny pro přidávání příspěvků (poznámek, článků) na stránky, které by měly být vytvořeny pro informace, které nespadají do kategorií - „Domů“, „O nás“, „Kontakty“. Chcete-li vytvořit záznam, klepněte na Příspěvky -> Přidat nové.

Otevře se stránka s textovým editorem, ve kterém se vytváří obsah. Editor standardně pracuje ve vizuálním režimu, což znamená, že okamžitě vidíte, jak bude obsah vypadat v prohlížeči a pracujete s ním zhruba stejně jako například v Microsoft Wordu. Pokud vám možnosti vizuálního editoru nestačí, můžete jej přepnout do textového režimu a poté se záznam zobrazí jako HTML kód a obsah můžete formátovat pomocí HTML tagů.

Minimální potřeba pro zveřejnění příspěvku je zadat název, přidat obsah a kliknout na tlačítko Publikovat. WordPress umožňuje příspěvky bez názvu a bez textu, ale takové příspěvky nemají smysl.

Po zveřejnění se záznam objeví na hlavní stránce webu.

Před publikováním se doporučuje podívat se, jak bude příspěvek vypadat na webu - za to je zodpovědné tlačítko Pohled. Pokud poznámka ještě není připravena, ale chcete práci odložit a vrátit se k ní později, klikněte na tlačítko Uložit. CMS za vás uloží koncept příspěvku, aniž by jej publikoval na webu.

Můžete nastavit formát příspěvku (je žádoucí, aby odpovídal obsahu poznámky, např. v položce formátu Video Je lepší zveřejnit video, nikoli obrázky, miniaturu (obrázek, který se zobrazí v oznámení příspěvku na hlavní stránce) a štítky. Můžete také vybrat kategorii, do které publikace patří. Odpovídající karta je samozřejmě zodpovědná za správu oddílů ( Příspěvky -> Kategorie), ale novou kategorii lze přidat přímo ze stránky pro úpravy příspěvku. Chcete-li to provést, musíte kliknout na odkaz Přidat novou kategorii, vyberte nadřazenou kategorii a klikněte Přidat novou kategorii.

Nastavení nadřazených sekcí je relevantní při vytváření podkategorií článků. Máte například rozsáhlou sekci „Medicína“, napsali jste článek o čínské medicíně a chápete, že v této podskupině bude mnohem více položek. Poté vytvoříte kategorii „Čínská medicína“ a určíte „Medicína“ jako nadřazenou kategorii, čímž získáte podsekci „Čínská medicína“ v sekci „Medicína“.

Vytvořené příspěvky (publikované i koncepty) lze vidět na stránce Příspěvky -> Všechny příspěvky. Lze je prohlížet, měnit, mazat. Kromě toho můžete změnit nejen text nebo název příspěvku, ale také parametry, jako je štítek a datum zveřejnění. Kromě toho lze každý záznam chránit heslem nebo nastavit jako soukromý, takže ho nevidí nikdo kromě vás,

Stránka úprav se téměř neliší od stránky vytváření příspěvků.

Z tab Příspěvky -> Kategorie můžete spravovat kategorie příspěvků, včetně přidělování jim štítků a popisů, což vám stránka pro úpravu příspěvků neumožňuje.

Práce se stránkami se příliš neliší od práce s příspěvky: editor je úplně stejný, vlastnosti a akce jsou stejné, ale existuje několik rozdílů, které nejsou na první pohled patrné.

V bloku Atributy stránky můžete zadat sériové číslo a vybrat šablonu stránky, která určí její vzhled. Ve výchozím nastavení je použit design Základní šablona, seznam dalších závisí na aktivním tématu.

Ve správě příspěvků, kategorií a stránek není v zásadě nic složitého, téměř vše je intuitivní a nevyžaduje vysvětlení.

Nedávno byl vydán manuál o. V počáteční fázi měl úvodní charakter, ale zahrnoval i praktické příklady. Tímto směrem bych chtěl pokračovat, jen pozor na stránky. Materiál na toto téma je multifunkční, to znamená velmi rozsáhlý. Proto bude obtížné otevřít všechny funkce šablony stránky v jednom článku. Pokusíme se ale dotknout alespoň nepřímých detailů a samozřejmě hlavních parametrů.

Hierarchie stránek

Hierarchie znamená posloupnost od nejvyšší úrovně až po samotnou nejnižší úroveň nebo naopak. V našem případě se jedná o stejné pořadí pravomocí souborů šablon pro stránku. Když se uživatel dostane na některou z vašich stránek, WordPress zobrazí její obsah na základě možnosti vytvoření stránky (více níže).

Vlastní šablona– je označeno podmíněným komentářem nahoře uvnitř souboru s libovolným názvem.

page-slug.php– šablona s názvem stránky (zástupce). Pokud nebyla zadána vlastní šablona, ​​pak WordPress používá tento typ jako hlavní.

page-id.php– jedinečný identifikátor stránky.

stránka.php– standardní soubor odpovědný za obsah stránek.

index.php– indexový soubor. Pokud WordPress nenajde žádnou z výše uvedených šablon, bude za stránky ve výchozím nastavení zodpovědný on.

Pozor. Ve WordPressu existuje také šablona stránky s názvem paged.php, ta však neslouží k zobrazení jednotlivých stránek příspěvků, ale k zobrazení seznamu stránek v archivech příspěvků.

Vytvořte vlastní šablonu pro hromadné použití

Existuje několik možností pro vytvoření šablony s jejich klady a zápory, téměř bezvýznamné. Tato možnost, kterou nyní zvážíme, je nejběžnější. Prvním krokem je vytvoření souboru php nebo duplikace standardní stránky.php. Poté jej uložte pod jiným názvem, například templates_my.php. Poté přidejte komentář na začátek souboru:

Dalším krokem je nahrání souboru do vašeho motivu, přejděte na panel administrátora na kartu „Stránky - Přidat nový“ nebo můžete otevřít existující. V atributech stránky vyberte, která šablona bude na této stránce použita.

Pokud náhle nemáte panel „Atributy stránky“, stačí jej zobrazit zaškrtnutím políčka v nastavení obrazovky v pravém horním rohu.

Hromadné použití znamená, že tento typ šablony lze použít na jakékoli stránky webu. Na rozdíl od specializovaného, ​​který byl vytvořen s konkrétním identifikátorem stránky nebo štítkem.

Poradenství. Šablona vytvořená tímto způsobem může být umístěna v podsložce aktuálního tématu. Bez zabírání místa navíc a vytváření kompaktního vzhledu.

Důležité. Nepoužívejte předponu page- jako název stránky šablony. Protože WordPress bude soubor interpretovat jako specializovaný, což se jednoznačně vztahuje pouze na jednu stránku.

Vlastní šablony stránek

Druhý způsob je určen pouze pro určité stránky bez výjimky. Uveďme příklad pomocí starého schématu. Řekněme, že máte stránku s názvem „Portfolio“, ve výchozím nastavení je její štítek přeložen do anglického slova „portfolio“. To lze vidět v nastavení „Vlastnosti stránky“. Nyní jednoduše duplikujeme soubor page.php a přejmenujeme jej na page-portfolio.php.

ID je vytvořeno úplně stejným způsobem, pouze štítek je nahrazen ID stránky. Nachází se v adresním řádku, sekce „Pages-Edit“ vypadá jako tento příspěvek=9 . Stejným způsobem je duplikován standardní soubor a přejmenován na page-9.php.

Důležité. Šablona stejného typu, která byla vytvořena pouze pro konkrétní stránku, nemůže být umístěna v podsložkách motivu. Úplně stejné jako v dětských tématech.

Praktická ukázka tvorby šablony stránky

Nyní, jako příklad, vytvořte šablonu založenou na první možnosti a změňte v ní smyčku přidáním výstupu kategorií se záznamy. Otevřete libovolný editor, přidejte níže uvedený kód, uložte jej pod názvem template_my.php a nahrajte na server.

    Kategorie-1

    have_posts()): $the_query -> the_post(); ?>
  • ">

    Kategorie-2

    have_posts()): $the_query -> the_post(); ?>
  • ">

    Kategorie-3

    have_posts()): $the_query -> the_post(); ?>
  • ">

Nyní je potřeba zapsat styly do souboru style.css

My_main ( box-shadow: 0 1px 2px rgba(0, 0, 0, 0,1); margin: 20px auto; padding: 15px; background: #fff; width:1000px; ) .page_cat ( margin: 0 9px 20px; padding: 15px; vertical-align: top; .page_cat h2 ( barva: #676767; písmo: bold 18px arial; margin-bottom: 20px; ) .page_cat li a ( text-decoration : none; color: #2879af ; display: block ) .page_cat li ( margin-bottom: 6px; padding: 3px 3px 3px 10px; display: block; ) .page_cat li a:hover (text-decoration: underline; ) . 2n) ( pozadí: #f7f7f7; )

Zbývá udělat jen jednu věc: v administračním panelu v záložce „Pages-Edit“ specifikujte naši dříve vytvořenou šablonu „example template“ v atributech stránky.

Výsledek.

Podmíněné značky stránky

V posledním odstavci se budeme zabývat několika podmíněnými značkami. Jsou zapsány ve standardním souboru page.php.

Zobrazení prvků na konkrétních stránkách

/images/img.png"/> /images/img.jpg"/> /images/img.jpg"/> /images/img.jpg"/>

informační výstup

"; } ?>

Většina stránek ve WordPressu vypadá stejně, ale někdy je potřeba změnit vzhled a strukturu konkrétní stránky nebo skupiny stránek. To lze snadno provést pomocí šablon stránek WordPress.

Co jsou šablony stránek

Témata WordPress se skládají z několika souborů šablon, které se používají k zobrazení domovské stránky, příspěvků, archivů, výsledků vyhledávání, stránek a dalších. Mezi těmito soubory mohou být také šablony stránek, které můžete vybrat při publikování stránek na panelu administrátora WordPress:

Různé motivy mohou poskytovat různé šablony stránek, například šablonu pro stránku s plnou šířkou (bez postranního panelu), s levým postranním panelem namísto pravého a tak dále. Absence této možnosti při úpravách stránek znamená, že téma nemá deklarované další šablony.

Šablony stránek lze použít pro více než jednu stránku a některá témata vytvářejí velmi specifické šablony, které jsou určeny k použití pouze jednou. Stejně jako šablona doporučeného obsahu ve standardním tématu Twenty Eleven:

Tato šablona zobrazuje nalepené příspěvky s jejich miniaturami v malém posuvníku. Stránku s takovou šablonou lze snadno použít místo hlavní stránky webu změnou nastavení v sekci Nastavení → Čtení.

Jak vytvořit vlastní šablonu stránky

Při použití podřízeného motivu můžete také umístit šablony stránek do kořenového adresáře nebo podadresáře, a pokud bude vydána aktualizace nadřazeného motivu, vaše soubory nebudou ovlivněny.

Kdy nepoužívat šablony stránek

Pokud pomocí šablony změníte pouze styl a nikoli strukturu konkrétní stránky, můžete to provést bez použití dalších šablon.

WordPress má pomocníka, který se používá ve většině existujících témat. Pomocí výstupů tříd touto funkcí můžete změnit styl libovolné jedné stránky:

/* Skrytí postranního panelu na stránce 123 */ body.page-id-123 #secondary ( display: none; )

Šablony stránek by se také neměly používat ke změně parametrů hlavní smyčky WordPress, například k přidání vlastního typu příspěvku nebo vyloučení kategorie. Pro takové účely existuje speciální filtr.

Pokud máte nějaké dotazy ohledně práce se šablonami stránek ve WordPressu, rádi je zodpovíme v komentářích.

Typy příspěvků WordPress jsou nejširším polem pro vývojáře. WordPress nativně obsahuje 5 hlavních typů příspěvků: příspěvek, stránka, příloha, revize a navigační nabídka.

Příspěvky a stránky jsou hlavními typy příspěvků pro zveřejňování obsahu na webu. A je mezi nimi několik rozdílů.

Příspěvky, se na domovské stránce blogu obvykle objevují v opačném pořadí a stránky se zobrazují bez data publikace. Kategorie a štítky lze také připojovat k příspěvkům, nikoli však ke stránkám (i když to lze provést v nastavení).

Stránky lze strukturovat v pořadí. To je užitečné zejména pro organizaci obsahu pro vlastníky a návštěvníky stránek.

Návrhy stránek lze také snadno změnit pomocí různých šablon stránek. Umožní vám změnit styl jakékoli stránky na vašem webu.

Podívejme se blíže na to, jaké šablony stránek existují a jak je lze použít pro web.

Proč nepoužít různé šablony stránek?

Témata WordPress obvykle používají šablonu stránka.php, který definuje styl všech stránek na webu. Většina vývojářů motivů vytváří šablonu domovské stránky pomocí stejného principu. Tato šablona zobrazuje obsah stránky a ve výchozím nastavení určuje, které prvky návrhu na ní budou (například záhlaví, postranní panel, zápatí atd.).

Ve výchozím nastavení je šablona stránky (page.php) nakonfigurována tak, aby se na stránce zobrazoval veškerý potřebný obsah.

Vytvoření jedinečné šablony stránky vám umožní překročit standardy WordPress a změnit zobrazení obsahu na vašem webu podle vašich představ. Můžete například změnit design stránek odstraněním postranního panelu. Můžete také změnit výchozí písmo a použít jiné záhlaví, než jaké nabízí domovská stránka.

Nejznámější vlastní šablona stránky je Archiv(šablona archivní stránky archiv.php). Je k dispozici v mnoha tématech WordPress a obsahuje veškerý obsah webu, který je rozdělen na stránky, kategorie, značky, data archivu, archivy autorů.

Mnoho archivních šablon také zobrazuje úplný seznam blogových příspěvků a pole pro vyhledávání příspěvků na webu. Archivní šablona je v podstatě mapa webu, která pomáhá uživateli najít to, co hledá.

V motivech můžete najít další typy šablon stránek, například:

  • Kontaktní formulář
  • Stránky bez postranního panelu (sidebar)
  • Vstupní stránka (vstupní stránka)
  • Index blogu

Možnosti šablon stránky jsou nekonečné. Vše závisí na tom, jak pohodlné chcete vytvořit svůj web pro koncového uživatele.

Jak vybrat šablonu pro stránku?

Přidání šablony stránky je velmi snadné. V editoru stránek napravo uvidíte okno (widget) s názvem „ Atributy stránky" Nachází se pod oknem" Publikovat».

V atributech stránky můžete v odpovídajícím poli vybrat nadřazenou stránku a pořadí, ve kterém bude umístěna na web. A možnost mezi nimi umožňuje změnit šablonu. Vše, co musíte udělat, je vybrat šablonu pro stránku a aktualizovat ji.

Šablonu lze změnit i jinak - přes seznam všech stránek. Stačí kliknout na " Vlastnosti».

Poté změňte šablonu v možnostech nabídky vpravo.

Možnosti šablony se nezobrazí, pokud váš motiv používá pouze šablonu standardní stránky.

Vytvoření základní šablony stránky pro web

Vytvoření nové šablony stránky pro váš web WordPress je jednodušší, než si myslíte. K tomu nepotřebujete mít zkušenosti s vývojem a tvorbou motivů nebo pluginů.

Stačí použít kód stránka.php existující šablonu motivu jako základ pro novou šablonu stránky. Řekněme například, že používáte starý výchozí motiv Twenty Twelve. Soubor stránka.php má následující kód:

Tento kód můžete použít k vytvoření nové šablony stránky. Chcete-li to provést, stačí se ujistit, že komentář ke kódu je umístěn v horní části nového souboru. Tím bude tento soubor definován jako šablona stránky:

/* Název šablony: Moje vlastní šablona stránky */

Vaše šablona stránky bude vypadat takto:

Projdeme si proces vytváření základní šablony stránky a pokusíme se vytvořit šablonu stránky v plné šířce bez použití postranního panelu. Téma Twenty Twelve je dodáváno se šablonou v plné šířce po vybalení, ale budeme předstírat, že tomu tak není, protože ji potřebujeme pro náš tutoriál.

Ve standardní šabloně je postranní panel stránky zobrazen na pravé straně:

Šablona standardní stránky v tématu Twenty Twelve

Je snadné vytvořit novou šablonu stránky bez postranního panelu.

Nejprve musíte vytvořit nový soubor pomocí libovolného textového editoru (postačí Poznámkový blok nebo Poznámkový blok++). Dá se to nazvat nějak jednoduše, např. nosidebar-page.php nebo celá stránka.php(o názvech souborů si povíme trochu později). Poté nahrajte soubor na svůj web tak, aby byl umístěn vedle souboru page.php.

Naše šablona je v podstatě šablona z stránka.php Dvacet dvanáct témat, odstraněn pouze kód.

Vypadá to takto:

Jakmile je soubor šablony načten do vašeho motivu, lze jej použít pro všechny stránky. Můžete také propojit stránku s touto šablonou a odstranit její boční panel.

Ale to není všechno. Zatím jsme odstranili pouze boční panel. Musíme zajistit, aby byl obsah zveřejněn přes celou šířku stránky. Mezitím zabírá pouze dvě třetiny stránky:

Pokud se podíváte na náš kód šablony, uvidíte, že většina obsahu je pod vlivem konkrétní třídy CSS:

Druhá část class="site-content" je zodpovědná za styl hlavní části obsahu. Pokud zkontrolujete soubor stylu ( styl.css) témat, všimnete si, že tato třída se nachází téměř úplně dole:

Obsah webu ( plovoucí: vlevo; šířka: 65,104166667 %; )

Abychom obsah rozšířili na celou stránku, musíme změnit šířku oblasti obsahu z 65 % na 100% . Ale není potřeba měnit třídu obsahu webu, protože stále se používá v jiných šablonách, jako je normostrana stránka.php a šablonu příspěvku single.php. Změna procenta obsahu webu ovlivní všechny příspěvky a stránky na vašem webu, které zabírají celou šířku stránky.

Potřebujeme tedy vytvořit novou třídu, která se používá speciálně pro stránky s plnou šířkou:

Site-content-fullwidth ( plovoucí: vlevo; šířka: 100 %; )

Po aktualizaci souboru styl.css S výše uvedenou třídou musíme změnit naši šablonu na plnou šířku stránky a ujistit se, že odkazujeme na třídu CSS na 100% šířku:

Naše finální šablona bude vypadat takto:

Tato aktualizovaná šablona potvrzuje, že obsah na našem webu bude zobrazen na celé stránce:

Nyní je obsah webu zobrazen přes celou stránku

Vše výše uvedené lze provést v libovolném tématu WordPress. Chcete-li to provést, odstraňte postranní panel ze šablony stránky, kterou jste vytvořili, a ujistěte se, že jste změnili správnou třídu šablony stylů.

Jak pojmenovat šablony stránek

Podle hierarchie šablon WordPress zobrazuje WordPress šablony pro stránku v následujícím pořadí:

  • Vlastní šablona
  • stránka-(slug).php
  • page-(id).php
  • stránka.php
  • index.php

Bude pro vás snazší, když budete mít představu o pořadí těchto vzorů, protože vám to pomůže pochopit, proč je stránka navržena konkrétním způsobem.

Toto pořadí znamená, že WordPress vždy zobrazí šablonu pro stránku, pokud k ní byla nějaká připojena. Pokud na stránku nebyly přidány žádné šablony, WordPress vyhledá page-(slug).php.

Pokud šablona page-(slug).php není nalezena, WordPress hledá šablonu podle ID stránky. Pokud je například ID stránky = 15, WordPress bude hledat šablonu stránky s názvem 15.php.

Pokud šablona není svázána se stránkou a neexistují žádné shody s ID stránky, pak WordPress hledá pomocí standardní šablony stránky page.php. A pokud šablona page.php neexistuje, tak se pro vyhledávání používá index.php.

Mnoho vývojářů pojmenovává své šablony motivů pomocí formátu page-name.php. Například šablona stránky kontaktu se nazývá page-contact.php. Celkově můžete šablony pojmenovat podle svého uvážení a použít libovolnou konfiguraci, ať už je to stránka-název.php, název-stránka.php nebo název.php. V každém případě budete moci tato jména v budoucnu změnit.




Nahoru