Ak chcete vytvoriť dobrý web, musíte byť schopní zmeniť veľkosť šablóny. V predvolenom nastavení mnohé témy ponúkajú nepohodlné veľkosti rámov šablón. Úzke témy sú rovnako zlé ako príliš široké. Mali by ste mať strednú cestu, ktorá je vhodná pre funkcie na stránke. Iba tak sa obsah vášho zdroja zobrazí správne a všetky miniaplikácie sa zmestia do bočného panela. V tomto článku sa dozviete, aké sú spôsoby úpravy veľkosti bočných stĺpcov.
Bez bočného panela stránka vyzerá zbytočná. Ak chcete nejako vizuálne rozriediť obsah stránky, mali by ste zmeniť šablónu WordPress pridaním bočného panela určitej veľkosti. Zvyčajne sú v ňom už štandardne nainštalované bočné stĺpiky. Ale nie vždy je šírka bočného panela optimálna pre konkrétny projekt. Pozrime sa na spôsoby, ako zmeniť šírku a výšku strany WordPress stránky.
Možno nebudete musieť nič meniť. Bočný panel zmeňte iba vtedy, ak vyzerá „krive“ a neprirodzene. Najprv sa uistite, že bočný panel má menšiu šírku ako telo stránky, ktorá obsahuje obsah. Bočný panel nie je kľúčovou súčasťou webu, preto mu netreba venovať veľkú pozornosť – nanajvýš môže zaberať 40 % viditeľnej časti stránky. Upozorňujeme, že ak máte dva bočné panely (alebo niekoľko), ich šírka by nemala presiahnuť 50 % šírky celej stránky. Je lepšie použiť iba jeden bočný stĺpik - takto je to efektívnejšie.
Existuje „zlaté pravidlo“ dizajnérov pre stránky, ktoré používajú iba jeden bočný panel. Toto pravidlo hovorí, že ak je na stránke len jeden bočný panel, nemal by zaberať viac ako 38 % šírky webu. Mnohí významní webdizajnéri hovoria o takejto záhadnej postave (napríklad: Jarel Remik).
Pokiaľ ide o výšku, je dôležité, aby bočný panel nevyčnieval z hornej časti stránky. Jeho výška v hornej hranici by mala byť podobná hlavnej časti stránky. Spodnú hranicu je však možné zmeniť tak, aby bola základná časť stránky dlhšia. Netreba sa snažiť vtesnať všetko, čo je na stránke do bočného panela – len to hlavné. A ak je informácií naozaj veľa, vytvorte dva bočné panely, ale nemusíte bočný panel natiahnuť na pätu webu.
Teraz si povedzme, ako nezávisle zmeniť veľkosť bočných stĺpcov a samotného rámu šablóny bez použitia akýchkoľvek doplnkov. Táto metóda zahŕňa zmenu zdrojového kódu stránky. Parameter veľkosť šablóny je uzavretý v značkách html. Upozorňujeme, že zmena veľkosti môže mať negatívne dôsledky, ak nahráte obrázok vlastnej veľkosti ako pozadie. Preto je lepšie zmeniť parametre rámca vo fáze rozloženia lokality.
Parametre bočného panela v kóde sú vo forme bloku. Ak chcete zmeniť veľkosť celého rámu, vrátane bočných stĺpcov, budete sa musieť dostať do kódu a striedavo upraviť šírku a výšku číselných parametrov každého prvku. menovite:
Ak chcete zistiť rozmery konkrétneho bloku, musíte kliknúť na položku obalu v časti „Zobrazenie kódu stránky“. Na bočnej strane sekcie CSS prehliadača uvidíte číselné hodnoty pre šírku prvku v pixeloch. Ak chcete zmeniť veľkosť celého drôtového modelu, musíte upraviť hlavný prvok a potom vykonať zmeny aj v iných prvkoch. Odporúča sa to urobiť na lokálnom serveri, aby vaša stránka „neskákala“ pred používateľov. A vo všeobecnosti je lepšie to urobiť ešte pred spustením internetového projektu.
Tento riadok je zodpovedný za parametre strednej časti stránky, teda za blok obsahu a za bočné stĺpce. Nedotýkajte sa "hlavnej" línie - to je hlavná časť stránky. Musíte nájsť značku "mainnav" - toto je bočný panel. Všetko, čo potrebujete, je zmeniť položku šírka v CSS, ktorá je zodpovedná za šírku - zadať inú hodnotu veľkosti. Bočný panel môžete zmenšiť alebo zväčšiť, ale nezabudnite postupovať podľa vyššie uvedených tipov na veľkosť, aby ste sa uistili, že sa vaše stránky zobrazujú správne.
Aby sa zmeny uložili, musia byť vykonané na serveri. To znamená, že najprv môžete otestovať úpravy na lokálnom hostingu, ale potom nezabudnite skopírovať upravený súbor style.css a pridať ho do databáz hlavného servera. Až potom sa zmeny prejavia.
doplnok na zmenu veľkosti bočného panela
Ak sa nechcete predierať kaskádovými štýlmi a hľadať prvky, ktoré je potrebné upraviť, potom môžete použiť doplnok Visual Sidebar Editor for WordPress. Ide o špeciálny modul, ktorý je špeciálne navrhnutý na generovanie bočných panelov. Je súčasťou väčšieho nástroja Visual Composer.
Doplnok Visual Composer je prirodzený tvorca stránok pre WordPress. S ním môžete vytvoriť hotovú šablónu od začiatku. Modul pracuje s krátkymi kódmi a jeho inštalácia je veľmi jednoduchá. Ak zmena veľkosti bočného panela nie je jediná vec, ktorú musíte urobiť, stiahnite si doplnok Visual Composer a pridajte Visual Sidebar Editor ako doplnok. Ak je problém len vo veľkosti bočného panela stránky, tak postačí modul Visual Sidebar Editor.
Výhodou použitia pluginu na zmenu bočného panela je, že robí všetko automaticky. To znamená, že pomocou systému Drag & Drop ukážete, čo chcete zmeniť, a modul nezávisle opraví kód prvku na základe vašich požiadaviek. Ak si chcete vyskúšať úpravu html tagov, plugin vám takúto možnosť poskytne. Okrem toho má špeciálne krátke kódy na pridávanie ďalších funkcií na stránku – viac ako 40 rozšírení.
Ďalším plusom používania takéhoto doplnku na úpravu stránok je, že zmeny sa uložia bez ohľadu na verziu motora. Aj keď aktualizujete WordPress, šablóna sa nezmení – riadi ju modul. Preto môžete prejsť na staršie verzie alebo aktualizovať WordPress - to už neuškodí rozmerom bočného panela. Okrem toho doplnok funguje s pohodlným importom a exportom - to znamená, že môžete kopírovať bočné panely z jednej stránky a prenášať ich na druhú. A čo je najdôležitejšie, modul funguje podľa mimoriadne jasného princípu – rýchlo si ho osvojí aj začiatočník.
Ak sa vám páči práca editora Visual Sidebar Editor, zvážte inštaláciu kompletnej sady doplnkov – modulu Visual Composer. Potom bude pre vás jednoduché upraviť ľubovoľný prvok na stránkach portálu.
Chcete vytvoriť stránku WordPress v plnej veľkosti?
Potom späť k tomu, prečo sme tu.
Metóda 1: Použitie vstavanej šablóny šírky v téme WordPress
Táto metóda sa odporúča, ak vaša téma WordPress už obsahuje šablónu celej stránky. Ak ho nemáte, prejdite na ďalšiu možnosť a získajte ho.
Najprv musíte upraviť stránku alebo vytvoriť novú na stránke „ Stránky > Pridať Nová stránka
V okne na úpravu stránky vyberte Plná šírka ako šablónu pod začiarkavacím políčkom atribúty stránky.
Po výbere modelu Plná šírka Musíte zaregistrovať svoju stránku. Môžete pokračovať v prispôsobovaní stránky a pridať ďalší obsah, alebo môžete kliknúť na tlačidlo ukážky a zobraziť ju v akcii.
Ak nemáte možnosť „Plná šírka“ – „plná šírka šablóny“ – na obrazovke úprav vašej stránky, znamená to, že vaša téma WordPress túto stránku nemá.
Ale nebojte sa, ukážeme vám, aké ľahké je vytvoriť celú stránku bez zmeny témy WordPress.
Metóda 2: Ako vytvoriť šablónu stránky s plnou šírkou
Táto metóda vyžaduje, aby ste upravovali súbory tém WordPress, ktoré používate, a mali základné znalosti PHP, CSS a HTML.
Mimochodom, pozývame vás tiež na konzultáciu s
Najprv musíte otvoriť textový editor, napríklad Poznámkový blok, a prilepiť nasledujúci kód do prázdneho súboru:
Php / * Имя шаблона: * Полная ширина / get_header (); ?>
Tento kód jednoducho určí názov šablóny súboru a požiada WordPress, aby extrahoval šablónu hlavičky.
Potom potrebujete obsahovú časť kódu. Pripojte sa k svojej stránke pomocou FTP klienta ( alebo správca súborov v cPaneli), potom prejdite na /wp-content/themes/your-theme-directory/ .
Potom by ste mali nájsť súbor s názvom " page.php". Toto je predvolený súbor šablóny stránky pre vašu tému.
Skopírujte všetko po " get_header() A vložte ho do súboru Plná šírka.php To je to, čo ste vytvorili vo svojom počítači.
Teraz sa musíte pozrieť na obsah súboru "full-width.php" a odstrániť tento riadok kódu:
Php get_sidebar (); ?>
Tento riadok jednoducho obnoví bočný panel a zobrazí ho vo vašej téme WordPress. Ak to odstránite, váš motív nebude pri používaní šablóny zobrazovať bočný panel Plná šírka.
Tento riadok môžete vidieť, že sa vo vašej téme WordPress objavuje viackrát. Ak má vaša téma WordPress viacero, v kóde sa na každý bočný panel odkazuje len raz. Musíte sa rozhodnúť, ktoré bočné panely si chcete ponechať.
Váš web sa načítava pomaly, objavte
Ak váš motív na vašej stránke nezobrazuje bočné panely, možno tento kód vo svojom súbore nenájdete.
Takto sa náš full-width.php kód stará o vykonávanie zmien. Váš kód sa môže mierne líšiť v závislosti od vašej témy.
php / * * Имя шаблона: полная ширина * / get_header (); ?> php // Запустить цикл. while (have_posts ()): the_post (); // Включить шаблон содержимого страницы. get_template_part ("template-parts / content", "page"); // Если комментарии открыты, как нам это сделать? if (comments_open () || get_comments_number ()) {comments_template (); } // Конец цикла. ENDWHILE; ?> main> div> php get_footer (); ?>
Potom musíte súbor stiahnuť Plná šírka.php V priečinku s témou WordPress s .
Úspešne ste vytvorili a odovzdali vlastnú šablónu stránky v plnej šírke pre svoj motív. Ďalším krokom je použitie tejto šablóny na vytvorenie stránky v plnej veľkosti.
Prejdite na informačný panel a upravte alebo vytvorte novú stránku.
Na obrazovke úprav stránky nájdite začiarkavacie políčko atribútov stránky a kliknite na rozbaľovaciu ponuku pod možnosťou Model.
Budete môcť vidieť svoj model. Pokračujte, vyberte ju a uložte alebo obnovte stránku.
Teraz môžete navštíviť svoj web a uvidíte, že bočné panely sú preč a vaša stránka sa zobrazuje ako stránka s jedným stĺpcom. Možno ešte nie je naplnená, ale teraz ste pripravení ju distribuovať iným spôsobom.
Zviditeľnite svoju stránku objavovaním
Na objavenie tried CSS, ktoré vaša téma používa na definovanie oblasti obsahu, budete musieť použiť nástroj Inspect.
Potom môžete pomocou CSS upraviť jeho šírku na 100 %. Použili sme nasledujúci kód CSS:
.page-template full-width zone.content(width: 100%; Margin: 0px; border: 0px; padding: 0px; ) .page-template fullwidth.Output(margin: 0px; )
Takto bude vyzerať Twenty Seventeen.
To je všetko pre tento návod, dúfam, že vám umožní vytvárať stránky v plnej veľkosti.
Vyššie uvedené metódy sú bezplatné pre tých, ktorí si to môžu dovoliť a chcú rýchlo vytvoriť rozloženia v plnej alebo plnej šírke.
Objavte aj niektoré prémiové doplnky WordPress
Môžete použiť ďalšie doplnky WordPress, aby ste získali moderný vzhľad a zefektívnili správu blogu alebo webových stránok.
Ponúkame vám niekoľko prémiových doplnkov WordPress, ktoré vám s tým pomôžu.
1. Divi Builder
Divi Builder je vysoko kvalitný nástroj na tvorbu stránok, ktorý je vysoko uznávaný Elegantné motívy Hoci sa bežne používa ako súčasť témy Divi WordPress, Divi Builder je tiež samostatný doplnok, ktorý možno použiť v iných témach WordPress.
Divi Builder vám umožňuje upravovať váš obsah pomocou vizuálneho rozhrania na front-ende, ako aj rozhrania na strane servera, hoci väčšina používateľov uprednostňuje prvé.
V podstate namiesto bočných panelov je všetko v kontextových oknách a plávajúcich tlačidlách. Poskytuje vám prístup k 316 preddefinovaným šablónam distribuovaným v 40 rôznych prezentačných balíkoch a tiež vám umožňuje uložiť si vlastné návrhy ako šablóny.
Pozývame vás na otvorenie
Jedným z charakteristických znakov Divi bola vždy kontrola nad štýlmi, ktoré vám dáva. Na troch rôznych kartách môžete upraviť rôzne možnosti vrátane citlivých ovládacích prvkov, vlastných medzier a ďalších.
Môžete dokonca pridať vlastný CSS, pretože jeho editor CSS kombinuje základné overenie a automatické dopĺňanie.Jednou z výčitiek Divi Builderu vždy bolo, že je založený na . To znamená, že ak ho raz vypnete, vo vašom obsahu zostane veľa krátkych kódov. Aj keď je to trochu deprimujúce, teraz je menej problémov s doplnkami, ako je Shortcode Cleaner.
2. Staviteľ
Niet divu, že Themify Builder je ponuka tímu Themify. Integruje ho do mnohých svojich tém WordPress, aby zákazníkom poskytol jednoduché možnosti prispôsobenia. Môžete si ho však kúpiť aj ako samostatný doplnok a použiť ho s akoukoľvek témou WordPress.
Rovnako ako Divi Builder a WPBakery Page Builder, aj Themify Builder vám umožňuje vytvárať rozloženia na frontende alebo backende.Ďalšou dobrou vecou je, že tento doplnok vám umožňuje prispôsobiť vaše citlivé body prerušenia (ale iba na úrovni celej lokality).
Objavte vytvorenie internetového obchodu a jednoducho predávajte svoje produkty online
Zaujímavou funkciou Themify Builder je, že vám stále umožňuje používať štandardný editor WordPress, zatiaľ čo iní tvorcovia stránok vás nútia používať rozhranie Page Builder na všetko.
3. Fakír
Doplnok WordPress Elementor, ktorý bol pôvodne spustený v roku 2016, je jedným z najmladších vývojárov na tomto zozname. Napriek neskorému spusteniu Elementor rýchlo nazhromaždil viac ako 1 000 000 aktívnych inštalácií na WordPress.org, čím sa stal jedným z najpopulárnejších tvorcov WordPress.
Ak máte nejaké návrhy alebo pripomienky, zanechajte ich v našej sekcii
Niektoré WordPress šablóny sú v bočnom menu, takzvanom bočnom paneli, skôr úzke, alebo naopak úzke v sekcii článkov a niektorí webmasteri samozrejme potrebujú rozšíriť určité hranice, napríklad aby sa tam zmestili bannery. V tomto článku vám ukážem ako zmeniť veľkosť hlavičky, šablóny, sekcie článkov alebo bočnej ponuky.
Na čo môže byť potrebné zmeniť veľkosť šablóny.
Možno budete chcieť zmeniť veľkosť šablóny na úplnom začiatku, hneď ako ste ju nainštalovali, ako aj po napísaní niekoľkých článkov a začali sa objavovať prvé desiatky návštevníkov. Potreboval som napríklad rozšíriť šablónu, keď som chcel skúsiť zarobiť prvých pár centov na reklame na svojom blogu. Pre tieto účely bol zvolený bannerový reklamný systém od Google-AdSense. Ale aby ste zarobili aspoň nešťastné dva centy, musíte vziať do úvahy dva parametre:
- Aby niekto klikol na reklamu, musia byť na určitých miestach bannery, ktoré systém vydá. Na internete píšu, že ide o ľavý posúvač, umiestnime tam štvorcový banner a trikrát do článku. Na samom vrchole, v strede, po nejakom smerovaní a na samom konci. Toto usporiadanie bude ideálne na to, aby ľudia klikli na banner. Samozrejme, existujú aj iné možnosti, napríklad na obrázkoch, ale v rámci tohto článku ich nezvažujeme.
- Google vydáva bannery určitých veľkostí.
tie. musíme skombinovať prvý a druhý bod, konkrétne, aby sme sa uistili, že bannery od spoločnosti Google alebo Yandex sú umiestnené na miestach určených na tento účel, na ľavom bočnom paneli a v článkoch. Keďže moja šablóna bola na tieto účely príliš úzka a vešať malé bannery nemá zmysel, pretože na ne nikto nebude klikať, ostáva už len natiahnuť bočné menu a sekciu článkov.
Ako zväčšiť šablónu horizontálne časť 1, pochopte čísla
Aby sme pochopili, o koľko potrebujeme zväčšiť šírku toho či onoho prvku, nemusíme na prvý pohľad odhadnúť „centimeter stačí tam a pol centimetra tam“, ale tieto čísla presne zistiť v pixeloch. Pomôže nám s tým takmer každý prehliadač, napríklad:
- safari
- firefox
- google chrome
Osobne to ukážem na príklade Safari a vy na akomkoľvek prehliadači, ktorý vám vyhovuje. Rozdiely by mali byť iba v jednom tlačidle.
Takže základ - veľkosť našej stránky pozostáva zo 4 prvkov, veľkosti samotnej šablóny, veľkosti stránky, veľkosti bloku článku a ľavého bloku ponuky. Všetko postupne zvýšime, nebojte sa, nie je to strašidelné.
Ak chcete zmeniť šírku ľavého menu.
V tomto prípade môžete zmeniť pixely, ako sme to urobili v kroku 3-5, aj percento na stránke. Na to stačí zmeniť parameter namiesto pixelov
Tieto hodnoty znamenajú, koľko percent šírky môže zaberať tento alebo ten prvok. Hlavná vec je, že súčet bočného panela a článku by mal trvať 100% a nie viac, inak bude všetko na stránke plávať.
To je všetko. Teraz vieme, aké hodnoty musíme zmeniť, aby všetko sedelo. Zostáva už len zadať potrebné údaje do súboru štýlu.
Ako zväčšiť šablónu horizontálne časť 2, zmeniť šírku
Potom, čo sme pochopili čísla a zapísali ich niekde na papier, poďme ich teraz zmeniť pre všetkých, nielen pre seba. Pre to:
- Prihláste sa cez FTP na stránku
- Nájdite a skopírujte súbor /wp-content/themes/Your theme/style.css do svojho počítača
- Vytvorte záložnú kópiu tohto súboru, t.j. skopírujte ho do priečinka dokumentov. Aby v počítači boli dve kópie súboru, jedna, na ktorej budeme pracovať, druhá, ktorej sa nedotkneme. Druhá slúži v prípade, že niečo zle zmeníme a zabudneme na čo.
- Otvorte súbor v pohodlnom editore. Teraz stojíme pred pomerne jednoduchou úlohou zmeniť staré hodnoty na nové. Existujú dva spôsoby, prvý je jednoduchý a druhý ťažký. Najprv vyhľadávaním nájdeme starú hodnotu a namiesto nej napíšeme novú. Druhý spôsob je hľadať názov štýlov, vo vnútri štýlov hľadáme šírku a meníme hodnotu.
Osobne som si vybral prvý, jednoduchý spôsob pre seba, pretože vám umožňuje vykonať zmeny za pár sekúnd. Hľadáme teda hodnotu 980. Vyhľadávanie súboru poskytlo iba dva parametre, ktoré musím zmeniť.
Prvý je zodpovedný za šírku celého webu:
1
2
3
4
5
6
7
8
| #page ( min- výška: 100px; jasná: oboje; šírka: 96 %; výplň: 0 ; výplň- hore: 24px; max- šírka: 980px; pretečenie: skryté; |
#page ( min-height: 100px; clear: both; width: 96%; padding: 0; padding-top: 24px; max-width: 980px; overflow: hidden;
Druhá je pre šírku dvoch prvkov, zoznamu článkov a ľavého menu:
1
2
3
4
5
6
7
8
9
10
11
| . hlavný- kontajner ( šírka: 980px; okraj: 0 automaticky; pretečenie: skryté; výplň: 0 ; pozadie: #fff; pozícia: relatívna; - webkit- box- shadow: 0px 0px 10px rgba(50 , 50 , 50 , 0,17 ) ;-moz- box-shadow: 0px 0px 10px rgba(50 , 50 , 50 , 0,17 ); box-shadow: 0px 0px 10px rgba(50 , 50 , 50 , 0,17 ) ; ) |
Hlavný kontajner ( šírka: 980px; okraj: 0 automaticky; pretečenie: skryté; výplň: 0; pozadie: #fff; pozícia: relatívna; -webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0,17) ; -moz-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0,17); box-shadow: 0px 0px 10px rgba(50, 50, 50, 0,17); )
Jediné, čo musíme urobiť, je zmeniť hodnoty z 980 na 1080 a načítať späť.
To je všetko, no ak by ste mali nejaké otázky, píšte do komentárov, prípadne vám rád pomôžem.
Od autora: Dobrý deň, priatelia. V ďalšom článku na tému WordPress sa budeme zaoberať otázkou, ako zmeniť šablónu WordPress. Ak ste sa ešte nikdy nestretli s potrebou úpravy WordPress šablóny, tak si určite prečítajte tento článok, pretože skôr či neskôr budete musieť s veľkou pravdepodobnosťou riešiť otázky prispôsobenia a úpravy WordPress šablóny.
Na začiatok si definujme najčastejšie otázky, s ktorými sa používatelia stretávajú pri prispôsobovaní WordPress šablóny pre seba. Tu je ich vzorový zoznam:
ako upraviť šablónu wordpress
zmeniť šírku šablóny vo wordpresse
ako zmeniť veľkosť šablóny wordpress
ako zmeniť farbu šablóny wordpress
ako zmeniť písmo v šablóne wordpress
A to je len malý zoznam problémov, s ktorými sa môžete stretnúť alebo ktoré môžete pomôcť vyriešiť iným, a to aj za poplatok, ak vytvárate webové stránky na objednávku.
Všetky otázky vo vyššie uvedenom zozname môžu byť vyriešené dvoma spôsobmi, v závislosti od témy, ktorá je pre stránku použitá. Začnime s najjednoduchšou možnosťou, ktorá nevyžaduje znalosti rozloženia. Táto možnosť je vhodná, ak šablóna podporuje úpravy z nastavení.
Poďme do sekcie Vzhľad – Prispôsobiť a pozrime si hlavnú stránku lokality a dostupné nastavenia lokality na ľavej strane stránky. Medzi nimi môžu byť nastavenia dizajnu.
Skúsme napríklad zmeniť farebnú schému stránky. Poďme do ponuky Farby a zmeňte pozadie bočných a centrálnych častí webu.
Ako vidíte, je to celkom pohodlné a zmena farby WordPress šablóny je celkom jednoduchá – výsledok vidíme okamžite a môžeme ho vyhodnotiť.
Nie každá téma však ponúka všetky prispôsobenia šablón WordPress, ktoré potrebujeme. Napríklad je nepravdepodobné, že existujú nastavenia, ktoré vám umožnia zmeniť šírku šablóny na WordPress, napríklad ani v aktuálnej téme nie sú žiadne nastavenia, ktoré by vám umožnili zmeniť písmo v šablóne atď. Ako byť v tomto prípade? Tu sa budeme musieť uchýliť k druhej možnosti a tu sú už potrebné zručnosti v oblasti rozloženia.
Najčastejšie teda potrebujeme upravovať iba jeden súbor – ide o súbor štýlu style.css. Nachádza sa v priečinku s témou. Ako príklad zmeňme farbu písma. Mimochodom, môžete to urobiť priamo z administračného panela WordPress. Len si dávajte pozor a dávajte si pozor, aby ste lokalitu náhodou „nerozbili“. Pred vykonaním akýchkoľvek zmien je najlepšie tému zálohovať. Prejdite teda do ponuky Vzhľad - Editor a predvolene by ste mali mať súbor štýlu témy otvorený na úpravy.
Ak nie je, vyberte tento súbor zo zoznamu napravo, volá sa Šablóna štýlov (style.css). Najčastejšie sa farba písma nastavuje v tele, takže nájdime štýly tohto prvku a nastavme červenú farbu pre ako farbu písma.
Po uložení súboru môžeme aktualizovať stránku a vidieť červenú farbu hlavného písma na stránke.
Ako vidíte, prispôsobenie šablóny WordPress pre seba je pomerne jednoduchá úloha. S trochou znalostí CSS budete môcť upravovať WordPress šablónu a upravovať šablónu podľa potreby. Podľa rovnakej schémy môžeme vyriešiť ďalšie podobné problémy. Týmto sa s vami lúčim. Veľa šťastia a do skorého videnia!
Často pri výbere wordpress šablóny nastáva problém – tým je nedostatočná šírka blokov. Mnohí majú okamžite túžbu zmeniť šírku šablóny. Pre tých, ktorí sú dobre oboznámení s html alebo php, to nespôsobí žiadne zvláštne problémy. Ale aby ste mohli podrobne písať o tom, ako vykonať zmeny vo veľkosti šablóny wordpress pre nepripraveného človeka, potrebujete celú brožúru.
Najjednoduchšia vec je objednať, ale tí, ktorí sa o to pokúšajú sami, získavajú vedomosti. V budúcnosti sa nebude musieť kvôli každej maličkosti obracať na špecialistov. Poznať „základ“, ako to urobiť, je celkom možné. Pred začatím akýchkoľvek zmien si vytvorte záložnú kópiu všetkých stránok vášho zdroja. V prípade nepresnej práce môžete ľahko obnoviť pôvodný vzhľad stránky.
Wordpressových šablón je neskutočné množstvo, všetky sú iné a každá sa mení po svojom. Ale také základné bloky ako: šírka hlavnej stránky, hlavička, ľavý a pravý stĺpec, päta majú všetko. Pre prácu potrebujeme:
-
Webový prehliadač Mozilla Firefox.
-
Doplnok Firebug nainštalovaný vo Firefoxe.
Keď je všetko, čo potrebujete, stiahnuté, nainštalované a pripravené na použitie, otvorte vybranú šablónu v prehliadači Mozilla Firefox a kliknutím na ikonu chyby spustite Firebug.
Panel zásuvných modulov
V spodnej časti sa otvorí panel doplnkov, v ktorom budeme pracovať. Všetky vykonané zmeny sa okamžite zobrazia v hornej časti monitora. Na záložke vpravo vidíme CSS štýl vybraného prvku, vľavo html kód stránky. Ak chcete zväčšiť alebo zmenšiť šírku šablóny, prvá vec, ktorú musíme vedieť, je aktuálna veľkosť základne. Kliknite na ikonu kurzora nášho pluginu.
Prvky na stránke budú zvýraznené rôznymi farbami a každý prvok stránky si budete môcť zvýrazniť, aby ste sa podrobne zoznámili so štruktúrou svojho webu. Po prijatí názvu zistíte presné rozmery. Po nastavení aktuálnej šírky kliknite na túto hodnotu ľavým tlačidlom myši. Skúšobnou metódou vytvoríme najvhodnejšiu šírku a vyskúšame jej zobrazenie.
Nebojte sa experimentovať s akýmikoľvek prvkami a hodnotami. Aktuálne zmeny nemôžu nijako ovplyvniť vašu stránku na serveri, sú aktívne iba v okne pluginu (aktuálna vyrovnávacia pamäť Mozilly). Pri aktualizácii sa obnovia všetky nastavenia.
Upravte style.css
Teraz zostáva uložiť tieto zmeny pre šablónu wordpress. Zvyčajne je šírka šablóny zapísaná v style.css. Vstúpime do administratívneho panelu webu → vzhľad → editor → style.css → riadok 79, zmeníme hodnotu šírky. Ušetríme.
Aktualizované: 21.08.2023
103583
Ak si všimnete chybu, vyberte časť textu a stlačte Ctrl + Enter