tužky

Jak přidat obrázek do menu ve WordPress

Chcete vytvořit poutavé menu pomocí obrázků? Nebo chcete zjednodušit orientaci návštěvníků na stránce a do menu si přidat vlastní ikony, které pomůžou s orientací? V tomto článku si ukážeme, jak ve WordPress přidat do menu možnost vlastního obrázku nebo ikony.

Využijeme k tomu plugin  Menu Image, který se nachází v oficiálním katalogu a plugin lze nainstalovat přímo z WordPress administrace.

Menu Image
Menu Image

Plugin nemá žádné vlastní nastavení. Po instalaci a aktivaci proto běžte rovnou do Vzhled -> Menu a vyberte položku, ke které chcete přidat obrázek.

Po jejím rozbalení uvidíte, že zde máte nové nastavení. Můžete vybrat obrázek pro položku, vybrat jeho velikost a nastavit jeho pozici. Obrázek vyberete tak, že kliknete na tlačítko Set Image.

Vybrat obrázek
Vybrat obrázek

Zobrazí se WordPress média, kde si pak obrázek můžete vybrat z knihovny nebo nahrát z počítače.

Pokud budete chtít, můžete pomocí tlačítka Set image on hover nahrát jiný obrázek, který se zobrazí při najetí myší na položku menu.

Vybrat obrázek po najetí myši na položku
Vybrat obrázek po najetí myši na položku

Dalším krokem by měl být výběr velikosti obrázku v menu (Image size). Plugin vytváří několik svých velikostí (36x36px, 48x48px a 24x24px), ale vybrat můžete i z dalších velikostí náhledových obrázků definovaných ve WordPress.

Nabídka velikosti obrázku
Nabídka velikosti obrázku

Jako poslední je třeba určit umístění obrázku vůči textu menu.

Vybrat můžete z :

  • Hide (Skrýt text)
  • Above (Nad textem)
  • Below (Pod textem)
  • Before (Před textem)
  • After (Za textem)

V závislosti na šabloně je možné, že u některých pozic obrázku bude potřeba upravit CSS styly, aby to vypadalo dobře.

Jakmile vše nastavíte, nezapomeňte menu uložit.

Vytvořené menu pak může vypadat například jako na obrázku níže, kde jsou vložené vlastní ikony o velikosti 36×36 px k položce menu.

Jak může vypadat menu s obrázky
Jak může vypadat menu s obrázky

Plugin má k dispozici i češtinu.

Správa WordPress webu

Nemusíte na to být sami. Pomůžeme vám s pravidelnou údržbou i novými vylepšeními.

Více informací

3 názory na “Jak přidat obrázek do menu ve WordPress”

  1. Ještě je jeden výborný plugin, který mi funguje lépe (vzhledem k tomu, že dělám šablony v Themleru), jmenuje se Menu Icons. Pracuje se s ním stejně jako s Menu Image.

Diskuze

Vaše e-mailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *

Nákupní košík

Neuteklo vám něco?

Pokrok a WordPress na nikoho nečekají, tak nám tu raději nechte e-mail, ať o nic nepřijdete!

Zkontrolujte svoji doručenou poštu nebo spam koš, abyste mohli svůj e-mail potvrdit.

Vylaďte WordPress stránky s naším tahákem

V e-booku najdete informace a rady pro WordPress od A do Z. Zadejte e-mail a my vám WordPress tahák pošleme.

Zkontrolujte svoji doručenou poštu nebo spam koš, abyste mohli svůj e-mail potvrdit.

Přejít nahoru