Chtěli byste zjistit, jak přizpůsobit téma WordPress pomocí Elementor plugin ?
Přizpůsobení tématu WordPress je jedním z hlavních úkolů při vytváření webů WordPress. Protože řídí design webových stránek, mnoho odborníků tráví většinu svého času.
Vytvoření vlastního motivu WordPress obvykle zahrnuje práci se soubory motivů a editorem kódu. Změny rozvržení se dějí v souborech šablon, změny návrhu pomocí CSS. Také budete muset neustále aktualizovat okno prohlížeče, aby se zobrazovaly vaše přizpůsobení, což může být trochu těžkopádné.
Naštěstí s Elementor, tento proces se stává velmi snadným, takže jej můžete vyzkoušet.
Ale předtím se společně objevíme Jak nainstalovat 7 kroků WordPress blogu et Jak najít, nainstalovat a aktivovat WordPress téma na svém blogu.
Pak zpět k tomu, proč jsme tady.
Co je to téma WordPress
Téma WordPress je v podstatě soubor šablon, které definují vizuální vzhled webové stránky WordPress.
Téma WordPress zahrnuje vše, co ovlivňuje design webových stránek, od záhlaví a zápatí po barevné schéma, rozvržení a další.
K dispozici je spousta témat, bezplatných i prémiových, která se hodí téměř pro každé odvětví webové stránky pro fotografie, webové stránky tělocvičny, webové stránky pro kadeřnictví, právní stránkyA další.
Proč přizpůsobit téma WordPress?
Jedním z hlavních důvodů pro vytvoření webu je propagace vaší firmy. Jaký lepší způsob, jak to udělat, než to udělat vytvořit web jedinečný, který podporuje styl a design společnosti.
Dokážete si představit, že Amazon, eBay nebo Google jsou tím, čím jsou, bez jejich jedinečného designu?
Samozřejmě ne, a to je jeden z důvodů, proč chceme přizpůsobit téma WordPress. Chceme, aby byl jedinečný a přizpůsobil se poselství naší společnosti.
Také někdy, nebo spíše často, projdete téma WordPress, které je sužováno špatným designem, barvami, které nejdou dobře dohromady, nebo tématem, které je příliš těžké a ovlivňuje pouze výkon webu. web. Téma WordPress by mohlo být silné kromě té věci, která vám vadí. Přizpůsobte si to a změna této věci by mohla vyřešit všechny vaše problémy a vytvořit lepší uživatelský dojem.
Jak přizpůsobit téma WordPress
Existuje několik metod přizpůsobení motivu WordPress.
- Ručně pomocí přizpůsobovače WordPress
- S kódem
- S Elementorem
Jak ručně přizpůsobit motiv WordPress
Téma WordPress si můžete přizpůsobit pomocí vestavěného WordPress Customizeru. Pokud to uděláte bez kódu, jste často omezeni v tom, co můžete změnit. Nějaký Témata WordPress premium vám umožní více možností přizpůsobení, ale v podstatě pro vás není mnoho možností designu.
Než se ponoříme hlouběji do této oblasti, rádi bychom zdůraznili, že když přizpůsobíte existující téma WordPress, je nejlepší použít dětské téma, nikoli rodičovské téma.
Dětské téma WordPress
Podřízené téma je téma WordPress, které má přesně stejné funkce a vlastnosti jako jiné téma WordPress, nadřazené téma. Podřízené téma se používá k bezpečnému přizpůsobení a úpravě tématu, aniž by to mělo vliv na nadřazené téma a aniž by došlo ke ztrátě možnosti jeho aktualizace.
WordPress téma přizpůsobitel
Nyní, když víme, že je nejlepší pracovat s podřízeným tématem, se naučíme, jak přizpůsobit motiv pomocí WordPress Customizer. Chcete-li se k němu dostat, přejděte na hlavní panel a klikněte na Apparence na levé straně a zvolte Přizpůsobte.
Hlavní funkce, které můžete upravit pomocí tohoto nástroje Customizer, jsou následující:
Přidání názvu webu, loga a ikony
Chcete-li přidat nebo změnit název, logo nebo ikonu, můžete jednoduše přejít na panel Identity webu. a vyberte každý z těchto prvků a upravte je.
Změna barev motivu WordPress
Některé Témata WordPress vám umožní změnit jejich barevná schémata, ale ne všechna, a obvykle jsou Témata WordPress pojistné. Pokud vám vaše téma WordPress umožňuje změnit barevné schéma, uvidíte tuto možnost, když vstoupíte do Customizeru.
Přidány navigační nabídky
Přizpůsobitel také umožňuje snadno přidávat a upravovat navigační nabídky webových stránek.
Jak přizpůsobit motiv WordPress pomocí kódu
Všimněte si, že na kartě Vzhled máte možnost vybrat editor motivu. Kliknutím na něj vás přivítá okno s kódem tématu. Tato možnost vyžaduje dobrou znalost kódování CSS a není doporučována pro začátečníky.
Zde budete mít přístup k souborům jako style.css, features.php, a právě pro tento scénář budete potřebovat podřízené téma, aby nedošlo k poškození vašeho webu.
Druhým způsobem, jak přizpůsobit své téma kódováním, je nahrát soubory pomocí řešení FTP. Tento proces zahrnuje vytvoření pověření FTP prostřednictvím vašeho poskytovatele hostingu, stažení a instalaci řešení FTP (jako FileZilla), přihlášení k vašemu účtu a úpravy souborů, které pak pomocí nich nahrajete. FTP řešení.
Objevte našeho průvodce Jak nainstalovat WordPress pomocí FileZilla
Pokud nejste obeznámeni s kódováním, nedoporučujeme tuto možnost.
Přizpůsobte si téma WordPress snadno pomocí Elementoru
Můžete to provést přímo z uživatelského rozhraní. Není třeba měnit jediný řádek kódu ani znovu načíst okno prohlížeče, a to ani jednou.
Elementor vám umožňuje rychle a snadno změnit každý prvek webové stránky pomocí několika kliknutí myší a tyto funkce můžete dokonce optimalizovat pro mobilní platformu.
Elementor tento proces výrazně usnadňuje pomocí dynamického obsahu a umožňuje vám zobrazit náhled stránek. Tímto způsobem můžete okamžitě vidět, jak změny návrhu ovlivní váš skutečný web a obsah.
Přizpůsobte záhlaví a zápatí
Elementor umožňuje úplnou flexibilitu při navrhování záhlaví a zápatí. Všichni víme, jak nudné může být, že máte téma WordPress a nemůžete změnit jediný aspekt designu záhlaví nebo zápatí. Potřebujete specializovaná témata, pluginy atd.
S Elementor je to snadné.
1. Vytvořte šablonu záhlaví
Nejprve nakonfigurujte novou šablonu záhlaví. Chcete-li to provést, přejděte do části Elementor> Moje šablony.
Jedním ze způsobů, jak začít, je stisknout tlačítko Přidat nový nahoře. Na další obrazovce vyberte z rozbalovací nabídky záhlaví jako typ šablony, kterou chcete navrhnout.
Na tuto obrazovku se také dostanete kliknutím na kartu Záhlaví z předchozí obrazovky a poté stisknutím zobrazeného zeleného tlačítka.
Přednastaví záhlaví jako typ šablony. V každém případě musíte přidat vhodný název šablony (abyste věděli, co je později) a poté pokračujte kliknutím na Vytvořit šablonu.
Dostane vás sem.
S Elementor Pro si můžete vybrat z předem navržených bloků záhlaví. Toto jsou šablony návrhů, které můžete použít jako výchozí bod pro svůj vlastní návrh, což je v tomto případě to, co uděláme.
Když umístíte kurzor na blok záhlaví, kliknete na Vložit vám umožní začít navrhovat okamžitě. Jinak kliknutím na obrázek nejprve zobrazíte větší verzi. Pak můžete vždy stisknout Vložit nahoře.
Jinak, pokud chcete začít od nuly, zavřete okno kliknutím na X v pravém horním rohu.
2. Změňte základní design záhlaví
Po zadání nové hlavičky si jako první všimnete, že logo a menu, které jsme nakonfigurovali dříve, tam již jsou.
To je přesně ten důvod, proč jsme je dali dohromady a budeme mluvit o tom, jak je přizpůsobit. Nejprve však uvidíme, jak přizpůsobit samotnou část záhlaví.
Chcete-li to provést, stačí na něj umístit kurzor a kliknout na tlačítko Upravit v horní části. Tím se vlevo otevře seznam možností úprav.
Zde je to, co můžete ovládat v různých nabídkách:
- Nákres - Šířka řídicí sekce, velikost mezery mezi sloupci, výška, svislý sloupec a umístění obsahu, přiřazená značka HTML a obecná struktura.
- Styl - Zde můžete změnit barvu pozadí včetně vznášet se efekty, dokonce přidat obrázek nebo video pokud chcete, přidejte efekty překrytí, ohraničení a oddělovače a změňte nastavení typografie.
- Pokročilé - Tato část umožňuje přidávat atributy CSS, jako je okraj a index z, animace, ID a třídy. Také vám umožňuje nastavit lepivou sekci a ovládat nastavení a přidávat některé Vlastní CSS.
Vše výše uvedené je docela samo-vysvětlující a rychle dostanete, co chcete.
3. Přizpůsobte prvky záhlaví
Můžete však nejen upravit část záhlaví jako celek, ale také položky v něm obsažené. Chcete-li například upravit logo webu, stačí na něj kliknout. Také vám na levé straně nabídne možnosti úprav.
V případě loga získáte následující možnosti:
- Obsah - Změňte velikost obrázku, zarovnání a místo, na které je připojen.
- Styl - Ovládejte šířku a výšku, přidejte efekty CSS a efekty přechodu, v případě potřeby zahrňte ohraničení a stín.
- Pokročilé - Zde najdete v zásadě stejné možnosti jako v sekci záhlaví.
Pomocí nastavení přizpůsobte logo tak, jak chcete, aby se dobře zobrazovalo v záhlaví. Všimněte si také, že každá položka má svůj vlastní typ možností, proto si každou zkontrolujte.
4. Přidejte položky
Samozřejmě, s Elementorem můžete také přidat položky do záhlaví. Stačí kliknout na symbol vpravo nahoře a zjistit, co je k dispozici.
Při úpravě šablony záhlaví Elementor automaticky zobrazí příslušné bloky v horní části seznamu, což má za daných okolností největší smysl. V tomto případě se jedná o věci, jako je logo webové stránky, nabídka navigace a název webové stránky.
Pokud například chcete přidat název webu vedle loga, jednoduše jej přetáhněte na něj. Šablona záhlaví, kterou jsme aktuálně vybrali, nám však umožňuje přidat ji nad nebo pod logo. Je to však problém, který bude snadno vyřešen.
V takovém případě umístěte ukazatel myši na záhlaví a použijte symbol plus –+- přidat výše uvedenou sekci.
Klikněte zde na fialové tlačítko a vyberte si design se třemi sloupci.
Poté prvky přetáhněte z existující sekce záhlaví do nové sekce a uprostřed přidejte nadpis webové stránky.
Ale počkejte, styl je úplně jiný! žádný problém. Stačí kliknout pravým tlačítkem na existující záhlaví a vybrat Kopírovat. Poté klikněte pravým tlačítkem na novou sekci a klikněte zde Vložit styl. Elementor pak použije styl existující sekce, kterou můžete později zavřít.
Stejný proces můžete provést s kterýmkoli z dalších prvků záhlaví a samozřejmě se všemi ostatními prvky obsaženými v prvku Elementor.
Přizpůsobte jedinečnou šablonu příspěvku
V aplikaci Elementor můžete také upravit jednu šablonu příspěvku. Zde je návod:
1. Vytvořte nový model
Vytvoření šablony funguje obvyklým způsobem. Tentokrát však zvolte Jediný jako typ modelu. Poté níže vyberte jedinečnou šablonu, kterou chcete upravit. V tomto příkladu je to Post.
Pokud chcete vytvořit nový design stránky, upravte stránku 404 (více o tom později) nebo upravte vlastní typ příspěvku zejména byste si vybrali něco jiného. V obou případech zadejte jméno a pokračujte.
Na další obrazovce si můžete vybrat z předdefinovaných šablon jako obvykle. V tomto případě však chceme vytvořit nový model od nuly. Zavřete toto okno kliknutím na X v pravém horním rohu.
2. Nakonfigurujte náhled
Poté nastavte okno náhledu na existující příspěvek. To lze provést kliknutím na ikonu oka ve spodní části možností editoru a poté Nastavení.
V nabídce, která se otevře, pod Náhled dynamický obsah, zvolte Publikovat. Poté v dalším řádku můžete vyhledat a vybrat existující příspěvek podle jména.
Jakmile to uděláte, klepněte na Podat žádost & Náhled. I když v tuto chvíli nebudete moci nic vidět (protože na stránce není nic), řekne Elementoru, aby od nynějška použil data v tomto příspěvku. Brzy uvidíte, co to znamená.
3. Vytvořme sekci výše
Nejprve vytvoříme výše uvedenou sekci. Zde obvykle najdete věci jako název příspěvku a metadata, jako je autor, datum a kategorie.
Prvním krokem je kliknout na znaménko + a vytvoření sekce jednoho sloupce.
Když tak učiníte, máte v sekci rozvržení možnost řídit jeho šířku, výšku, umístění a styl. V tomto případě zde není co dělat. Nebojte se, vždy se můžete vrátit a provést změny později.
Poté přetáhněte widget názvu příspěvku do nové sekce.
Když to uděláte, nezapomeňte použít všechny dostupné možnosti k úpravě designu a rozvržení podle vašich představ. Zde jsou například moje nastavení:
K dispozici je také skvělá funkce, kterou byste se měli naučit. Když kliknete na symbol klíče názvu příspěvku, můžete před a za svá dynamická data přidat statický obsah.
Pokud například vytvoříte šablonu pro určitou kategorii příspěvků, například zprávy nebo recepty, můžete ji přidat do názvu příspěvku takto:
Tímto způsobem by se tato data zobrazila pro každý příspěvek v této kategorii. V tuto chvíli to nebudu používat, ale myslel jsem, že to pro vás byla důležitá vedlejší poznámka.
Pod nadpis příspěvku vložíme Post Informace Widget pro zobrazení metadat příspěvku.
Zde jsou nastavení, která používám:
Kromě toho jsem použil možnosti stylingu, aby design vyhovoval zbytku stránky. Ujistěte se, že uděláte to samé.
4. Nastavte tělo sloupku
Po záhlaví je čas vytvořit tělo stránky. Pokud chcete, aby tato část měla jiný design než záhlaví, budete muset nastavit novou sekci. Je to však jednoduché, takže nemusím.
První věc, kterou chceme vložit, je doporučený obrázek. Za tímto účelem můžete umístit widget se stejným názvem pod to, co je již na stránce.
V zásadě jsem nezměnil žádné z nastavení, nechal jsem všechno tak, jak je.
Pak je čas, aby obsah zveřejnil. I zde máte odpovídající blok.
Všimněte si, že pro vybraný obrázek a příspěvek obsah, Elementor automaticky táhne to, co je již na webu. Proveďte jakékoli úpravy designu nového bloku, například, hraní s typografickým nastavením.
Kromě toho, to je vše. Není toho tolik práce, abychom mohli přejít k poslední části.
5. Nakonfigurujte zápatí
V tomto případě chceme, aby zápatí zobrazovalo profil autora, možnosti sdílení a komentáře čtenáře. Nejprve je třeba vytvořit novou sekci se dvěma sloupci. Chcete-li vytvořit více místa pro profil autora, můžete jej nastavit na rozvržení 66.33.
Poté umístěte widget Autor Box v levé části.
Nezapomeňte přizpůsobit styl tak, aby vyhovoval vašim potřebám. Přidal jsem malou barvu pozadí a mírně jsem upravil nastavení typografie.
Poté je čas přidat blok sdílení tlačítek na pravé straně.
Moje nastavení můžete vidět na obrázku výše.
Poté zbývá pouze vytvořit sekci o jeden sloupec dolů a přetáhnout do ní widget Post Comments.
(Mimochodem, pokud máte někdy potíže s vyhledáním některého z těchto widgetů, použijte funkci vyhledávání).
Proveďte jakékoli úpravy v sekci komentářů, kterou považujete za nezbytnou (nechal jsem ji tak, jak je) a jste připraveni zveřejnit příspěvek. Zde je hotový design:
Přizpůsobte šablonu archivu
1. Nakonfigurujte archivační šablonu WordPress
Nyní již znáte řešení vytváření nových modelů. Jediným rozdílem je, že v tomto případě si vyberete Archiv jako typ modelu.
Poté, jako obvykle, získáte řadu bloků, z nichž si můžete vybrat, nebo si také můžete vytvořit svůj vlastní model od nuly. U archivů však máte zhruba jen dva widgety Elementor, který je stejně důležitý.
2. Definujte název archivu
První blok, o kterém chci mluvit, je název archivu Název archivu.
Kromě obvyklých nastavení v části Styl a pokročilý, můžete najít důležitou možnost, když kliknete na symbol klíče pod Titul.
Zde můžete povolit nebo zakázat, zda Elementor zobrazuje typ archivu na stránce, jako je část, kde je níže uvedeno Autor:. To se děje pomocí tlačítka pod Zahrnout kontext.
Mimochodem, jako obvykle si můžete prohlédnout různé archivy pomocí nastavení náhledu (Symbol oka> Nastavení). Tímto způsobem můžete vidět design jedinečných kategorií, značek, autorů a dalších. Mějte to na paměti.
3. Použijte blok archivních publikací
Druhým důležitým widgetem pro archivy je Archive Posts. To přinese všechny příspěvky patřící do jakéhokoli archivu na jedné stránce. Když vyberete šablonu, již tam jsou, ale můžete je také snadno přidat pomocí tohoto bloku.
Pojďme se podívat na možnosti, které vám umožňují přizpůsobit vaše archivní stránky:
- Kůže - Zvolte zobrazení svých příspěvků v klasickém nebo kartovém stylu.
- Sloupce - Určuje počet sloupců, ve kterých se zobrazují vaše příspěvky.
- Zobrazit obrázek - Aktivovat doporučené obrázky na archivních stránkách
- Zdivo – Zobrazuje položky v provedení zdiva nebo ne.
- Velikost obrázku - Velikost obrázku, který by Elementor měl použít na archivních stránkách.
- Titul - Chcete zobrazit titulky nebo ne?
- Název značky HTML - Pokud ano, jaká značka HTML by se měla kolem ní omotat?
- Výňatek - Zahrňte výňatky z vašich příspěvků nebo zobrazte pouze název.
- Délka výňatku - Určete délku extraktů.
- Metadata - Definuje post metadata dostupná návštěvníkům.
- Oddělovač mezi - Symbol oddělovače mezi informacemi o metadatech.
- Více - Zahrnout odkaz „přečíst více“, ano nebo ne?
- Odznak - Umožňuje přidat další informace k příspěvkům, jako jsou kategorie a značky.
- Odznak taxonomie - Zde se můžete rozhodnout, jaké informace chcete zahrnout.
- avatar – Tímto můžete změnit profilový obrázek autorů článků
Kromě výše uvedeného máte ještě několik možností. Pod Stránkování, můžete definovat, jak má být zpracováno stránkování archivu. Například, jak ji zobrazit, počet stránek, které mají být zahrnuty, a zarovnání textu.
A konečně, pokročilý umožňuje nastavit zobrazení zprávy, když se návštěvník dostane do prázdného archivu. Všechno ostatní by mělo být známé. Všimněte si, že možnosti stylu se mění v závislosti na vzhledu, který jste si vybrali.
4. Zkontrolujte počet publikací v archivu
Rychlá poznámka k archivním šablonám. Chcete-li změnit počet příspěvků, které se objevují v archivu (nebo na vaší blogové stránce), musíte tak učinit ve WordPress pod Nastavení> Čtení.
Zde stačí zadat počet příspěvků, které mají návštěvníci vidět.
personalizace snadný WordPress téma s Elementor
Přizpůsobení témat WordPress je chlebem a máslem mnoha profesionálů. Ačkoli to obvykle zahrnuje spoustu kódování a úprav souborů, u Elementor to již není nutné.
Jak jste viděli výše, plugin je plnohodnotným editorem motivů WordPress. To vám umožní přizpůsobit každou jeho část z jeho uživatelského rozhraní. Můžete upravovat záhlaví, zápatí stránky, šablony stránek a příspěvků, archivní šablony a další.
Díky možnosti používat dynamický obsah a zobrazit náhled kterékoli části vašeho webu můžete implementovat všechny trendy přizpůsobení
V krátkosti, Elementor usnadňuje přizpůsobení vašeho motivu WordPress. Místo pečlivého provádění změn s desítkami souborů a stovkami řádků kódu, můžete to rychle udělat na jednom místě.
Získejte nyní prvek Elementor Pro!
Proč investovat do čističky vzduchu?
Je to tady ! To je vše pro tento článek, který vám ukáže, jak přizpůsobit téma WordPress pomocí prvku Page Builder Elementor. Pokud máte nějaké obavy, jak se tam dostat, dejte nám vědět commentaires.
Můžete však také konzultovat naše zdroje, pokud potřebujete více prvků k realizaci vašich projektů vytváření internetových stránek, nahlédněte do našeho průvodce na internetu Vytvoření blogu WordPress nebo ten, který je zapnutý Divi: nejlepší téma WordPress všech dob.
Mezitím sdílejte tento článek na různých sociálních sítích.
...
