ДОСТИГНУТО:

01.11.2016-300 страниц в индексе Google;
19.01.2017-300 страниц в индексе Яндекса;
03.02.2017-40 ТИЦ;
05.02.2017- сайт принят в DMOZ каталог;

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

.

verstkaСегодня у нас будет очень интересный урок.мы с вами научимся вставлять html код в статьи нашего сайта.Совсем недавно я установил один замечательный плагин,который позволяет все это осуществить в кратчайшие сроки.
Код получается красивым,заметным и имеет прокрутку,что также очень важно.

Но прежде чем переходить к разбору самого плагина,давайте наглядно посмотрим,что он нам может предоставить?
Ранее,когда я не знал об этом плагине,вставка кода требовала довольно много времени и внимания,а сами,html кода на моем сайте выглядели примерно так:

 

Ну или в лучшем случае так:

<link rel="SHORTCUT ICON" href="/favicon.ico"type="image/x-icon">

В данный момент благодаря этому плагину код выглядит вот так:

Разница заметна,правда?
Помимо простоты,вы видите подсветку кода,знакомую нам из программы Notepad++,что также очень красиво смотрится.
Вставка кода очень простая!
Итак что нам нужно сделать для того чтобы иметь возможность вставлять html или php код данным методом.
Скачайте плагин:WP-Syntax
Далее поступаете,также как и со всеми прочими плагинами.Для тех кто не знает как это делать распишу все подробно!
1.Распаковываете архив
2.При помощи FileZillа или другого инструмента закидываете распакованный архив,на свой сайт в папку:wp-content/plugins/
3.Заходите в панель управления WordPress и активируйте плагин.(для этого заходите в папку плагины,находите необходимый плагин и жмете активировать.
Для этого плагина есть дополнение которое упрощает вставку кода,но все по порядку.Для того чтобы вставить код в статью в необходимом месте вашего поста,находясь в текстовом(или html,в старых версиях WP)редакторе,необходимо прописать следующий код:

Не забываем прописывать язык нашего документа:php или html.
Таким образом мы вставляем необходимый нам код в свой пост.Но согласитесь,что это не очень удобно!
Поэтому пришло время скачать и установить дополнение,которое позволит нам вставлять код одним нажатием,соответствующей иконки.
Поехали!
Качаем:WP-Syntax Button
Устанавливаем плагин,таким же образом,как и первый.Дополнительных настроек,они не требуют!
Теперь если мы зайдем в визуальный редактор,нашего текста,мы увидим новую иконку code.
html
Она то и позволит нам вставлять код одним движением руки.Как это осуществить?На скриншоте,вы можете наблюдать весь процесс!
Вставляем необходимый нам код в нашу статью,затем выделяем его и жмем на новую иконку CODE.В появившемся окне выбираем язык(php,html,сss или любой другой)и жмем на кнопку INSERT.
Все готово наш код вставлен.Прокрутка добавляется самостоятельно,если размер кода превышает размеры страницы.

ПЛАГИН Crayon Syntax Highlighter

Так-же отличной альтернативой данному плагину является еще один плагин WordPress- Crayon Syntax Highlighter . Скачать его последнюю версию можно, вставив в браузер следующую ссылку- https://wordpress.org/plugins/crayon-syntax-highlighter/.
Данный плагин устанавливается также как и все остальные плагины, не требует никаких настроек. После его установки в вашем визуальном редакторе появится следующая кнопкаknopka.Нажав по которой можно без проблем добавить html код в любую статью.
Два описанных ниже плагина отлично работают сообща и не конфликтуют друг с другом, но я все же рекомендую Вам остановить свой выбор на одном из них, для того чтобы не загружать блог лишними модулями. Я остановил свой выбор на втором плагине.
Просто и красиво.Плагины не несут большой нагрузки на ваш сайт поэтому смело качайте и устанавливайте.Всем спасибо.

БЕРЕГИТЕ СЕБЯ!




лайк

Эти красотки хотят чтобы ты их жестко лайкнул и даже несколько раз твитнул!

1 комментарий Как вставить html код в статью

  • Гунта сказал:

    Здравствуйте.

    У Вас очень нужная информация о плагинах, но так как я новичок в этом деле, то не все получается.

    Пожалуйста помогите. Почему при дальнейшем копировании кода со страницы сайта появляется дополнительный текст: See more...

    Спасибо.

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

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