Вставляем произвольный код в посты и страницы WordPress

0 3

Плагин Global Content Blocks

Если вам нужно вставить произвольный код в посты и страницы WordPress сайта, можно воспользоваться плагином Global Content Blocks. Плагин не тяжелый, позволяет быстро и удобно вставить в статью или страницу коды HTML, PHP, произвольные коды, формы подписки, рекламу AdSense, текстовые блоки. С его помощью можно вставить код php в шаблон сайта и разместить блоки в две, три колонки. Плагин постоянно обновляется и его можно отнести к лучшим плагинам WordPress.

Скачать и установить

Проходим стандартные шаги установки плагина. Если ставите плагины по FTP, даю адрес официальной страницы плагина: https://ru.wordpress.org/plugins/global-content-blocks/

Вставляем произвольный код в посты и страницы WordPress

Настройка плагина Global Content Blocks

Как таковых, настроек плагина нет. После активации плагина в консоли появляется меню: Global Content Blocks. На странице плагина видим вкладки управления:

Вставляем произвольный код в посты и страницы WordPress

  • Manage Blocks (1)- управления блоками плагина;
  • Add a Content Blocks (2) – добавление блоков;
  • Setting (3) – импорт блоков с другого сайта.

Также, в редакторе сайта появляется кнопка добавления блоков плагина.

Вставляем произвольный код в посты и страницы WordPress

кнопка добавления блоков Global Content Blocks в редакторе

Вставить произвольный код в посты и страницы WordPress при помощи плагина Global Content Blocks

Работать с плагином несложно:

  • Идем на страницу добавления блока;
  • Даем новому блоку название (1),
  • Даем ему латинское название для шорткода (2);
  • Выбираем тип контента (3);
  • Можно выбрать картинку (5), которая будет помещена в блок;
  • Вставляем содержание блока (4).
Еще по теме:  XAMPP локальный сервер: установка, настройка, использование

Вставляем произвольный код в посты и страницы WordPress

Создаем новый блок Global Content Blocs

Это может быть:

Вставляем произвольный код в посты и страницы WordPress

  • Произвольный код (Code);
  • Код AdSense (AdSense);
  • Текст (General);
  • HTML;
  • Фрейм (iFrame);
  • Форма (Form).

После создания блока, он появится в списке блоков. В столбце «Шорткод» списка блоков видим, шорткод, который соответствует созданному блоку. В столбце ID видим уникальный идентификатор блока.

Вставляем произвольный код в посты и страницы WordPress

Как вставлять блок в запись

Есть два варианта вставить созданный блок в запись:

  1. Использовать кнопку в редакторе;
  2. Вставить в нужно место статьи, в режиме «Визуальный», шорт код блока.

Примеры вставки кодов

Вставить код формы подписки

Вставляем произвольный код в посты и страницы WordPress

Создаем блок в формой подписки feedBurner

Вставляем произвольный код в посты и страницы WordPress

Вставляем форму подписки в статью

Вставляем произвольный код в посты и страницы WordPress

Видим форму подписки в статье

Вставить рекламу AdSense

  • Заранее создаем блок AdSense;
  • В редакторе вставляем этот блок в нужное место статьи;

Вставляем произвольный код в посты и страницы WordPress

Выбираем болк рекламы

Вставляем произвольный код в посты и страницы WordPress

Смотрим рекламу на сайте в статье Вас может заинтересовать:  Особенности и методы продвижения сайта для бизнеса

Вставить код в две, три колонки

Чтобы вставить код или текстовой код в две или три колонки вставляем шорткоды в таблице. Синтаксис HTML.

<table> <tr> <td>шорткод-блока</td> <td>шорткод-блока</td> <td>шорткод-блока</td> </tr> </table>

Вставляем произвольный код в посты и страницы WordPress

Выводим блоки в три колонки используя шорткоды блоков

Вставляем произвольный код в посты и страницы WordPress

Видим контент в трех колонках.

Вставить PHP код в шаблон

Чтобы вставить PHP код в шаблон используем следующую конструкцию:

<!--?php echo gcb(x);?--> //где x это ID блока//

Замечу, что при добавлении содержания блока, можно сделать вложение и вложить один блок в другой. Зачем это нужно? Например, создаете форму подписки и вставляете в неё красивое описание в виде трех колонок.

Источник: www.wordpress-abc.ru

Оставьте ответ

Ваш электронный адрес не будет опубликован.