Верстка

Як зробити номер телефону на сайті клікабельним

🗓️ Оновлено: 22.08.2022
💬Коментарів: 0
👁️Переглядів: 2346

Вам потрібно знати один маленький секрет, який дозволить зробити на будь-якому сайті номер телефону клікабельним. Секрет полягає в тому, що клікабельний номер телефону – це посилання, яке починається з tel:

Ось і все. Знаючи це, Ви тепер зможете самостійно вставити номер телефону на сайт.

На HTML:

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

А якщо Ви використовуєте якийсь конструктор або CMS (наприклад WordPress), то Вам достатньо в поле “посилання” вставити цей код

tel:0999999

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

Наприклад, як це можна зробити у WordPress.

Заходимо до розділу Вигляд -> Меню

Додаємо “Користувацькі посилання”. І в полі URL прописуємо tel:XXX, а в полі Назва пункту меню – звичайний номер XXX.

Якщо залишилися якісь питання, сміливо пишіть їх у коментарі до цього допису.

Стаття була корисною?
👍
Так - 6
👎
Ні - 0
Рекомендуємо до прочитання
Як вставити CSS у HTML: 3 способи додати CSS у HTML
Як вставити відео з YouTube в HTML
Як зробити гамбургер (бургер) меню – готовий код та докладне пояснення
💬Коментарі:

CSS Головоломки в Telegram
Підписуйся і не пропускай:
Актуальні новини
Цікаві завдання
Корисні добірки
Перейти до Telegram
Наш рейтинг
🏆Найкращий хостинг для сайту
1
Ukraine
9/10
2
HostPro
8/10
3
TutHost
8/10
4
Hostiq
8/10
5
Cityhost
8/10
6
Freehost
7/10
7
UAhosting
7/10
Что читают?
🏆Популярные записи
Як зробити гамбургер (бургер) меню – готовий код та докладне пояснення
Переглядів: 56405
Як зробити плавне збільшення картинки при наведенні – ефект на чистому CSS
Переглядів: 42569
Поява елементів при скролі
Переглядів: 41850
Як змінити колір SVG у CSS
Переглядів: 29074
Як вирівняти картинку по центру за допомогою CSS
Переглядів: 25881
Перевірка знань
🤔Чи добре ви знаєте 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