Powered by Smartsupp
Webařské tipy

Ikony v menu WordPressu

Ikony v menu mohou být v některých situacích hodně užitečné, mohou vylepšit UX a UI pro vaše návštěvníky.

Kolikrát se stalo, že člověk dal do menu externí odkaz (tj. odkaz, který po kliknutí nevedl na jiné místo na webu, ale úplně na jiný web), případně bylo potřeba dát do menu odkaz na soubor. A těchto situacích se velice hodí ukázat uživateli, že ho čeká něco trochu jiného, než otevření klasické stránky na webu.

Bez pluginu

Např. v případě odkazu na soubor přímo v menu se nabízí ikona níže. Seznam těchto několika set “dashicons” ikonek můžete najít v oficiální dokumentaci WP. Ty samé ikony se používají např. v menu WordPress administrace a dalších místech uvnitř WordPressu.

Ikony v menu

Stačí jen zkopírovat HTML:

<span class="dashicons dashicons-media-document"></span>

A vložit ho do menu do názvu položky (před text, za text, mezi něj, to je na vás).

Ikony v menu

S pluginem

Pozn.: Pro úplnou informaci: to samé jde udělat pluginem (jak jinak), ale doporučuji používat co možná nejméně pluginů to jde. Na tak jednoduché věci plugin opravdu není potřeba.

Jitka Klingenbergová

Jitka Klingenbergová

Absolventka ČVUT FIT oboru Informatika | Programátorka | Webová vývojářka, konzultantka a mentorka
tvorime@vyladeny-web.cz

Líbil se vám článek? Pošlete ho dál:

Pravidelná dávka užitečných tipů až do schránky