Kā vietnes Word galvenē pievienot WordPress logrīku

Vai vēlaties savas vietnes galvenes apgabalā pievienot logrīku WordPress? Logrīki ļauj ērti pievienot satura blokus norādītajām motīva sadaļām. Šajā rakstā mēs jums parādīsim, kā vietnes galvenē viegli pievienot logrīku WordPress.


Vietnes galvenē pievienojiet WordPress logrīku

Piezīme: Šī ir vidēja līmeņa apmācība. Jums būs jāpievieno kods WordPress motīvu failiem un jāraksta CSS.

Kāpēc un kad vietnē ir vajadzīgs galvenes logrīks?

Logrīki ļauj jums viegli pievienot satura blokus WordPress motīva izraudzītajam apgabalam. Šīs noteiktās zonas sauc par sānjoslām vai ar logrīkiem gataviem apgabaliem.

Widget gatavs apgabals galvenē vai pirms satura var tikt izmantots, lai parādītu reklāmas, nesenus rakstus vai visu, ko vēlaties.

Šis konkrētais apgabals tiek saukts par “zem pārsega”, un visas populārās vietnes to izmanto, lai parādītu patiešām svarīgu saturu.

Galvenes sadaļa populārajā vietnes25 sarakstā25

Parasti WordPress motīvi blakus saturam vai kājenes laukiem pievieno sānjoslas. Ne mazums WordPress motīvu pievieno logrīkiem gatavus apgabalus virs satura vai virsrakstā.

Tāpēc šajā rakstā mēs apskatīsim, kā logrīku apgabalu pievienot savas WordPress vietnes galvenē.

1. solis. Galvenes logrīku apgabala izveidošana

Pirmkārt, mums ir jāizveido pielāgots logrīku apgabals. Šis solis ļaus jums redzēt pielāgoto logrīku apgabalu Izskats »Logrīki lapa jūsu WordPress informācijas panelī.

Šis kods būs jāpievieno sava motīva failam function.php.

funkcija wpb_widgets_init () {

register_sidebar (masīvs (
‘nosaukums’ => “Pielāgota galvenes logrīku zona”,
‘id’ => “pielāgots galvenes logrīks”,
‘before_widget’ => ”,
‘after_widget’ => ”,
‘pirms nosaukuma’ => ‘

‘,
‘pēc nosaukuma’ => ‘

‘,
));

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

Šis kods jūsu tēmai reģistrē jaunu sānjoslu vai logrīku gatavību.

Tagad jūs varat doties uz Izskats »Logrīki lapu, un jūs redzēsit jaunu logrīku apgabalu ar apzīmējumu “Pielāgota galvenes logrīka apgabals”.

Pielāgota galvenes logrīka apgabals

Iet uz priekšu un pievienojiet teksta logrīku šim jaunizveidotā logrīka apgabalam un saglabājiet to. Detalizētus norādījumus par logrīku pievienošanu skatiet mūsu rokasgrāmatā par to, kā WordPress pievienot un lietot logrīkus.

2. darbība: parādiet savu pielāgoto galvenes logrīku

Ja jūs apmeklējat savu vietni tagad, jūs nevarēsit redzēt teksta logrīku, ko tikko pievienojāt jaunizveidotajam galvenes logrīkam..

Tas notiek tāpēc, ka mēs vēl neesam WordPress teikuši, kur parādīt šo logrīku apgabalu.

Darīsim to šajā solī.

Jums būs jārediģē header.php fails motīvā un jāpievieno šis kods tur, kur vēlaties parādīt pielāgoto logrīku apgabalu..

<?php

if (is_active_sidebar (‘pielāgots galvenes logrīks’)): ?>

<?php dynamic_sidebar (‘pielāgots galvenes logrīks’); ?>

<?php endif; ?>

Neaizmirstiet saglabāt izmaiņas.

Tagad varat apmeklēt savu vietni, un jūs redzēsit galvenes logrīka apgabalu.

Neizveidots galvenes logrīks

Jūs ievērosiet, ka tas izskatās mazliet nepulēts. Šeit jums būs nepieciešama CSS, lai tā izskatās labāk.

3. solis: veidojiet galvenes logrīku zonu, izmantojot CSS

Atkarībā no motīva, jums būs jāpievieno CSS, lai kontrolētu, kā tiek parādīts galvenes logrīka apgabals un katrs logrīks tā iekšpusē..

Vienkāršākais veids, kā to izdarīt, ir, izmantojot CSS Hero spraudni. Tas ļauj jums izmantot intuitīvu lietotāja interfeisu, lai mainītu jebkuras WordPress tēmas CSS. Papildinformāciju skatiet mūsu CSS varoņa pārskatā.

Ja nevēlaties izmantot spraudni, varat savam motīvam pievienot pielāgotu css, apmeklējot vietni Izskats »Pielāgot lappuse.

Tas atvērs WordPress motīvu pielāgošanas interfeisu. Jums būs jānoklikšķina uz cilnes Papildu CSS.

Pielāgotas CSS pievienošana WordPress motīvam

Papildu CSS cilne motīvu pielāgošanas rīkā ļauj pievienot pielāgoto CSS, skatoties, kā izmaiņas parādās tiešajā priekšskatījumā.

Šīs apmācības labad mēs pieņemam, ka jūs izmantosit tikai šo apgabalu, lai pievienotu atsevišķu logrīku reklāmkarogu rādīšanai vai pielāgotu izvēlnes logrīku.

Šeit ir daži CSS paraugi, kas palīdzēs jums sākt.

div # galvenes logrīku apgabals {
platums: 100%;
fona krāsa: # f7f7f7;
robeža-apakšdaļa: 1px ciets #eeeeee;
text-align: centrs;
}
h2.chw-title {
augšējā robeža: 0 pikseļi;
text-align: pa kreisi;
teksta pārveidošana: lielie burti;
burtu lielums: mazs;
fona krāsa: #feffce;
platums: 130 pikseļi;
polsterējums: 5px;
}

Šādi izskatījās mūsu pielāgotā galvenes logrīku zona noklusējuma tēmā Divdesmit septiņpadsmit.

Logrīka galvenes priekšskatījums

Jums, iespējams, vajadzēs pielāgot CSS, lai tā atbilstu jūsu motīvam. Apskatiet mūsu ceļvedi par to, kā pievienot pielāgotus stilus WordPress logrīkiem.

Mēs ceram, ka šis raksts jums palīdzēja uzzināt, kā vietnes galvenē pievienot logrīku WordPress. Jūs varat arī apskatīt mūsu vietnes 25 visnoderīgāko WordPress logrīku sarakstu.

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