Jak Upravit šablonu Wordpressu

Obsah:

Jak Upravit šablonu Wordpressu
Jak Upravit šablonu Wordpressu

Video: Jak Upravit šablonu Wordpressu

Video: Jak Upravit šablonu Wordpressu
Video: WordPress Tvorba vlastní šablony 01 Úvod 2024, Duben
Anonim

Pokud máte web na platformě Wordpress, pravděpodobně víte, že šablonu na vašem blogu lze změnit na neurčito, protože neexistuje žádný limit k dokonalosti. Tato platforma se stala rychle naučeným nástrojem pro webmastera, zejména proto, že vzhled lze upravovat pomocí konvenčních programů.

Jak upravit šablonu Wordpressu
Jak upravit šablonu Wordpressu

Nezbytné

  • Software:
  • - internetový prohlížeč Firefox;
  • - doplněk Firebug.

Instrukce

Krok 1

Mnoho webmasterů říká, že ideálním prohlížečem pro procházení a vytváření webů je produkt od Mozilly. Firefox je možná jediný program, který podporuje tolik aplikací a doplňků. Chcete-li upravit šablony na jakékoli platformě, potřebujete doplněk Firebug, který vám umožní zobrazit a upravit všechny parametry šablony na webu.

Krok 2

Chcete-li jej nainstalovat, musíte kliknout na horní nabídku „Nástroje“prohlížeče a vybrat položku „Doplňky“nebo stisknout kombinaci kláves Ctrl + Shift + A. V okně, které se otevře, nečekejte na stažení doporučené aplikace pro Firefox, měli byste umístit kurzor do pole s textem „Hledat mezi dostupnými doplňky“a zavést Firebug.

Krok 3

V seznamu výsledků hledání klikněte na tlačítko naproti položce Firebug. Po stažení tohoto doplňku bude aktivní tlačítko Restartovat nyní. Klepnutím na něj provedete změny. Pokud se z nějakého důvodu tato aplikace ve výsledcích vyhledávání neobjeví, přejděte na oficiální web Mozilly a nainstalujte Firebug z následujícího odkazu

Krok 4

Po instalaci tohoto doplňku se ve spodní části okna prohlížeče zobrazí malá ikona s obrázkem brouka, klikněte na něj - doplněk se aktivuje. Například chcete změnit zobrazení odkazů na domovské stránce vašeho webu. Chcete-li najít kód tohoto prvku v okně „chyba“, které je rozděleno na 2 části, musíte střídavě vybrat Html a Styl. Nyní v jedné části okna bude zobrazen html-kód, v jiné části bude viditelný kód ze souborů style.css.

Krok 5

V bloku html procházejte soubor a pravidelně klikněte na bloky, uvidíte, že po kliknutí na jeden z bloků v "chybě" se na stránce objeví výběr stejného bloku. Tímto způsobem je docela snadné najít upravitelný prvek, pro který neznáte kód.

Krok 6

Poté, co najdete požadovaný blok kódu, přesuňte kurzor do sousedního okna (Style). Zde uvidíte všechny možnosti zobrazení pro daný blok, například velikost písma není nic jiného než prvek velikosti písma. Chcete-li ji zvýšit, přidejte několik jednotek k již existující hodnotě. Vezměte prosím na vědomí, že stačí pouze změnit číslo, zkratky px by se nemělo dotknout (označení pixelu).

Krok 7

Ve stejném bloku věnujte pozornost všem prvkům, mezi nimi mohou být polstrování, okraj atd. Abyste porozuměli názvům neznámých prvků, doporučujeme použít specializovaný online příkaz - https://htmlbook.ru. Postupujte podle tohoto odkazu, v pravém horním rohu je pole „Site Search“. Zadejte hledaný příkaz a stiskněte klávesu Enter.

Krok 8

Ve výsledcích vyhledávání uvidíte varianty tohoto prvku. Zajímá vás například, co znamená prvek margin. Zadejte toto slovo do vyhledávacího pole a stiskněte klávesu Enter. Z výsledků vyhledávání vyberte první odkaz CSS - okraj. Po provedení tohoto odkazu se budete moci s tímto příkazem seznámit a dozvědět se vše o jeho aplikaci.

Doporučuje: