Dashicon funkció a WordPress-ben

A WordPress kevésbé ismert funkciója az ún. “Dashicons”, amely már több, mint 5 éve, a 3.8-as verzió óta elérhető a felhasználóknak, és jelenleg ~250 darab ikont tartalmaz.

Mi az a Dashicons?

Nem más, mint egy ikonkészlet, amelyet külön fejlesztés nélkül elérhető az admin felületen (Back-end), vagy a látható felületen (Front-end) történő felhasználásra is.

Mire jók ezek az ikonok?

Például, de nem kizárólag:

  • Menüpontok nevei elé betehetőek. Ahogy jelen weboldalon is, a menüpontok előtt ikonok vannak (igaz, nem Dashicon funkcióval, de végeredmény ugyanaz).
  • Ha új tartalomtípust hozunk létre, akkor az admin felületen a tartalomtípus ikonját (ahogy pl. a Média név előtt egy fotó+hangjegy, a Hozzászólások menü előtt egy szövegbuborék ikon van) is megválaszthatjuk.
  • A tartalomba (bejegyzés, oldal, widget, stb.) is betehetőek az ikonok.

Hogyan kell használni az ikonokat?

Az ikonok listája itt érhető el.

A tartalomban és menüpontokban való használathoz a functions.php fájlba, vagy Code Snippets bővítménybe kell az alábbi kódot elhelyezni:

Ezek után a https://developer.wordpress.org/resource/dashicons/ oldalról ki kell választani a használni kívánt ikont, és a Copy HTML gomb megnyomása után megjelenő kódot kell a HTML nézetbe, vagy a menüsoron megjelenő menünév elé tenni:

Így kell elhelyezni a kódot, és ez lesz a végeredmény:

Meg is vagyunk, máris megjelenik a weboldalon az ikon!

CSS-ben is használhatóak az ikonok, példa-kód:

További információk:

Cikkértesítő

Ha nem szeretne lemaradni az új cikkekről, akkor iratkozzon fel az értesítőre!

Szólj hozzá!

*

code

A honlap cookie-kat használ. Részletek

A hatályos jogszabályok alapján kötelező tájékoztatni a látogatókat, hogy a weboldal ún. cookie-kat használ és tárol a számítógépén. Ha ezt nem szeretné, akkor a böngészője megfelelő beállításait használva tiltsa le a cookie-k tárolását, vagy zárja be a weboldalt. Mik azok a cookie-k? Hogyan tudja tiltani a tárolásukat? Hogyan kezelem a személyes adatokat? Mindenre választ ad a részletes adatvédelmi és cookie tájékoztatóm.

Bezárás