" style="position:absolute; left:-9999px;" alt="" />
10 Март 2016 18:49

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

Если у вас возникли проблемы с установкой плагина “Excitel - Click to call” не отчаивайтесь! Есть еще 1 достаточно несложный способ добавить кнопку звонка на свой сайт в 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+V или выбрав пункт “Копировать” в контекстном меню (вызвать нажатием правой кнопки мыши):

Установка кнопки звонка с сайта 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

  1. Сохраните изменения, нажав на кнопку “Update File”.
  2. Готово! Теперь перейдите на свой сайт и проверьте результат. Пустой блок исчезнет.

 

Share on FacebookTweet about this on TwitterShare on Google+Share on LinkedIn

Популярное