Na moderních webových stránkách, kde je aktivní kontakt se zákazníky, je vždy třeba kontaktovat telefonicky. A jedním z pohodlných způsobů je udělat z telefonního čísla hypertextový odkaz. To umožňuje návštěvníkům vašeho webu kliknout na číslo a okamžitě na něj zavolat. Tento přístup výrazně zjednodušuje komunikaci a zvyšuje uživatelskou přívětivost webu.
Jak tedy udělat telefonní číslo hypertextovým odkazem? Velmi jednoduché! V tomto článku vám řekneme o postupném procesu vytváření hypertextového odkazu na telefonní číslo.
Krok 1: Otevřete Editor svých webových stránek nebo CMS, kam plánujete umístit telefonní číslo.
V této fázi byste se měli rozhodnout, kde bude na vašem webu umístěn hypertextový odkaz na telefonní číslo. Může to být jakýkoli text nebo samostatný blok. Důležité je vybrat takové místo, aby bylo viditelné a pohodlné pro uživatele.
Krok první. Otevřete dokument HTML
Před vytvořením hypertextového odkazu je nutné otevřít dokument HTML pomocí libovolného textového editoru, jako je Notepad++ nebo Sublime Text.
V dokumentu HTML budete moci vytvářet, strukturovat a formátovat obsah webové stránky, včetně telefonních čísel.
Otevřete svůj dokument HTML a pokračujte podle dalších kroků.
Krok druhý. Najděte požadovaný prvek
Pokud máte přístup ke zdrojovému kódu HTML, můžete pomocí vyhledávání nebo editoru rychle najít požadovanou položku. Pokud k vytvoření webové stránky používáte správce obsahu nebo online službu, možná budete muset najít požadovaný blok kliknutím pravým tlačítkem na něj a výběrem funkce Prozkoumat položku nebo jakékoli podobné možnosti poskytované vaším nástrojem.
Musíte být opatrní, protože na stránce může být několik položek, které obsahují telefonní číslo, a musíte najít ten, do kterého chcete přidat hypertextový odkaz. Obvykle to bude prvek s identifikátorem nebo třídou, který jej pomáhá identifikovat. Jakmile najdete požadovanou položku, můžete přejít k dalšímu kroku - přidání odkazu na telefonní číslo.
Krok třetí. Přidejte atribut "href"
Chcete-li z telefonního čísla udělat hypertextový odkaz, musíte k příslušnému prvku HTML přidat atribut "href" s hodnotou "tel:číslo_telefon". Pokud například chcete vytvořit hypertextový odkaz na telefonní číslo "8 (800) 123-45-67", zadejte následující kód:
Nyní, když kliknete na telefonní číslo, uživatel přejde na vytočení tohoto čísla na svém zařízení. Upozorňujeme, že atribut "href" musí uvádět telefonní číslo ve správném formátu, bez mezer a speciálních znaků. V tomto příkladu jsme použili pomlčky k oddělení číslic v telefonním čísle.
Kromě toho můžete k prvku HTML přidat další atributy, abyste změnili jeho vzhled nebo přidali chování při najíždění. Pomocí atributu "class" můžete například nastavit třídu CSS pro prvek odkazu a změnit jeho styl pomocí CSS.