Kako dodati WordPress widget v glavo spletnega mesta

Ali želite dodati gradnik WordPress v območje glave vašega spletnega mesta? S pripomočki lahko preprosto dodate vsebinske bloke v določene odseke teme. V tem članku vam bomo pokazali, kako lahko preprosto dodate pripomoček WordPress v glavo svojega spletnega mesta.


V glavo svojega spletnega mesta dodajte pripomoček WordPress

Opomba: To je vadnica za vmesno raven. Kode boste morali dodati v svoje teme WordPress in zapisati CSS.

Zakaj in kdaj potrebujete pripomoček za glavo na svojem spletnem mestu?

S pripomočki lahko preprosto dodate vsebinske bloke na določeno območje v svoji WordPress temi. Ta določena območja imenujemo stranske vrstice ali območja, pripravljena na gradnike.

Območje, pripravljeno na gradnik v glavi ali pred vsebino, se lahko uporablja za prikazovanje oglasov, nedavnih člankov ali česar koli želiš.

To posebno območje se imenuje „Spodaj na poti“ in vsa priljubljena spletna mesta ga uporabljajo za prikaz resnično pomembnih stvari.

Odsek z glavo na priljubljeni spletni strani List25

Običajno teme WordPress dodajo stranske vrstice poleg vsebine ali v območju noge. Številne teme WordPress nad vsebino so ali v glavi dodajo področja, pripravljena na gradnike.

Zato bomo v tem članku opisali, kako dodati območje gradnika v glavo vašega spletnega mesta WordPress.

Korak 1. Ustvarjanje območja gradnika glave

Najprej moramo ustvariti območje gradnikov po meri. Ta korak vam bo omogočil ogled območja gradnikov po meri Videz »gradniki strani na nadzorni plošči WordPress.

To kodo boste morali dodati v datoteko function.php teme.

funkcija wpb_widgets_init () {

register_sidebar (matrika (
‘ime’ => »Območje pripomočka glave glave«,
‘id’ => ‘widget po meri po meri’,
‘before_widget’ => ”,
‘after_widget’ => ”,
‘pred_title’ => ‘

‘,
‘after_title’ => ‘

‘,
));

}
dodajanje (‘widgets_init’, ‘wpb_widgets_init’);

Ta koda registrira novo stransko vrstico ali območje, pripravljeno za gradnike, za vašo temo.

Zdaj lahko greš Videz »gradniki na strani in videli boste novo območje pripomočkov z oznako »Območje pripomočkov glave glave«.

Področje gradnika glave po meri

Pojdite naprej in dodajte besedilni gradnik na novo ustvarjeno območje gradnikov in ga shranite. Oglejte si naš vodnik o dodajanju in uporabi gradnikov v programu WordPress za podrobna navodila o dodajanju pripomočkov.

2. korak: Prikažite pripomoček za glavo glave po meri

Če zdaj obiščete vaše spletno mesto, ne boste mogli videti besedilnega pripomočka, ki ste ga pravkar dodali v novo ustvarjeni pripomoček za glavo.

To je zato, ker še nismo povedali WordPressu, kje naj prikaže to področje pripomočkov.

Naredimo to v tem koraku.

V svoji temi boste morali urediti datoteko header.php in to kodo dodati tam, kjer želite prikazati območje gradnikov po meri.

<?php

if (is_active_sidebar (‘widget-header-widget’)): ?>

<?php dinamična_strana (‘widget-header-widget po meri’); ?>

<?php endif; ?>

Ne pozabite shraniti sprememb.

Zdaj lahko obiščete vaše spletno mesto in videli boste območje pripomočka za glavo.

Nepredstavljen pripomoček za glavo

Opazili boste, da je videti nekoliko nepopolno. Tu boste potrebovali CSS, da bo izgledal lepši.

3. korak: S pomočjo CSS oblikujte območje svojega pripomočka za glavo

Glede na vašo temo boste morali dodati CSS, če želite nadzirati, kako je prikazano območje pripomočka glave in vsakega pripomočka znotraj njega.

Preprostejši način je to z uporabo vtičnika CSS Hero. Omogoča vam uporabo intuitivnega uporabniškega vmesnika za spreminjanje CSS katere koli teme WordPress. Za več podrobnosti glejte naš pregled CSS Hero.

Če ne želite uporabljati vtičnika, lahko temu dodate css po meri, tako da obiščete Videz »Prilagodi stran.

To bo zagnalo vmesnik za prilagajanje tem WordPress. Boste morali klikniti na kartico “Dodatni CSS”.

Dodajanje CSS-ja po meri v temo WordPress

Dodatni zavihek CSS v orodju za prilagajanje tem vam omogoča, da dodate CSS po meri med gledanjem sprememb, ki se pojavijo v predogledu v živo.

Zaradi te vadbe predvidevamo, da boste to območje uporabljali samo za dodajanje enega pripomočka za prikazovanje oglasov s pasicami ali pripomočka po meniju po meri.

Tu je nekaj vzorčnih CSS, ki vam bodo pomagali začeti.

div # header-widget-area {
širina: 100%;
barva ozadja: # f7f7f7;
obrobje-dno: 1px trdna #eeeeee;
poravnava besedila: sredina;
}
h2.chw-naslov {
zgornja meja: 0px;
poravnava besedila: levo;
preoblikovanje besedila: velika črka;
velikost pisave: majhna;
barva ozadja: #feffce;
širina: 130px;
oblazinjenje: 5px;
}

Tako je izgledalo naše območje gradnikov po meri na privzeto temo Dvajset sedemnajst.

Predogled pripomočka za glavo

Morda boste morali prilagoditi CSS, da ustreza vaši temi. Oglejte si naš vodič o tem, kako dodati widget po meri sloge po meri.

Upamo, da vam je ta članek pomagal naučiti, kako dodati dodatek WordPress v glavo svojega spletnega mesta. Mogoče bi radi videli tudi naš seznam 25 najbolj uporabnih pripomočkov WordPress za vaše spletno mesto.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me