Čo je téma WordPress, z čoho pozostáva a ako si vybrať tému (šablónu) pre blog WordPress. Ako odstrániť tému

  • 29.04.2019

Milí dôchodcovia, špeciálne pre VÁS vám prezradím, čo je WordPress šablóna, prečo je potrebné zmeniť jej štruktúru a ako na to.
Pri navrhovaní stránky alebo blogu pre dôchodcov je ťažké nájsť vhodnú šablónu. Nepáči sa vám obrázok pre mládež a chcete pridať alebo odstrániť ďalšie prvky dizajnu na stránke. Pre túto akciu určite by ste sa mali zoznámiť základné znalosti a vedieť čítať HTML kódy a CSS.

Takmer vo všetkých článkoch a lekciách na internete píšu o úprave šablóny a uvádzajú názvy súborov.Ak si pozorne prečítate latinské názvy, môžete intuitívne uhádnuť, čo znamenajú.
Celá WordPress šablóna je tvorená súbormi s príponou .php.

Prejdite na admin panel VZHĽAD, potom EDITOR a v stĺpci napravo vidíte všetky súbory otvorené na úpravu Nájdite požadovaný súbor, upravte ho. Nezabudnite kliknúť na tlačidlo UPDATE v spodnej časti stránky.

Tento spôsob je veľmi pohodlný, ak potrebujete vykonať drobné opravy. Úpravy cez admin panel sú jednoduché, rýchle, bez doplnkové programy a zadaním hesla. Nevýhody - editor šablón nemá funkciu číslovania riadkov a zvýrazňovania kódu, takže úprava závažného a početného kódu týmto spôsobom nie je príliš pohodlná.Takáto úprava sa robí pomocou iných programov.

Približné rozloženie štruktúry šablóny wordpress je znázornené na obrázku.

V takejto sade sú súbory zodpovedné za určité funkcie a časti stránky. Niektoré zo súborov sa používajú na stránke lokality, niektoré sú len in konkrétne prípady. Každú stránku webu je možné poskladať rovnakým spôsobom ako konštruktor, jednoducho budú súbory ako časti, ktoré sú spojené s ľubovoľnou stránkou, ktorá podporuje funkciu include.
Poďme sa na ne pozrieť.

Ako je WordPress šablóna organizovaná a z čoho pozostáva?

1 súbor. header.php - zobrazí sa známy súbor vyššia časť stránka, nazýva sa to „hlavička“ a používa sa úplne na všetkých stránkach. Je tu zavedených množstvo skriptov na konfiguráciu stránky.Do hlavičky sa zadáva logo, horné menu, slogan a mnoho ďalších prvkov.

2 súbor. footer.php – zobrazuje spodnú časť stránky, ktorá sa nazýva „päta“. Taktiež „päta“ sa odráža na každej stránke webu.Vo väčšine prípadov sa do nej zapisujú počítadlá návštev, kontaktné údaje a autorské práva.

3 súbor. sidebar.php - rovnako ako prvé dva súbory sa odráža na akejkoľvek stránke webu a je zodpovedný za zobrazenie bočného panela (toto je bočný stĺpec). Najčastejšie sú v ňom umiestnené užitočné widgety -
najlepšie komentáre, vyhľadávanie a formulár na odber. Najpopulárnejšie sú šablóny s jedným alebo dvoma bočnými panelmi, ktorých umiestnenie závisí od tvorcu šablóny.

4 súbor. index.php - vypíše a zobrazí všetok obsah domovskej stránke.

5 súbor. page.php - zodpovedá za trvalé (statické) stránky webu.Nemýľme si ich so záznamami, ktoré sa menia.
Príspevky patria k vašim článkom a stránky sa zvyčajne nachádzajú v hlavnom menu.

6 súbor. single.php – tento súbor, na rozdiel od page.php, vydáva každú položku. Vzhľad stránky, na ktorej túto minútučítate článok, tvoria sa práve v tomto súbore.

7 súbor. archive.php - archívny súbor všetkých záznamov Občas je k dispozícii súbor category.php (výstup kategórií), tag.php -súbor zobrazuje archívy záznamov podľa tagov.

8 súbor. search.php - zobrazuje vyhľadávanie a teda zodpovedá za samotné vyhľadávanie na stránke.

9 súbor. 404.php - Zobrazí chybovú stránku.

10 súbor. comments.php - generuje komentáre pre stránky a príspevky.

11 súbor. function.php - obsahuje všetky funkcie, ktorých práca závisí od a vzhľad stránky sú určené akcie používateľov.

12 Súbor style.css je hlavným štylistickým súborom šablóny, tvorí vzhľad prvkov blogu alebo stránky. Pri úprave WordPress šablóny je to súbor, s ktorým sa najčastejšie pracuje. Tvorí celý obsah stránky – farba odkazov, obrázkov, videí atď.

Milí dôchodcovia, ak SI NIESTE ISTÍ vedomosťami, neriskujte a prerobte si šablónu sami. Ale ak narazíte na lekciu, ktorá ukazuje, ako vložiť kód na konkrétne miesto v súbore, potom si nezabudnite uložiť databázy a . V závislosti od nájdenej šablóny sa v nej môžu nachádzať ďalšie súbory Napíšte o zložení vašej šablóny a o tom, s akými ťažkosťami ste sa stretli pri jej úprave.

WordPress šablóna pozostáva zo sady súborov. Keď viete, za čo je tento alebo ten súbor zodpovedný, môžete si tému upraviť podľa vlastných potrieb, pričom máte aspoň základné znalosti HTML, PHP a CSS. A ak takéto znalosti nemáte, môžete to zistiť pomocou vstavaných nástrojov.

V tomto článku vám poviem o súboroch tém WordPress a o tom, za čo sú zodpovedné.

Pri načítavaní každej stránky webu určité súbory, z ktorých každý plní svoju vlastnú funkciu. Niektoré súbory sa musia používať na celej lokalite, na každej stránke, zatiaľ čo iné sa môžu používať iba v určitých častiach lokality.

Súbory šablón WordPress sú ako tehly alebo prvky konštruktora, ktoré tvoria stránku. Pre individualizáciu konkrétnu stránku môžete odstrániť alebo použiť, ako aj zmeniť konkrétny súbor.

Nižšie je uvedená tabuľka, ktorá popisuje hlavné súbory šablón WordPress.

Základné súbory
Index.phpJe hlavnou šablónou. Píše kód, ktorý je zodpovedný za umiestnenie a načítanie iných súborov na stránke. Tento súbor tiež generuje hlavnú stránku v prehliadači.
page.phpGeneruje jednotlivé stránky.
single.phpGeneruje jednotlivé položky.
sidebar.phpGeneruje bočné panely na stránke, bočné stĺpce.
hlavička.phpVytvorí hlavičku pre lokalitu. Spravidla obsahuje logo a navigačné menu.
footer.phpVytvorí pätu alebo pätu lokality – toto je spodná časť.
funkcie.phpRegistruje funkcie, ako napríklad vzhľad cybarov, oblasti ponuky a iné.
style.cssŠablóna štýlov, ktorá obsahuje pravidlá pre vzhľad všetkých prvkov lokality: písma textu, veľkosti, farby prvkov, ich relatívnu polohu atď.
Záznam výstupných súborov
category.phpZobrazuje položky v konkrétnej kategórii.
tag.phpZobrazuje záznamy konkrétneho štítku (tagu).
autor.phpZobrazuje príspevky od konkrétneho autora.
archív.phpZobrazuje záznamy pre určitý dátum, teda archívy článkov.
Ďalšie súbory
komentáre.phpZobrazuje komentáre a formulár na pridávanie komentárov.
search.phpZobrazí výsledky na stránke pre dopyt vo formulári vyhľadávania.
príloha.phpVypíše pripojený súbor.
404.phpZodpovedá za zobrazenie stránky 404, ktorá sa zobrazí po kliknutí na neexistujúci odkaz.

Vyššie uvedený zoznam súborov je voliteľný. Niektoré z nich môžu v určitých témach chýbať a určité šablóny môžu byť doplnené inými súbormi.

Hierarchia súborov

Vizuálne a zjednodušeným spôsobom môžete reprezentovať hierarchiu súborov šablón WordPress ako na obrázku nižšie. Pamätajte, že témy môžu byť individuálne a možno bude niečo iné.

Hierarchia súborov šablón WordPress

Ako upraviť súbory šablón WordPress

Úprava súborov šablón WordPress vám umožňuje zmeniť tému podrobnejšie a hlbšie, ako vývojár zamýšľal. Aby to fungovalo, musíte pochopiť hierarchiu a funkčnosť samotných súborov a aspoň ich vlastniť základné znalosti jazykoch PHP programovanie, CSS a HTML .

Aj keď ovládate programovacie jazyky, pred úpravou akéhokoľvek súboru ho určite urobte zálohovanie aby ste v prípade nehody mohli tému vrátiť do funkčného stavu.

Súbory šablón WordPress je možné upravovať priamo v konzole. Ak to chcete urobiť, prejdite na položku „Vzhľad“ a vyberte podpoložku „Editor“. Tu v ľavom zozname bude dostupné súbory a vpravo - obsah vybraného súboru. Tento editor nepodporuje zvýrazňovanie syntaxe. Preto je pohodlnejšie skopírovať obsah súboru do nejakého editora tretej strany, napríklad NotePad ++, tam ho zmeniť a vrátiť späť.


Dnes chcem hovoriť o témach dizajnu pre blog WordPress (čítaj). Keď viete, ako je ktorákoľvek téma zásadne usporiadaná, bude pre vás jednoduchšie vykonať v nej potrebné zmeny alebo doplnky. V zásade na tom nie je nič zložité, ale spočiatku sa môže objaviť množstvo nezrozumiteľností a otázok, takže sa pokúsim povedať všetko čo najpodrobnejšie a najprístupnejšie.

Stiahnite si tému pre WordPress môže byť zadarmo napríklad odtiaľto. Po stiahnutí šablóny ju musíte rozbaliť. Potom budete musieť pristupovať na svoje stránky pomocou FTP protokol a skopírujte priečinok s témou WordPress získanou po rozbalení do adresára:

Ako je to usporiadané a z akých šablón sa skladá téma WordPress?

V oblasti Aktuálna téma sa zobrazí aktuálne používaná téma. tento moment. Naša, novo pridaná, by sa mala objaviť v oblasti "Dostupné ...". Kliknutím na tlačidlo "Ukážka" môžete vidieť, ako to bude vyzerať daná šablóna v súvislosti s obsahom vášho blogu.

Ak chcete použiť motív, ktorý sa vám páči, musíte kliknúť na tlačidlo „Aktivovať“ vedľa jeho náhľadu. V dôsledku toho sa miniatúra presunie do oblasti „Aktuálne ...“ a podľa vašich predstáv sa zmení aj vzhľad blogu.

Všetko sa zdá byť jednoduché a jasné. Je ale nepravdepodobné, že nájdete tému pre WordPress, ktorá by stopercentne spĺňala všetky vaše požiadavky. Určite budete chcieť niečo zmeniť, odstrániť alebo pridať. Ale ako na to? Nie je to obzvlášť ťažké, ale na to musíte vedieť a pochopiť, ako to funguje, z akých súborov (šablón) pozostáva a za čo presne je každý z týchto súborov zodpovedný.

Téma vždy obsahuje určitý súboršablón, ktoré sú zodpovedné za dizajn jednotlivých sekcií akejkoľvek webovej stránky vášho blogu. Ukazuje sa, že všetky webové stránky sú zostavené zo samostatných súborov, ako napríklad konštruktor.

Niektoré z týchto súborov, ako napríklad HEADER a FOOTER, sa používajú na všetkých stránkach blogu, iné sa používajú iba v určité prípady. Schematicky môže byť štruktúra šablón tém vo WordPress znázornená takto:

HEADER je zodpovedný za zobrazenie hlavičky všetkých stránok, t.j. vrchná časť. Tvoria sa v ňom aj meta tagy, ktoré sú zahrnuté v hlavičke HTML kódu všetkých web stránok – title Stránky TITLE, špecifikuje sa kódovanie ruského jazyka, špecifikuje sa cesta k súboru so štýlom, ktorý musí byť pripojený pre nastavenie dizajnu tejto webovej stránky atď.

Ako som už písal v článku, časti kódu s nepotrebnými volaniami databázy v HEADER môžete nahradiť statickým HTML kódom, aby ste odstránili extra záťaž na server pri generovaní webových stránok.

Hlavička, vygenerovaná tiež v HEADER, zostáva rovnaká pre všetky webové stránky, ale obsah oblasti obsahu blogu je generovaný rôznymi šablónami tém v závislosti od toho, aký obsah sa zobrazuje. Pozrime sa na to podrobnejšie:

  1. súbor INDEX je zodpovedný za zobrazenie obsahu hlavnej stránky
  2. SINGLE je zodpovedný za zobrazovanie stránok s článkami
  3. pri zobrazení obsahu dočasného archívu článkov (podľa rokov a mesiacov), pri zobrazení obsahu archívu tagov (štítkov), ako aj pri zobrazení obsahu kategórií sa zvyčajne používa rovnaká šablóna ARCHÍV
  4. SEARCH je zodpovedný za zobrazovanie výsledkov vyhľadávania v blogu
  5. za zobrazenie statických stránok (napríklad „O blogu“) je zodpovedný súbor PAGE z priečinka s aktuálnou témou

Súbor FOOTER je zodpovedný za vytvorenie päty vo WordPress (päta, spodná časť webovej stránky). Zvyčajne zobrazuje názov blogu so slovami, že všetky práva sú vyhradené (toto sa nazýva autorské právo a pomocou neho). Aj do FOOTER môžete pridať kód počítadiel zásahov (napríklad ), ak ich budete používať na svojom zdroji.

Pre výstup bočného panela (bočný panel - bočný panel WP blog) napravo alebo naľavo od strednej časti stránok zodpovedá BOČNÍKU. V každej konkrétnej téme je možné okrem SIDEBARu použiť niekoľko ďalších šablón bočného panela. V mojom prípade je bočný panel najprv vytvorený z kódu SIDEBAR, ale potom sa z neho pristupuje k SIDEBAR1 a SIDEBAR2, ktoré tvoria jeho dvojstĺpcové pokračovanie (teraz sú vypnuté).

Keď poznáte štruktúru témy, ktorú používate, môžete ľahko pochopiť, ktorý súbor bude potrebné upraviť, aby ste dosiahli požadovaný efekt. Okrem toho existujú možnosti použitia rôznych šablón v závislosti od toho, ktoré z nich sú k dispozícii. Spočiatku sa to zdá mätúce, ale po prečítaní konca článku pochopíte, že všetko je tu celkom logické a premyslené.

Príklad prepojenia šablón z témy

Najjednoduchší spôsob, ako hovoriť o tom, ako používať šablóny na zobrazenie konkrétnej stránky blogu, je nejaký príklad. Predpokladajme, že návštevník otvorí webovú stránku so zoznamom článkov v kategórii (nadpis). Ktorý súbor z aktuálneho priečinka témy by sa mal spustiť?

Na základe toho, čo bolo napísané vyššie, môžete usúdiť, že na zobrazenie obsahu tejto webovej stránky WordPress engine Je potrebné použiť ARCHÍV. V tomto prípade budete mať pravdu len čiastočne. Áno, táto šablóna sa skutočne použije na zobrazenie kategórií, ale iba ak bude splnených niekoľko podmienok.

Pozrime sa, čo robí WordPress, keď návštevník klikne na odkaz vedúci do kategórie. Najprv v aktuálnom priečinku témy:

wp-content/themes/name_

tento engine vyhľadá súbor, ktorý je zodpovedný za výstup tejto konkrétnej kategórie. A odvtedy sú identifikované podľa ID, potom bude hľadať KATEGÓRIA-n. Tu N je identifikačné číslo tejto kategórie (). Takýto súbor sa však vo vašom priečinku témy môže zobraziť iba vtedy, ak ste ho sami vytvorili pre túto kategóriu.

Ak ste to však neurobili, WordPress, ktorý nenájde takýto súbor (napríklad KATEGÓRIA-12), bude hľadať KATEGÓRIA, ktorá je už spoločná pre všetky kategórie (bez ohľadu na ich ID). Ak sa takýto súbor tiež nenájde, potom už bude hľadať spoločnú šablónu na zobrazenie všetkých archívov s názvom ARCHÍV.

ARCHÍV s najväčšou pravdepodobnosťou nájde vo vašom aktuálnom priečinku témy, ale ak sa stane niečo strašné - nebude to ani existovať - ​​WordPress bude nútený použiť hlavný súbor s názvom INDEX.

Tu je návod, ako to dopadá Logika používania šablón vo WordPress. Teraz, vyzbrojení vyššie uvedeným príkladom, sa pozrime na to, ako ich použiť pre rôzne webové stránky blogu.

Ako WordPress pristupuje k rôznym šablónam v aktuálnej téme

Zvážte všetko možné možnosti webové stránky, ktoré sa bežne používajú, a postupnosť používania súborov dostupných v priečinku témy:


Veľa šťastia! Uvidíme sa čoskoro na stránkach blogu

Ďalšie videá si môžete pozrieť na stránke
");">

Možno vás bude zaujímať

Ako automaticky pridať Alt atribút v Img tagy váš blog WordPress (kde neexistujú) Voľné témy a šablóny pre WordPress – kde si ich môžete stiahnuť Emotikony vo WordPress – aké kódy emotikonov vložiť, ako aj doplnok Qip Smiles ( krásne emotikony za komentáre) Ako zakázať komentáre vo WordPress pre jednotlivé články alebo celý blog, ako aj ich odstrániť alebo naopak zahrnúť do šablóny
Zníženie spotreby pamäte vo WordPresse pri vytváraní stránok - plugin WPLANG Lite na nahradenie lokalizačného súboru A ako ste navrhli výstup príspevkov na hlavnej stránke a v nadpisoch WordPressu?
Nadpisy článkov H1, H2, H3 vo WordPress, ako aj spôsoby zobrazenia kategórií (obsah, úryvok a iné)

Ahoj. Témou dnešnej lekcie je to, čo je WordPress téma. Dnes sa dozviete, z čoho je postavená téma WordPress a dozviete sa, že téma je zodpovedná za množstvo funkcií okrem vzhľadu stránky.

Začnime niekoľkými pojmami. Na iných CMS sú za dizajn stránok zodpovedné šablóny. Teoreticky WordPress šablóny sa nazývajú témy a súbory, ktoré tvoria témy, sa nazývajú šablóny. V praxi sa vzhľad stránky WordPress označuje ako témy aj šablóny.

Zjavným účelom tém WordPress je samozrejme zmeniť vzhľad blogu. Našťastie vývojári neignorujú témy WordPress a ponúkajú veľa tém, bezplatných aj platených. Prečítajte si, kde nájdete tému:

Z čoho je vytvorená téma WordPress?

Aby sme pochopili, z čoho pozostáva téma WordPress stránky, pozrime sa na vzhľad blogu.

Najjednoduchší WP blog je hlavička (header), hlavná časť pre články a päta alebo päta. Takéto možnosti témy sú zriedkavé, ale ak k týmto blokom pridáte bočný panel, táto štruktúra témy WP je možno najbežnejšia.

Každý uvedený blok je v téme zastúpený ako php súbor, takéto súbory tém sa nazývajú šablóny. Tieto súbory sú pomenované podľa toho: header.php , footer.php , sidebar.php .

Na zobrazenie vyššie uvedených blokov existujú špeciálne značky šablón:

Šablóny tém WP sa však neobmedzujú len na tieto súbory. Hlavným súborom témy je súbor index.php. musí obsahovať všetky vyššie uvedené značky. A okrem toho má každá téma WP mnoho ďalších súborov šablón, ktoré vytvárajú autori tém.

Všetky tieto súbory však „neležia“ len v balíku tém: /wp-content/templates/názov-témy, sú príbuzné.

Práve v týchto súboroch sa nachádza umiestnenie výstupu bočného panela, umiestnenie taxonómie (značky, kategória, autor) vo vzťahu k článku, vzhľad stránky 404, vzhľad vyhľadávacieho formulára a umiestnenie vyhľadávania forma atď., sú určené.

Ako zmeniť tému stránky WordPress

Téma WordPress stránky, napr WordPress plugin, neporušuje kód jadra systému. Akýkoľvek motív je možné odstrániť alebo pridať do blogu bez porušenia základného kódu. Zmena témy blogu je veľmi jednoduchá a existujú dva spôsoby, ako to urobiť.

  1. Stiahnite si tému "na strane" a nainštalujte ju cez konzolu;
  2. Nájsť požadovanú tému cez konzolu a ihneď ju nainštalujte.

možnosť 1

  • Hľadáme tému na internete a sťahujeme ju ako archív;
  • Vstúpime do konzoly na karte a kliknite na „Nahrať tému“;

  • Ďalej vyberte stiahnutý archív tém a nainštalujte ho;
  • Po nastavení je možné tému aktivovať.

Možnosť 2

  • Opäť vstúpime do tab Vzhľad → Témy → Pridať nový;
  • Do vyhľadávacieho poľa zadajte hľadanú tému (ak poznáme jej názov) alebo vyberte tému pomocou filtra;

Je dôležité pochopiť, že zmena témy odstráni všetky vaše miniaplikácie a pre Nová téma. Je potrebné ich preinštalovať. Preto, aby vytvorené widgety nezmizli pred zmenou témy, presuňte widgety do poľa „Nepoužité widgety“. Po zmene témy môžete jednoducho obnoviť miniaplikácie v nových bočných paneloch novej témy.

Na blog môžete nainštalovať viacero tém. Všetky pôjdu do priečinka /wp-content/templates, ale fungovať bude iba téma, ktorú aktivujete.

Ako odstrániť tému

Môžete len odstrániť aktívna téma. Odstráňte tému webu WordPress z karty Vzhľad → Témy. Kliknite na zobrazenie témy a kliknite na odkaz „Odstrániť“ v spodnej časti.