Главная
Все записи
Верстка
Как сделать номер телефона на сайте кликабельным

Верстка

Как сделать номер телефона на сайте кликабельным

🗓️ Обновлено: 22.08.2022

💬Комментариев: 0

👁️Просмотров: 1745

Вам нужно знать один маленький секрет, который позволит сделать на любом сайте номер телефона кликабельным. Секрет заключается в том, что кликабельный номер телефона — это ссылка, которая начинается с tel:

Вот и все, зная это, Вы теперь сможете самостоятельно вставить кликабельный номер телефона на сайт.

На HTML:

<a href="tel:0999999">0999999</a>

А если Вы используете какой-то конструктор или CMS (например, WordPress), то Вам достаточно в поле «ссылка» вставить этот код

tel:0999999

А в качестве текста ссылки (анкор) прописать обычный (без tel:) Ваш номер телефона.

К примеру, как это можно сделать в WordPress.

Заходим в раздел Внешний вид -> Меню

Добавляем «Произвольную ссылку». И в поле URL прописываем tel:XXX, а в поле Текст ссылки — обычный номер XXX.

Как добавить кликабельный телефон в WordPress

Ну, а если вы работаете в Тильде и хотите узнать, как сделать номер телефона кликабельным, то рекомендуем вот эту статью.

Статья была полезной?

👍

Да - 6

👎

Нет - 0

Рекомендуем к прочтению

Как с помощью CSS изменить картинку при наведении курсора

Как подключить шрифт к сайту с помощью CSS и не только

Появление элементов при скролле

💬Комментарии:

Отменить ответ

CSS Головоломки в Telegram

Подписывайся и не пропускай:

Актуальные новости

Интересные задачки

Полезные подборки

Перейти в Telegram

Наш рейтинг

🏆Лучший хостинг для сайта

9/10

8/10

8/10

8/10

8/10

7/10

7/10

Что читают?

🏆Популярные записи

Как сделать гамбургер (бургер) меню — готовый код и подробное объяснение

Появление элементов при скролле

Как сделать плавное увеличение картинки при наведении — эффект на чистом CSS

Как выровнять картинку по центру с помощью CSS

Как изменить цвет SVG в CSS

Проверка знаний

🤔Хорошо ли вы знаете CSS?

Есть два блочных элемента, которые идут друг за другом в html. Какой будет оступ (margin) между ними, если задать им такие стили:


.top {
  height: 30px;
  background-color: blue;
  margin-bottom: 10px;
}
.bottom {
  height: 30px;
  background-color: red;
  margin-top: 20px;
}

10px

20px

30px

Viva Magenta

🤔Цвет 2023 года

Исследовательский институт Pantone выбрал главный цвет 2023 года. Им стал карминово-красный оттенок с фиолетовым подтоном, который назвали Viva Magenta.

#bb2649