Dashicons

Ikony do menu WordPressu oživí design vašeho webu.

Přehled ikon je zde:

Tyto ikony jsou již v základní instalaci wordpressu, jsou však použity jen v administraci. Existuje sice plugin, pomocí kterého lze přiřadit v menu (Administrace – Vzhed – Menu) jednotlivé ikony. Pokud byste měli kvůli každé drobnosti instalovat plugin, měli byste v instalaci desítky pluginů :-) Proto zde popíšu jiný způsob. Další možností je také registrace do Function.php

  1. Předpokládá se, že máte nainstalovaný plugin All-in-One-SEO-Pack.
  2. Do sekce HEAD (Záhlaví = Header.php) přidáte řádek, který aktivuje font ikon:
    <link rel='stylesheet' id='dashicons-css' href="<?php bloginfo( 'wpurl' ); ?>/wp-includes/css/dashicons.min.css" type='text/css' media='all' />
  3. Z výše uvedeného seznamu si pro konkrétní webovou stránku (resp. pro menu) vyberete příslušnou ikonu.
  4. V administraci stránky najdete sekci All-in-One-SEO-Pack a pole Label. Do pole vepíšete název ikony a poté název stránky. Např. pro stránku Kontakt to může vypadat takto:
    <span class="dashicons dashicons-email-alt" style="padding-top:0.45em"></span>Kontakt
    Lokální stylování slouží jen ke svislému zarovnání ikony. Uložit a hotovo :-)
Článek sestavil SEOmister, 30.9.2015



© Na tento web se vztahuje Copyright.   Využívám webhosting ToJeOno.cz   Nová česká moderní a alternativní encyklopedie Wikina.