Jak Upravit šablonu Wordpressu

Jak Upravit šablonu Wordpressu
Jak Upravit šablonu Wordpressu
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: