Slik viser ikoner i WordPress Menu [WordPress Plugin]

Ikonet er et flott supplement til alle typer design. Mange ikoner er anerkjent universelt . Ta en offentlig toalettskilt på flyplassen. Uten at du trenger å kjenne lokalspråket, kan du umiddelbart forstå hvilket toalett som er for damene, og det er for herrene fra ikonet som brukes på forsiden av døren.

Det samme kan også brukes for et nettsted; Å vise et ikon kan hjelpe brukerne til å navigere gjennom nettstedet ditt. Dette hjelper med brukeropplevelsen, og vil også gjøre et nettsted ser finere ut.

Men å vise et slikt ikon i et CMS som WordPress kan være en utfordring. Hvis nettstedet ditt er bygget på topp WordPress, viser vi deg den enkleste måten å vise et ikon på i WordPress-menyen .

Starter

Legge til et ikon i WordPress gjøres enkelt med et WordPress-plugin kalt menyikoner. Først installerer og aktiverer du dette pluginet.

Nå er vi klare til å legge til ikonene.

Legger til ikon

For dette eksempelet vil jeg gjerne bruke TwentyTwelve, et fint og rent WordPress-tema. Jeg har også laget et par sider som jeg vil inkludere i menyen.

Opprett en ny meny gjennom Utseende> Menyer . Ikke glem å tilordne menyplasseringen, med mindre den ikke vises overalt på nettstedet.

Deretter legger vi til et ikon for hvert element. For å begynne, la oss utvide en av menypunktene. Du finner en lenke som sier Ikon: Velg ikon . Klikk på "Velg ikon" for å begynne å velge. Her vil du bli presentert med et vindu som ligner på WordPress mediebibliotek.

På dette tidspunktet kommer dette pluginet med 3 fontikonbiblioteker, nemlig Dashicons, Genericons og FontAwesome.

Men selv om vi er fritt til å bruke noen ikoner, er det bedre å utlede ikonene fra ett bibliotek, siden hver av dem har sine egne egenskaper som størrelse og kurve. Med andre ord, hvis du bruker FontAwesome, bruk den på hele nettstedet. Å gjøre det ville opprettholde ikonets konsistens og gjøre det ser mer enhetlig ut.

Når du velger ikonet, ser du forhåndsvisningen på det høyre panelet. I det høyre panelet gjør du noen justeringer. Du kan plassere ikonet før eller etter menyen, kontrollere skriftstørrelsen og angi vertikaljustering. Når innstillingen er ferdig, klikk på Velg, og fortsett for å legge til et ikon for de andre elementene i menyen.

Endelig tanke

Menyikoner er et veldig praktisk plugin for å legge til ikon i menyen. Den integreres godt med WordPress UI-mønsteret som det er veldig intuitivt å bruke. I tillegg har utvikleren planlagt noen få nye funksjoner for de neste versjonene, inkludert å legge til flere ikonbiblioteker, og muligheten til å laste opp egendefinert ikon.

Jeg håper du liker og finner dette tipset nyttig. Gå videre og gi pluggen en prøve.

20 Mer Gratis Multi Purpose Vector Ikonsett for designere

Ethvert web-relatert prosjekt krever bruk av ikoner. Å lage ikoner for hvert prosjekt du har er ikke bare upraktisk fordi det er tidkrevende arbeid, men også galskap! Det er allerede mange fantastiske ikoner sett tilgjengelig for gratis nedlasting, over hele nettet. Alt du trenger å gjøre er å finne dem av høy kvalitet nok til å gjøre det til ditt prosjekt .Vel, vi

(Tekniske og design tips)

UXmas - En julegavekalender for UX Design Content

Feriesesongen er alltid full med familie, nye gadgets og mobilapper for ekstra moro.Og nå har UX-designere noe mer å feire med UXmas adventskalenderen . Det teller ned dagene som fører til 25. desember med en massiv kalender med nye brukeropplevelsesartikler .Nettstedet oppdateres hvert år med nytt innhold og har et stort utvalg av forfattere.Ove

(Tekniske og design tips)