Как добавить кнопку "Позвонить" на сайт в WordPress без установки плагина

Если у вас возникли проблемы с установкой плагина “Excitel - Click to call”, не отчаивайтесь! Есть еще один достаточно несложный способ добавить виджет на свой сайт в Wordpress.

Для этого выполните следующее:

1. Авторизуйтесь в админ. панели WordPress вашего сайта;

2. В панели WordPress выберите Appearance->Widgets:

Установка кнопки звонка с сайта Excitel в WordPress 2.1

3. Выберите тип виджета Text:

Установка кнопки звонка с сайта Excitel в WordPress 2.2

4. Перетащите данный виджет в любую область на сайте:

Установка кнопки звонка с сайта Excitel в WordPress 2.3

5. При желании выберите подходящий дизайн кнопки, нажав на ссылку “Изменить кнопку”:

Установка звонка с сайта Excitel в WordPress 2.4

6. Скопируйте код кнопки, выделив его левой кнопкой мыши и нажав сочетание клавиш Ctrl+C или выбрав пункт “Копировать” в контекстном меню (вызвать нажатием правой кнопки мыши):

Установка кнопки звонка с сайта Excitel в WordPress 2.5

7. Вставьте код в поле Content виджета Text:

Установка кнопки звонка с сайта Excitel в WordPress 2.6

8. Сохраните изменения, нажав на кнопку “Save”;

9. После обновления страницы вы сможете увидеть кнопку звонка на своем сайте:

Кнопка звонка с сайта Excitel в WordPress_2

Из минусов данного способа добавления кнопки -  у вас будет отображаться пустой блок на странице после добавления текстового блока на страницу:

Установка кнопки звонка с сайта Excitel в WordPress 2.7

Чтобы этого не было, необходимо найти данный блок и сделать его невидимым.

Исправить это довольно просто. Для этого:

1. Найдите код данного элемента с помощью браузера:

- в Opera:

Настройка кнопки звонка с сайта Excitel в WordPress Opera 2.8

- в Google Chrome:

Настройка кнопки звонка с сайта Excitel в WordPress Google Chrome 2.8

- в Mozilla Firefox:

Настройка кнопки звонка с сайта Excitel в WordPress Mozilla Firefox 2.8

2. В появившемся коде элемента найдите его id:

Настройка кнопки звонка с сайта Excitel в WordPress 2.9

3. В панели WordPress выберите Appearance->Editor:

Настройка кнопки звонка с сайта Excitel в WordPress 2.10

4. Найдите файл style.css:

Настройка кнопки звонка с сайта Excitel в WordPress 2.11

5. В самый конец данного файла добавьте следующий код:

#text-2 {

display: none;

}

Где text-2 необходимо заменить на id вашего текстового виджета, который вы должны были найти в коде с помощью браузера:

Настройка кнопки звонка с сайта Excitel в WordPress 2.12

6. Сохраните изменения, нажав на кнопку “Update File”.

7. Готово! Теперь перейдите на свой сайт и проверьте результат. Пустой блок исчезнет.