Prajete si pridať widget WordPress do oblasti hlavičky vášho webu?

Widgety vám umožňujú ľahko pridávať bloky obsahu do určených sekcií vašej témy WordPress.

V tomto návode vám ukážeme, ako ľahko pridať miniaplikáciu WordPress do hlavičky svojej webovej stránky.

Poznámky: Toto je tutoriál pre stredne pokročilých. Budete musieť pridať kód do súbory témy WordPress a zvládnuť niektoré CSS.

Ale pred akoukoľvek úpravou objavte našu 5 WordPress pluginy pre zálohovanie vášho blogu alebo Ako nainštalovať motív WordPress et Koľko pluginy mám nainštalovať na WordPress.

Potom sa vráťme k tomu, prečo sme tu. 

Prečo a kedy potrebujete pridať hlavičku do hlavičky?

Widgety vám umožňujú ľahko pridávať bloky obsahu do určenej oblasti vo vašej téme WordPress. Tieto určené oblasti sa nazývajú „ postranné „Alebo oblasti“ widgety".

Oblasť miniaplikácie v hlavičke sa dá použiť na zobrazenie reklám, nedávnych článkov alebo čokoľvek, čo chcete.

Táto konkrétna doména sa používa na všetkých populárnych webových stránkach na zobrazenie skutočne dôležitých informácií.

Objavte tiež Ako pridať vlastné miniaplikácie po odoslaní na WordPress

Ako všeobecné pravidlo, Témy WordPress pridajte bočné panely vedľa obsahu alebo do oblasti päty. Veľmi málo tém WordPress pridáva oblasti miniaplikácií nad obsah alebo do hlavičky.

Odporúčame tiež objaviť naše MailChimp kurz vo francúzštine: Kompletný sprievodca pre vytvorenie informačný bulletin

Preto v tomto tutoriále vám ukážeme, ako pridať oblasť miniaplikácií do hlavičky webovej stránky WordPress.

Krok 1: Vytvorte oblasť widgetov

Najskôr musíme vytvoriť vlastnú oblasť widgetov. Tento krok vám umožní vidieť vlastnú oblasť widgetov v „ Vzhľad> Widgety Na hlavnom paneli WordPress.

Tento kód budete musieť do súboru pridať functions.php Tvojej témy.

function bpc_widgets_init () {register_sidebar (array ('name' => 'Custom Header Widget Area', 'id' => 'custom-header-widget', 'before_widget' => ' ',' after_widget '=>' ',' before_title '=>' ',' after_title '=>' ',)); } add_action ('widgets_init', 'bpc_widgets_init');

Tento kód uloží nový bočný panel alebo oblasť miniaplikácií na tému WordPress.

Ak ste WordPress nikdy neinštalovali lokálne, zistite to Ako nainštalovať WordPress lokálne na PC / Windows s XAMPP

Môžete ísť na „ Vzhľad> Widgety A uvidíte novú oblasť miniaplikácií označenú „ Custom Header Widget Area ".

Pokračujte a do tejto novo vytvorenej oblasti pridajte textový widget a uložte ho.

Skúste tiež náš sprievodca pridávaním miniaplikácií.

Krok 2: Zobrazte svoj widget v hlavičke

Ak navštívite svoj web, neuvidíte práve pridanú textovú miniaplikáciu.

Pretože sme vám ešte nepreukázali, ako zobraziť zóny vlastné widgety WordPress.

To urobíme v tomto kroku.

Tu je pre vás tiež zoznam Doplnky 5 Critical WordPress na zvýšenie zárobkov vášho blogu

Budete musieť súbor upraviť header.php Do svojej témy WordPress pridajte tento kód, kde chcete zobraziť miniaplikácie.

Nezabudnite uložiť zmeny.

Potom môžete navštíviť svoj web a v hlavičke uvidíte textový widget.

Výsledok nemusí byť nevyhnutne najatraktívnejší. Preto budete potrebovať CSS, aby sa zobrazoval správne.

Krok 3: Dajte štýl svojim hlavičkám CSS

V závislosti na vašej téme WordPress budete musieť pridať nejaký kód CSS, aby ste ovládali, ako sa zobrazuje oblasť hlavičky a widgetu.

Jedným z najjednoduchších spôsobov, ako to urobiť, je použitie CSS Hero. Druhá možnosť vám umožňuje používať intuitívne užívateľské rozhranie na úpravu CSS témy WordPress.

Odporúčame vám to tiež objaviť Čo môžete urobiť s doplnkom Yellow Pencil WordPress?

Ak nechcete používať doplnok, môžete do svojej témy WordPress pridať vlastnú CSS tak, že prejdete na adresu „ Vzhľad »Prispôsobte Prispôsobenie témy WordPress.

Prečítajte si tiež náš článok o Doplnky 10 WordPress na zlepšenie prevádzky blogu

Toto vám umožní zobraziť rozhranie WordPress Customizer. Budete musieť kliknúť na dodatočné CSS ".

Karta « dodatočný CSS V poli „ Customizer Umožňuje pridať vaše vlastné CSS pri prezeraní zmien v ukážke vpravo.

Z dôvodov súvisiacich s týmto tutoriálom predpokladáme, že túto oblasť použijete na pridanie jediného miniaplikácie na zobrazenie bannerových reklám alebo vlastného miniaplikácie ponuky.

Tu je príklad CSS, ktorý vám pomôže začať:

div # header-widgetu-plocha {šírka: 100%; background-color: #f7f7f7; border-bottom: 1px pevné #eeeeee; text-align: centrum; } H2.chw-názov {margin-top: 0px; text-align: left; text-transform: uppercase; font-size: malý; background-color: #feffce; šírka: 130px; padding: 5px; }

Takto sa náš vlastný widget zobrazí v hlavičke témy dvadsaťsedemnástich.

Objavte aj niektoré prémiové doplnky WordPress  

Môžete použiť iné WordPress pluginy poskytnúť moderný vzhľad a optimalizovať prácu s vaším blogom alebo webovou stránkou.

Ponúkame vám tu niekoľko prémiových doplnkov WordPress, ktoré vám to pomôžu.

1. Smart4y Tooltip

Smart4y Tooltip je a WordPress Plugin flexibilný nástroj určený na vytváranie moderných popisov bez akejkoľvek závislosti od knižnice Javascript. Je plne responzívny a ponúka možnosť vkladania HTML obsahu.

Jeho WYSIWYG editor vám umožní vizuálne vytvoriť každý popis bez toho, aby ste museli zadávať akýkoľvek kód, ale ak ste ochotní, môžete to urobiť vždy.

Objavte aj naše 10 WordPress pluginy pre hodnotenie článkov z vášho blogu

Jeho ďalšie vlastnosti sú: Podpora stránky pre tvorcov, pomerne responzívne rozloženie, schopnosť definovať globálne parametre pre všetky popisy alebo definovať konkrétne parametre pre každý popis, podpora preddefinovaných vizuálnych efektov, výpočet polohy popisku v okne so zmenenou veľkosťou, podrobná dokumentácia atď.

Stiahnutie Ukážka web hosting

2. odôvodnené

Le WordPress Plugin Justified je responzívny doplnok galérie, ktorý zarovnáva vaše miniatúry do zarovnanej mriežky pomocou jQuery, napríklad na Flickr. 

Prináša funkcie, ktoré odlíšia vaše galérie od konkurencie!

Medzi jeho hlavné vlastnosti patrí: pohotové rozloženie, špeciálne preletové efekty, automatické vyrovnanie mriežky,  editor krátkych kódov, vzhľad eúplne prispôsobiteľné, podpora pdivákov a mnoho dalších…

Stiahnuť | demo | web hosting  

3. Plánovanie e-mailov

ce WordPress Plugin ako už názov napovedá, vám umožňuje naplánovať zverejnenie e-mailov na vašej webovej stránke. Je súčasťou rozšírení doplnku WordPress „Sledovať môj blogový príspevok“.

Teraz budete môcť naplánovať zverejňovanie svojich e-mailov podľa hodín, dní alebo týždňov.

Prečítajte si tiež náš článok o Zásuvné moduly 10 WordPress na používanie máp na vašich webových stránkach

Ponúka možnosť posielať kombinované e-maily pre všetky upozornenia namiesto každého e-mailu pre každé upozornenie a tiež umožňuje definovať rôzne e-mailové šablóny pre rôzne e-maily, aby sa príjem vašich e-mailov stal lepšie stráviteľným. .

Stiahnuť | demo | web hosting

Odporúčané zdroje

Zistite ďalšie odporúčané zdroje, ktoré vám pomôžu pri vytváraní a správe vašich webových stránok.

• Naučia sa vytvárať dokumenty Excel a Word na WordPress
• Ako prispôsobiť logo WordPress na informačnom paneli
• Ako nájsť súbory upravovať tému WordPress
• Ako prispôsobiť CSS vášho webu WordPress

záver

To je všetko! To je všetko pre tento tutoriál, dúfam, že vám pomôže pridať oblasť miniaplikácií do hlavičky vašej témy WordPress. Neváhaj zdieľať so svojimi priateľmi na obľúbených sociálnych sieťach. 

Môžete sa však poradiť aj s našimi zdroje, ak potrebujete viac prvkov na realizáciu svojich projektov tvorby internetových stránok, konzultujte nášho sprievodcu na internete Tvorba blogu WordPress.

Ak máte nejaké návrhy alebo pripomienky, nechajte ich v našej sekcii Komentáre.

...