Как вставить код в статью

как вставить код html в статью

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

Установка кода на сайт

1) Для начало вам нужно скачать файл с Яндекс диска скачать можно здесь  и загрузить его на хостинг а именно в свою тему, после установки обязательно разархивируйте файл.

http://vashdomen.ru/wp-content/themes/vashatema/code

2) Затем вам нужно зайти в админ панель вашего блога а именно в «Внешний вид» затем «Редактор» и «Функции темы» после чего вставляем этот код.

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

(Смотрим ниже)

как вставить код html в статью

Сразу хочу вас предупредить, что у всех тема разная и код шаблона будет разный и прежде чем вставить код, скачайте файл «functions.php» со своего хостинга. Это делается для того, что бы можно было восстановить сайт если при вставке кода блог перестанет работать.

После установки всех необходимых файлов в панели редактора появится синий логотип файла (Смотрим ниже)

как вставить код html в статью

Теперь давайте настроим после с кодом для этого берем какой нибудь код и просто вставляем его в поле редактора как обычный текст, затем сразу его копируем и нажимаем на синюю фигурку и сверху появляется форма с полем и туда вставляем скопированный код. (Смотрим ниже)

как вставить код html в статью

И теперь у вас должна получится вот такая вот форма (Смотрим ниже)

как вставить код html в статью

Теперь давайте посмотрим, что у нас получилось на сайте переходим на свой блог и мы видим что появилась форма с нашим кодом. Если у вас будет длинный или широкий код то появится скроллинг с помощью чего посетителю будет легче ориентироваться в html коде, цвет кода можно менять в обычном режиме в редакторе.(Смотрим ниже) 

как вставить код html в статью

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

Снизу вы увидите код сайта и в правой стороне столбиком будет расположен код CSS который отвечает за внешний вид фрагмента, более детально я показываю в видео.

С Уважением Максим Зеленцов!

Как поменять логин и пароль для входа в админ панель сайта

Untitled Document

Как вставить код в статью обновлено: Октябрь 28, 2016 автором: Максим Зеленцов

Отзывов (2)

  1. Макс, огромная тебе благодарность за помощь в настройке блога. За креативный и очень трепетный подход к делу. Мне приятно с тобой работать.

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

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