Jak Upravovat šablony Webových Stránek

Obsah:

Jak Upravovat šablony Webových Stránek
Jak Upravovat šablony Webových Stránek

Video: Jak Upravovat šablony Webových Stránek

Video: Jak Upravovat šablony Webových Stránek
Video: 💻 Jak vytvořit WEB v roce 2021 - Tvorba webu na Wordpressu SNADNO & RYCHLE za 15 Minut 2024, Duben
Anonim

Není dnes těžké vytvořit si vlastní web, i když nemáte žádné konkrétní znalosti v oblasti webdesignu a programování. Kdykoli můžete použít množství různých šablon zveřejněných na internetu a na základě hotových šablon můžete vytvořit a publikovat svůj web v síti. Ne každý je však plně spokojen s verzí webu, kterou šablona nabízí. V tomto článku vám řekneme, jak změnit šablonu webu a učinit ji jedinečnou.

Jak upravovat šablony webových stránek
Jak upravovat šablony webových stránek

Instrukce

Krok 1

Stáhněte si šablonu a najděte v ní soubor style.css. Tento soubor je obvykle umístěn ve složce public_html.

Krok 2

Otevřete soubor style.css v poznámkovém bloku a najděte fragment kódu, který odpovídá za vzhled a chování horní části webu. Tento úryvek vypadá takto:

#logotype {

background: url (images / logotype.png) no-repeat left center #fff;

šířka: 230px;

výška: 60px;

okraj: 10px 25px;

pozice: relativní;

Krok 3

V tomto kódu na řádku background: url musíte zadat cestu k obrázku pozadí budoucího webu. Další řádky označují délku a výšku obrázku a položka okraje definuje svislé a vodorovné odsazení obrázku.

Krok 4

Najděte soubor logotype.png

Krok 5

Nahrajte obrázek na pozadí do složky public_html / tmpl / template_name / Images / a poté, jak je uvedeno výše, napište cestu k obrázku do řádku background: url.

Krok 6

V případě potřeby přepište parametry výšky, délky a odsazení obrazu. Pozici: relativní čára může být ponechána sama. Uložte změny do souboru a nahrajte jej na server namísto starého souboru šablony.

Krok 7

Pokud chcete změnit logo stránky zápatí, vyhledejte ve style.css fragment kódu, který začíná slovy logotype-footer. Uložte obrázek s novým logem a nahrajte jej do složky Obrázky v šabloně.

Krok 8

Změňte parametry délky a výšky. Uložte soubor style.css znovu a nahrajte aktualizovaný web na server.

Doporučuje: