Přeskočit na obsah

Web nefunguje? Volejte Web nefunguje? +420 721 589 155 nebo nám napište Napište nám

WordPress návody

Jak do WordPress menu přidat klikatelný e‑mail nebo telefon

Tomáš Cirkl Publikováno 2 min čtení

Pozor:

Článek je z roku 2018. Některé postupy se mohly změnit.

Máte stránky, které slouží k prodeji produktů nebo služeb? Možná byste rádi měli rychlý kontakt v hlavičce webu, ale vaše šablona to neumožňuje. Jako jednoduché řešení můžete použít WordPress menu, do kterého vložíte telefon nebo e‑mailovou adresu.

Abyste mohli vložit telefon nebo e‑mail do menu, musíte nejprve jít do WordPress administrace a v levém menu vybrat Vzhled → Menu.

V horní části obrazovky vyberte menu, do kterého chcete kontakt přidat a klikněte na tlačítko Vybrat.

Přehled menu
Přehled menu

V levé části stránky máte položky, které se přidávají do menu. Vyberte možnost Uživatelské odkazy.

Poznámka: Pokud zde tuto možnost nemáte, podívejte se do Nastavení zobrazených informací, zda ji máte zaškrtnutou.

Uživatelské odkazy při tvorbě menu
Uživatelské odkazy při tvorbě menu

V případě, že chcete vložit telefon napište do pole:

  • URL: tel:721589155
  • Text odkazu: 721 589 155

Označení tel znamená, že se nejedná o odkaz, ale telefonní číslo. Pokud na něj někdo klikne na telefonu, bude mu číslo automaticky přednastaveno k volání.

Uživatelské odkazy s telefonem
Uživatelské odkazy s telefonem

V případě, že chcete vložit e‑mail napište do pole:

Označení mailto u URL znamená, že se nejedná o odkaz, ale o poštu a po kliknutí na ní se automaticky otevře výchozí poštovní klient v počítači nebo telefonu.

Uživatelské odkazy s emailem
Uživatelské odkazy s e‑mailem

Nezapomeňte upravit telefonní číslo nebo e‑mailovou adresu za vaší. Položku text, také můžete upravit, například před uvedený kontakt přidat Telefon: nebo Napište nám:. Nakonec klikněte na tlačítko Přidat do menu.

Položka se přidá do menu na poslední místo. Pokud chcete, můžete potažením změnit její pozici.

Nakonec klikněte na tlačítko Aktualizovat menu.

Menu s e-mailem
Menu s e‑mailem

Jak bude menu s položkami rychlého kontaktu vypadat záleží na vaší šabloně. V Divi šabloně to vypadá jako na obrázku níže.

V dalším návodu se podíváme na to, jak tyto nové položky barevně odlišit a udělat výraznější. Případně můžete využít návod Jak přidat obrázek do menu ve WordPress a položky oživit ikonou. Ikonky zdarma a k jakémukoliv účelu můžete stáhnout v článku 100 ikonek zdarma a k jakýmkoliv účelům.

Hlavička webu s rychlým kontaktem
Hlavička webu s rychlým kontaktem

Neuteklo vám něco?

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

Nespamujeme! Další informace naleznete v našich zásadách ochrany osobních údajů.

Autor

Tomáš Cirkl

Baví mě Internet a zvláště pak redakční systém WordPress. Jsem pravidelným účastníkem a přednášejícím na WordCamp Praha a WordPress konferencích.

1 030 článků Všechny články autora

Komentáře (2)

Přidat komentář
  1. Lenka

    Dobry den, Tomasi, je mozne nastavit, aby to bylo v primarnim menu pouze na desktopu a ne na mobilu a tabletu? Mam sablonu Divi. Moc diky. Lenka

    Odpovědět

    1. Tomáš Cirkl WPlama

      Ano, ale je třeba k tomu udělat vlastní CSS, které bude dané položky pak skrývat.

      Odpovědět

Přidat komentář

E-mail nezveřejníme. Povinná pole jsou označena hvězdičkou.

Jak zacházíme s údaji z komentářů, popisují zásady ochrany osobních údajů.