--- site_name: WPlama site_description: Internetové stránky na WordPressu snadno a česky site_url: https://www.wplama.cz contact_email: tomas@wplama.cz title: Jak přidat obrázek do menu ve WordPress url: https://www.wplama.cz/pridat-obrazek-menu/ date: 2017-06-26 modified: 2017-11-13 author: Tomáš Cirkl type: post categories: [WordPress návody] tags: [Menu, obrázek, plugin, WordPress] --- ![tužky](https://www.wplama.cz/wp-content/uploads/2017/06/tuzky-1024x683.jpg "tužky") # Jak přidat obrázek do menu ve WordPress 26.6.2017 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](https://wordpress.org/plugins/menu-image/), který se nachází v oficiálním katalogu a [plugin lze nainstalovat přímo z WordPress administrace](https://www.wplama.cz/3-zpusoby-jak-nainstalovat-wordpress-plugin/). [![Menu Image](https://www.wplama.cz/wp-content/uploads/2017/06/menu-image-1024x324.png "Menu Image")](https://www.wplama.cz/wp-content/uploads/2017/06 / menu-image.png)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](https://www.wplama.cz/wp-content/uploads/2017/06/vybrat-obrazek.png "Vybrat obrázek")](https://www.wplama.cz/wp-content/uploads/2017/06 / vybrat-obrazek.png)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](https://www.wplama.cz/wp-content/uploads/2017/06/vybrat-obrazek-po-najeti-mysi.png "Vybrat obrázek po najetí myši na položku")](https://www.wplama.cz/wp-content/uploads/2017/06 / vybrat-obrazek-po-najeti-mysi.png)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](https://www.wplama.cz/wp-content/uploads/2017/06/nabidka-velikosti-obrazku.jpg "Nabídka velikosti obrázku")](https://www.wplama.cz/wp-content/uploads/2017/06 / nabidka-velikosti-obrazku.jpg)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](https://www.wplama.cz/wp-content/uploads/2017/06/jak-muze-vypadat-menu-s-obrazky-1024x228.png "Jak může vypadat menu s obrázky")](https://www.wplama.cz/wp-content/uploads/2017/06 / jak-muze-vypadat-menu-s-obrazky.png)Jak může vypadat menu s obrázky Plugin má k dispozici i [češtinu](https://www.wplama.cz/preklad-cestina/). ### 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í](https://www.wplama.cz/sprava-wordpress-webu/) ### O autorovi ![579c70f93c868ab0086f8d13a2143605f2e29b7a7ba30c5e7a4d1163a5b37892](https://secure.gravatar.com/avatar/579c70f93c868ab0086f8d13a2143605f2e29b7a7ba30c5e7a4d1163a5b37892?s=100&d=monsterid&r=g "579c70f93c868ab0086f8d13a2143605f2e29b7a7ba30c5e7a4d1163a5b37892") [#### Tomáš Cirkl](https://www.wplama.cz/author/tomas/) Baví mě Internet a zvláště pak redakční systém WordPress. Jsem pravidelným účastníkem a přednášejícím na Word Camp Praha a WordPress konferencích. ## Mohlo by vás také zajímat [![Výběr doménového jména](https://www.wplama.cz/wp-content/uploads/2014/05/Chossing-a-Domain-Name-1024x632.jpg "Výběr doménového jména")](https://www.wplama.cz/tipy-a-nastroje-pomoci-kterych-vyberete-tu-nejlepsi-domenu-pro-vas-blog/) ### [Tipy a nástroje pro výběr vhodné domény webu/blogu](https://www.wplama.cz/tipy-a-nastroje-pomoci-kterych-vyberete-tu-nejlepsi-domenu-pro-vas-blog/) [WordPress návody](https://www.wplama.cz/wordpress/navody/)[![Hosting](https://www.wplama.cz/wp-content/uploads/2014/05/Hosting-1024x768.jpg "Hosting")](https://www.wplama.cz/jak-vybrat-spravny-hosting-pro-wordpress/) ### [Jak vybrat správný hosting pro WordPress](https://www.wplama.cz/jak-vybrat-spravny-hosting-pro-wordpress/) [WordPress návody](https://www.wplama.cz/wordpress/navody/)[![Tipy kde vybrat kvalitní WordPress šablonu](https://www.wplama.cz/wp-content/uploads/2014/05/WordPress-Premium-Themes-Themes4all.com_-1024x506.png "Tipy kde vybrat kvalitní WordPress šablonu")](https://www.wplama.cz/tipy-kde-vybrat-kvalitni-wordpress-sablonu/) ### [Tipy kde vybrat kvalitní WordPress šablonu](https://www.wplama.cz/tipy-kde-vybrat-kvalitni-wordpress-sablonu/) [WordPress návody](https://www.wplama.cz/wordpress/navody/) ### 3 názory na “Jak přidat obrázek do menu ve WordPress” ![b8ae9243e7ef21886557772ebf780167eb035e7ae9a30909c2bfc36dde594b8c](https://secure.gravatar.com/avatar/b8ae9243e7ef21886557772ebf780167eb035e7ae9a30909c2bfc36dde594b8c?s=50&d=monsterid&r=g "b8ae9243e7ef21886557772ebf780167eb035e7ae9a30909c2bfc36dde594b8c") **[Miroslava](http://zpevnicekunas.cz)** [26.6.2017 v 12:15](https://www.wplama.cz/pridat-obrazek-menu/#comment-55424) Geniální. Díky, díky, díky. Určitě využiju. [Odepsat](https://www.wplama.cz/#comment-55424) --- ![f35be529fdf7ba07316d9d65d9650d76eb69a72191ae86aa9739a12859287c13](https://secure.gravatar.com/avatar/f35be529fdf7ba07316d9d65d9650d76eb69a72191ae86aa9739a12859287c13?s=50&d=monsterid&r=g "f35be529fdf7ba07316d9d65d9650d76eb69a72191ae86aa9739a12859287c13") **Milu** [27.6.2017 v 9:26](https://www.wplama.cz/pridat-obrazek-menu/#comment-55430) jj, funguje to výborně. Můžete tam nahrávat i vlastní obrázky 🙂 [Odepsat](https://www.wplama.cz/#comment-55430) --- ![f35be529fdf7ba07316d9d65d9650d76eb69a72191ae86aa9739a12859287c13](https://secure.gravatar.com/avatar/f35be529fdf7ba07316d9d65d9650d76eb69a72191ae86aa9739a12859287c13?s=50&d=monsterid&r=g "f35be529fdf7ba07316d9d65d9650d76eb69a72191ae86aa9739a12859287c13") **Milu** [27.6.2017 v 10:08](https://www.wplama.cz/pridat-obrazek-menu/#comment-55431) 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. [Odepsat](https://www.wplama.cz/#comment-55431) --- ### Diskuze [Zruš odpověď](https://www.wplama.cz/pridat-obrazek-menu/?_tmcb=1773385499#respond)