Html код на Вордпресс без плагина, js скрипт

Здравствуйте, все мы рано или поздно, но сталкиваемся с одной небольшой проблемой. А именно как красиво вставить html код на Вордпресс. Если мы посмотрим на стандартный редактор Вордпресс, то мы не увидим там функции «добавить html код». Правда добавлять html код можно в визуальном режиме редактора, но этот код не выделяется от обычного текста и посетителям неудобно читать и копировать его. Отсюда и возникают ошибки при работе с такими html кодами.

Так что-же нам нужно сделать, чтобы html код на Вордпресс смотрелся эстетично и в то-же время отделялся от основного контента?
Существуют специальные плагины на Вордпресс, которые добавляют функционала визуальному редактору Вордпресс, но все они, как известно дают лишнюю нагрузку на сайт и он начинает работать медленей. Поэтому желательно пользоваться только самыми необходимыми плагинами. Все, что вы можете сделать вручную, нужно делать.

Есть одно, на мой взгляд, неплохое и довольно легкое, даже для новичка, решение. А поможет в этом js скрипт и новая кнопка в редакторе. Нам нужно добавить кнопку в редактор Вордпресс, и запустить js скрипт для кнопки визуального редактора.

Нtml код на Вордпресс без плагина

Скачиваем и распаковываем архив.

В нем находится папка с js скриптом, картинкой кнопки и файлом (code.php.). Вобще-то на хостинг файлы закачиваются в архивированном виде,вобщем разбиретесь как проще сделать.

Загружаем папку code на хостинг, в папку свашей темы.

Путь к этой папке получится примерно такой:

wp-content/themes/vashatema/code

Добавляем строчку в конец файла функции темы (functions.php) перед знаком ?>

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

Это мы подключаем файл (code.php). и запускаем js скрипт. Файл (functions.php) находится в той-же папке с вашей темой, или найти его можно зайдя в консоль>внешний вид>редактор.

Мы немного улучшили редактор Вордпресс, добавили нужную нам функцию. Теперь вставим html код на Вордпресс непосредственно из визуального редактора. Пример на скриншотах.

Итак, в режиме визуального редактора выделяем мышью нужную нам часть текста и копируем в буфер обмена, на примере это код команды на подключение нашей функции. Кликаем на синюю кнопку и в появившееся окошко вставляем скопированный код. Добавляем. Все готово.

Скачать html код на Вордпресс без плагина, js скрипт можно напрямую с сайта здесь

Кстати, кому интересно, можете посетить очень полезный сайт — учебник для начинающих, со встроенным визуальным html редактором: www.wisdomweb.ru

Если вам пригодилась статья «Html код на Вордпресс без плагина, js скрипт» не жадничайте))) , жмите кнопочки соц сетей!

Монтаж канализационных труб прокладка канализации. https://perevozka134.ru особенности перевозки холодильника.

Похожие по Тегам статьи

Добавляем атрибут title в редактор WordPress

Начиная с версии 3.5 WordPress из редактора удалена функция автоматического добавления атрибута title, что…

Выводим количество просмотров WordPress

На скриншоте показан вывод количества просмотров WordPress в анонсах статей. На днях столкнулся с…

Расширяем текстовый редактор WordPress

Как известно, в WordPress редакторе существует два режима публикации и редактирования постов — Визуальный…