hledáte snadný způsob úpravy HTML na vašem webu WordPress?
HyperText Markup Language nebo HTML je kód, který říká webovému prohlížeči, Jak zobrazit obsah na vašich webových stránkách. Úpravy HTML se hodí pro pokročilé přizpůsobení a řešení problémů.
v tomto článku vám ukážeme, jak upravit HTML v editoru kódu WordPress pomocí různých metod.
proč byste měli upravovat HTML v WordPress?
WordPress nabízí tisíce témat a pluginů pro změnu vzhledu vašeho webu a přizpůsobení různých prvků, aniž byste se dotkli jediného řádku kódu.
pluginy a motivy však mají svá omezení a nemusí nabízet přesné funkce, které hledáte. Jako výsledek, možná nebudete schopni upravit svůj web tak, jak chcete, aby vypadal.
zde je editace HTML opravdu užitečná. Pokročilé přizpůsobení můžete snadno provést pomocí kódu HTML. Poskytuje velkou flexibilitu a kontrolu nad tím, jak bude váš web vypadat a fungovat.
kromě toho vám učení, jak upravovat HTML, může také pomoci identifikovat a opravit chyby na vašem webu WordPress, když nemáte přístup k řídicímu panelu.
Poznámka: Pokud nechcete upravovat HTML, ale přesto chcete plné možnosti přizpůsobení, doporučujeme použít drag and drop WordPress Page builder, jako je SeedProd.
jak již bylo řečeno, podívejme se na různé způsoby úpravy HTML na webu WordPress.
budeme se zabývat tím, jak upravit HTML pomocí editoru bloků a klasického editoru, a také vám ukážeme snadný způsob přidání kódu na váš web. Kliknutím na níže uvedené odkazy můžete přejít na preferovanou sekci.
- jak Upravit HTML v WordPress Block Editor
- jak Upravit HTML v WordPress Classic Editor
- jak Upravit HTML v WordPress Widgets
- jak Upravit HTML v WordPress Theme Editor
- jak Upravit HTML v WordPress Theme Editor
- jak Upravit HTML v WordPress pomocí FTP
- snadný způsob, jak přidat kód v WordPress
jak Upravit HTML v WordPress Block Editor
v editoru bloků WordPress existuje několik způsobů, jak upravit HTML vašeho příspěvku nebo stránky.
Za prvé, můžete použít vlastní HTML blok v obsahu přidat HTML kód.
Chcete-li začít, přejděte na panel WordPress a poté přidejte nový příspěvek/stránku nebo upravte existující článek. Poté klikněte na znaménko plus ( + ) v levém horním rohu a přidejte blok „vlastní HTML“.
dále pokračujte a do bloku zadejte svůj vlastní kód HTML. Můžete také kliknout na možnost „Náhled“ a zkontrolovat, zda HTML kód funguje správně a jak bude váš obsah vypadat na vašem živém webu.
dalším způsobem, jak přidat nebo změnit HTML kód v editoru bloků WordPress, je úprava HTML konkrétního bloku.
Chcete-li to provést, jednoduše vyberte existující blok v obsahu a poté klikněte na nabídku se třemi tečkami. Dále pokračujte a klikněte na možnost Upravit jako HTML.
nyní uvidíte HTML jednotlivých bloků. Pokračujte a upravte HTML svého obsahu. Můžete například přidat odkaz nofollow, změnit styl textu nebo přidat jiný kód.
pokud chcete upravit HTML celého příspěvku, můžete použít „editor kódu“ v editoru bloků WordPress.
do editoru kódu se dostanete kliknutím na volbu se třemi tečkami v pravém horním rohu. Poté z rozevíracích možností vyberte „Editor kódu“.
jak Upravit HTML v editoru WordPress Classic
pokud používáte editor WordPress classic, můžete snadno upravit HTML v textovém zobrazení.
Chcete-li získat přístup k textovému zobrazení, jednoduše upravte příspěvek na blogu nebo přidejte nový. Když jste v klasickém editoru, kliknutím na kartu Text zobrazíte HTML článku.
poté můžete upravit HTML svého obsahu. Například můžete tučně různá slova, aby byla prominentní, použijte kurzívu v textu, Vytvořte seznamy, přidejte obsah a další.
jak Upravit HTML v widgetech WordPress
věděli jste, že můžete přidat a upravit HTML kód v oblasti widgetu vašeho webu?
v aplikaci WordPress vám použití vlastního widgetu HTML pomůže přizpůsobit postranní panel, zápatí a další oblasti widgetů. Můžete například vložit kontaktní formuláře, Mapy Google, tlačítka výzvy k akci (CTA) a další obsah.
můžete začít tím, že přejdete do administračního panelu WordPress a poté přejděte na Vzhled “ Widgety. Poté pokračujte a přidejte vlastní widget HTML kliknutím na tlačítko „Přidat“.
Dále budete muset vybrat, kam chcete přidat vlastní HTML widget a vybrat pozici. Oblast widgetu bude záviset na tématu WordPress, které používáte. Můžete jej například přidat do zápatí, záhlaví nebo jiných oblastí.
Jakmile vyberete oblast a polohu widgetu, pokračujte a klikněte na tlačítko „Uložit Widget“.
poté můžete kliknout na vlastní widget HTML, zadat kód HTML a poté kliknout na tlačítko „Uložit“.
nyní můžete navštívit své webové stránky vidět vlastní HTML widget v akci.
jak Upravit HTML v editoru motivů WordPress
dalším způsobem, jak upravit HTML vašeho webu, je Editor motivů WordPress (editor kódu).
nedoporučujeme však přímo upravovat kód v editoru motivů. Nejmenší chyba při zadávání kódu může narušit váš web a zablokovat vám přístup k ovládacímu panelu WordPress.
také, pokud aktualizujete svůj motiv, budou všechny vaše změny ztraceny.
to znamená, že pokud uvažujete o úpravě HTML pomocí editoru motivů, je dobré zálohovat vaše webové stránky před provedením jakýchkoli změn.
dále přejděte na vzhled “ Editor motivů z řídicího panelu WordPress. Nyní se zobrazí varovná zpráva o přímé úpravě souborů motivů.
jakmile kliknete na tlačítko „Rozumím“, uvidíte soubory motivů a kód. Odtud si můžete vybrat, který soubor chcete upravit, a provést změny.
jak Upravit HTML v WordPress pomocí FTP
další alternativní způsob úpravy HTML v motivových souborech WordPress je pomocí FTP také známý jako file transfer protocol service.
Toto je standardní funkce, která je dodávána se všemi hostingovými účty WordPress.
výhodou použití FTP namísto editoru kódu je, že můžete snadno vyřešit problémy pomocí FTP klienta. Tímto způsobem nebudete uzamčeni z řídicího panelu WordPress, pokud se při úpravách HTML něco rozbije.
Chcete-li začít, musíte nejprve vybrat software FTP. V tomto tutoriálu budeme používat FileZilla, protože je to bezplatný a uživatelsky přívětivý FTP klient pro Windows, Mac a Linux.
po výběru FTP klienta se nyní budete muset přihlásit na FTP server vašeho webu. Přihlašovací údaje najdete na ovládacím panelu poskytovatele hostingu.
jakmile se přihlásíte, uvidíte ve sloupci „vzdálený web“ různé složky a soubory vašeho webu. Pokračujte a přejděte do souborů motivů tím, že přejdete na téma wp-content.
nyní uvidíte na svých webových stránkách různá témata. Pokračujte a vyberte motiv, který chcete upravit.
dále můžete pravým tlačítkem myši na soubor motivu upravit HTML. Chcete-li například provést změny v zápatí, klepněte pravým tlačítkem myši na zápatí.php soubor.
mnoho FTP klientů vám umožňuje prohlížet a upravovat soubor a automaticky je nahrávat, jakmile provedete změny. V aplikaci FileZilla to můžete provést kliknutím na možnost „zobrazit/upravit“.
před provedením jakýchkoli změn však doporučujeme stáhnout soubor, který chcete upravit, na plochu.
po úpravě HTML můžete původní soubor nahradit. Pro více informací doporučujeme postupovat podle našeho průvodce, Jak používat FTP k nahrávání souborů ve WordPressu.
snadný způsob, jak přidat kód v WordPress
nejjednodušší způsob, jak přidat kód do vašeho WordPress je pomocí Vložit Záhlaví a zápatí WordPress plugin.
tým na WPBeginner navrhl tento plugin, takže můžete snadno přidat kód na vaše stránky během několika minut, a my jsme udělali to 100% zdarma k použití.
pomáhá také organizovat váš kód, protože je uložen na jednom místě. Navíc zabraňuje chybám, které mohou být způsobeny při ruční úpravě kódu.
další výhodou je, že se nemusíte starat o vymazání kódu, pokud se rozhodnete aktualizovat nebo změnit motiv.
první věc, kterou musíte udělat, je nainstalovat a aktivovat plugin Vložit Záhlaví a zápatí na vašem webu. Pro více informací můžete sledovat náš podrobný návod, jak nainstalovat plugin WordPress.
jakmile je plugin aktivní, Můžete přejít na Nastavení “ Vložit Záhlaví a zápatí z administračního panelu.
dále můžete na svůj web přidat kód HTML do polí záhlaví, těla a zápatí.
řekněme například, že chcete na svém webu zobrazit výstražnou lištu. Můžete jednoduše zadat kód HTML do pole „skripty v těle“ a kliknout na tlačítko Uložit.
kromě toho můžete do záhlaví přidat sledovací kód Google Analytics a pixel Facebook nebo přidat tlačítko Pinterest do zápatí vašeho webu pomocí pluginu.
další podrobnosti naleznete v našem průvodci, jak přidat kód záhlaví a zápatí v aplikaci WordPress.
doufáme, že tento článek vám pomohl naučit se upravovat HTML v editoru kódu WordPress. Možná se také budete chtít podívat na našeho průvodce, kolik skutečně stojí vytvoření webu WordPress, nebo se podívejte na nejdůležitější důvody, proč byste měli používat WordPress pro svůj web.
pokud se vám tento článek líbil, přihlaste se k odběru našeho kanálu YouTube pro video tutoriály WordPress. Najdete nás také na Twitteru a Facebook.