Kā pievienot attēla ikonas WordPress navigācijas izvēlnes vienumiem, izmantojot cPanel

Ja navigācijas izvēlnē esat redzējis ikonas, iespējams, vēlēsities tās izmantot arī savā WordPress vietnē. Bet problēma rodas, ja jums ir vajadzīgas kodēšanas prasmes.


Ja esat iesācējs, varat instalēt un aktivizēt spraudni, lai izmantotu jebkuru no fonta satriecošās bibliotēkas ikonām. Bet, ja jūs mazliet zināt CSS, varat WordPress navigācijas izvēlnes vienumiem pievienot attēlu ikonas.

Rodas jautājums, vai jums ir nepieciešama cPanel pieeja vai nē. Šajā apmācībā jums jāpievieno pielāgotā CSS. Varat izmantot noklusējuma CSS redaktoru no sava administratora apgabala vai papildu CSS vietu pielāgotājā.

Lai gan lielākā daļa WordPress ekspertu drošības nolūkos slēpj motīvu redaktoru, tāpēc, ja vēlaties, varat izmantot iebūvēto pielāgošanas rīku.

Šajā apmācībā es jums parādīšu koda piemēru, lai jūs saprastu jēdzienu, un CSS pievienošana ir jums nepieciešama.

Tas ir tāpēc, ka katram cilvēkam ir atšķirīga metode, kā pievienot pielāgotu CSS.

Augšupielādējiet ikonu attēlus savā multivides bibliotēkā

Pirmkārt, datorā ir jāielādē ikonu attēli. Augšupielādējiet šos attēlus savā WordPress multivides bibliotēkā.

Ja vēlaties izmantot ikonu, nevis attēlus, jums ir jāintegrē trešās puses ikonu bibliotēka, kas palielina HTTP pieprasījumus. Tātad, es jums piedāvāšu vienkāršu risinājumu, kas neietekmē vietnes lapas ielādes laiku.

Tagad rīkojieties šādi.

1. darbība:

Iet uz Izskats>>Izvēlnes savā wp-admin apgabalā, kur var redzēt pašreizējo izvēlni.

Kā pievienot attēlu ikonas WordPress navigācijas izvēlnes vienumiem

2. darbība:

Tagad, ja jūs redzat cieši augšējā labajā stūrī, varat atrast "Ekrāna opcijas" saite. Jūs varat redzēt mega nolaižamo izvēlni.

Kā pievienot attēlu ikonas WordPress navigācijas izvēlnes vienumiem

Saskaņā "Rādīt papildu izvēlnes rekvizītus" virsrakstā varat redzēt rūtiņu, lai pārbaudītu CSS klases, pārbaudi.

3. darbība:

Tagad ritiniet uz leju un atveriet jebkuru izvēlnes vienumu. Teiksim "Mājas."

Kā pievienot attēlu ikonas WordPress navigācijas izvēlnes vienumiem

Zem tā varat redzēt lauku, kas jāaizpilda CSS klases (pēc izvēles). Pievienosim "ēdienkartes" kā CSS klase. Noklikšķiniet uz Saglabāt izvēlni pogu.

4. darbība:

Lai ikonas attēls parādītos, jums nepieciešama CSS. Ļaujiet man parādīt jums piemēru.

.menuicons {
fona attēls: url (‘http://www.yoursite.com/wp-content/uploads/2018/06/home.png’);
fonu atkārtot: neatkārtot;
fona pozīcija: pa kreisi;
polsterējums-kreisais: 5 pikseļi;
}

Piezīme: Neaizmirstiet aizstāt attēla URL ar adresi, kuru izvēlējāties no multivides bibliotēkas.

Ļaujiet man parādīt, no kurienes to var nokopēt. Dodieties uz savu multivides bibliotēku, noklikšķiniet uz ikonas attēla, kuru vēlaties parādīt, nokopējiet adresi, kuru redzat URL priekšā.

Kā pievienot attēlu ikonas WordPress navigācijas izvēlnes vienumiem

Es jums parādīju, ka attēla ikona jāpievieno tikai vienam izvēlnes vienumam. Katram izvēlnes vienumam jāizvēlas atšķirīga klase un jauns CSS kods ar konkrētās attēla ikonas URL.

Šeit ir attēla ikonas demonstrācija, ko tikko pievienoju mājas ikonai.

Kā pievienot attēlu ikonas WordPress navigācijas izvēlnes vienumiem

Kā es jau iepriekš runāju, ir dažādi veidi, kā pievienot pielāgotu CSS. Ja nevēlaties ielādēt CSS no cita avota, nevis no galvenā CSS faila, tā rediģēšanai varat izmantot FTP vai cPanel.

Iet uz Failu menedžeris>> wp-saturs>> tēmas>> Motīvu mape>> stils.css, ar peles labo pogu noklikšķiniet un izvēlieties rediģēt.

Gandrīz katrs WordPress mitināšanas pakalpojums piedāvā piekļuvi cPanel.

Pievienojiet attēla ikonas WordPress navigācijas izvēlnes vienumiem

Daudziem WordPress lietotājiem esošās vietnes izkārtojuma modificēšana var būt biedējoša, jo viņiem, iespējams, nav zināšanu CSS.

Bet, kā redzat, jums ir nepieciešama tikai pamata izpratne par CSS, lai iestatītu attēla ikonu kā fona attēlu un pielāgotu tā pozīciju.

Secinājums

Ja jūs joprojām domājat, ka darīšana ar CSS var būt grūta, jums vajadzētu izmantot spraudni. Lai gan izpildīt iepriekš aprakstītās darbības nav grūti.

Es ceru, ka WordPress navigācijas izvēlnes vienumiem varat pievienot attēlu ikonas.

Pārbaudiet šos top 3 WordPress mitināšanas pakalpojumus:

FastComet

Sākuma cena:
2,95 USD


Uzticamība
9.7


Cenu noteikšana
9.5


Lietotāju draudzīgs
9.7


Atbalsts
9.7


Iespējas
9.6

Lasīt atsauksmes

Apmeklējiet vietni FastComet

Hostinger

Sākuma cena:
0,99 USD


Uzticamība
9.3


Cenu noteikšana
9.3


Lietotāju draudzīgs
9.4


Atbalsts
9.4


Iespējas
9.2

Lasīt atsauksmes

Apmeklējiet vietni Hostinger

A2 mitināšana

Sākuma cena:
3,92 USD


Uzticamība
9.3


Cenu noteikšana
9.0


Lietotāju draudzīgs
9.3


Atbalsts
9.3


Iespējas
9.3

Lasīt atsauksmes

Apmeklējiet vietni A2 Hostings

Saistītie padomi

  • Kā WordPress navigācijas izvēlnei pievienot īpašus ziņojumus
    starpposms
  • Kā savam WordPress motīvam pievienot jaunu navigācijas izvēlni, izmantojot cPanel
    eksperts
  • Kā modificēt meklēšanas URL logu, izmantojot .htaccess, lai iegūtu labāku SEO rezultātu
    starpposms
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me