Novinka: Vizuální editor pro éru AI webů. Poslední dílek skládačky, když chcete upravovat web a ne psát e-maily. www.directedit.dev

💬

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.

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

Jitka Klingenbergová

Jitka Klingenbergová

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

Vaše komentáře

Zanechte první komentář

Zpět k tipům

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