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

Приветствую Вас, и сегодня хочу поговорить на тему, как вставить html код в статью WordPress без плагина. При этом он будет довольно красиво смотреться и не нагружать сайт лишним плагином.

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


Для этого необходимо сделать:

  • Пройти по ссылки и скачать папку с кодом
  • Установить её на своем хостинге
  • Прописать дополнения в коде файлов phр, style.сss (style.рhp)

И так давайте всё по порядку и подробнее.


Установим кнопку «html-код» в консоль редактирования записи на WordPress

Которая будет выглядеть следующим образом.

вставка html кода в статью WordPress без плагина


Чтобы добиться данного результата, нам необходимо скачать папку с кодом, разархивировать её и установить на хостинг в папку с темой, как её найти можете прочитать эту статью на примере OFFERHOST:

Менеджер файлов /www/nikolaiepischin.ru/wp-content/themes/fashionistas/

То, что зачеркнуто, должно быть, названием вашего сайта. Далее спускаемся вниз и находим файл functions.рhp, открываем его и прописываем туда следующий код:

require_once(TEMPLATEPATH . '/code/code.php');

После производим проверку, т.е. заходим в консоль сайта редактирования записи и там должен, появится значок, который показан на скриншоте выше.


Задаем стиль для выводимого html-кода в статью Вордпресс

Для этого в файл style.сss (style.рhp) нужно прописать следующий код, который немного приукрасит и выделит его из общей массы:

.cod { width: auto;
border: 1px solid #C7C3C3;
border-radius: 5px;
color: #168dec; }

Цвет если не устраивает, можете изменить.


Экспериментируем и выводим html-код на страницу сайта

Вот мы уже на последнем этапе как вставить html код в статью WordPress без плагина. Для этого заходим в консоль сайта, редактор записи. Далее, как на рисунке: выделяем и копируем (1), жмём «html-код» (2), в появившемся форме вставляем код (3) и нажимаем на кнопку «Продолжить» (4).

Экспериментируем и выводим html-код на страницу сайта


Так стала выглядеть вставка html кода на странице Вордпресс без участия кого – либо плагина.

html код


P.S. На этом всё. В этой статье мы узнали, как вставить html код в статью WordPress без плагина. Если у вас остались вопросы, добро пожаловать в комментарии.


С уважением, Николай Епишин.


Спасибо, что поделились статьей в социальных сетях и поддержали блог!!!


Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *