Как вставить HTML или PHP код в статью WordPress

Здравствуйте, уважаемые читатели! Рады приветствовать Вас на страницах Thebizfromscrath, а с вами авторы этого блога – Андрей и Даша. Те, кто читают нас уже не первый раз, наверняка замечали в некоторых статьях аккуратно вставленный кусок кода, который можно скопировать и использовать для своих целей. А кто-нибудь знает, как мы это делаем? Думаете простой вставкой в режиме «Текст»? Не-а. В сегодняшнем посте мы расскажем, как вставить HTML код в статью WordPress без плагина.

     Ну а чтобы было ясно, о чём идёт речь, предлагаем вашему вниманию скрин из наших ранних публикаций.primer-vstavki

     Хотите делать также? Мы обязательно подскажем)) Нам не понятно только одно. Почему многие блоггеры, пользуются для такой цели плагином – Wp-syntax, который, кстати, весомо тормозит скорость загрузки сайта, если есть простой, но результативный способ, не требующий никаких плагинов. Нужно выполнить всего три элементарных шага:

  1. Открыть статью в режиме «Текст»

Найти среди всяких-разных закорючек то место, куда желаете воткнуть фрагмент кода. vkladka-tekst

  1. Вставить в желаемое место, код, указанный ниже
 <pre style="height: 25px; width: auto; padding: 2px; border: 1px solid #ccc;"></pre>

Где:

heingt – высота окошка, где будет располагаться html (у нас 25px, можете забивать любое значение),

widtch – ширина окошка (у нас стоит авто, но можно выставить любое количество px),

padding – отступ,

border 1px solid #ccc – окантовка окошка сплошная, толщиной 1px, цвет серый.vstavili-kod-dlya-fragmentov

  1. Перейти в режим «Визуально»

В режиме «Визуально» на месте вставки вышеуказанного кода появилось активное окошко, в которое вы сможете воткнуть любой php- или html-код.chto-vidim-v-vizualno

     Вот и всё! Ничего сложного, как видите, нет, а в результате получается аккуратное окошечко, куда можно внести любую комбинацию знаков и символов.  Теперь Вы знаете, как вставить HTML код в статью WordPress без плагина. Если будут вопросы – задавайте, постараемся всем ответить и помочь. Ну и на этом мы заканчиваем, пойдём догуливать оставшийся вечер воскресенья, а то, что-то за выходные вообще не удалось отдохнуть. Всем удачи и до свидания!

С уважением, Андрей и Даша.

Комментарии:

10 Комментарии

  1. aleksandr

    Молодцы!Все работает на отлично. Иногда действительно надо вставить код и ради этого ставить плагин не очень хочется

  2. Игорь

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

  3. Николай

    Тоже не плохой вариант для вставки кода в текст. Но я нашел более простой способ…

  4. Евгений

    У меня не работает. Почему не подскажете?

    1. admin (Автор записи)

      Что конкретно не получается?

  5. Просто так

    вот этот код не могу вставить. Подскажите пожалуйста как можно помочь?

    1. admin (Автор записи)

      Читайте внимательно статью, всё работает

  6. Максим

    Здравствуйте! Спасибо за статью, сейчас постараюсь применить. Search console требует подтверждения авторства и предлагает код. Я правильно понял, что беру любую свою статью, действую по Вашей схеме и прихожу к успеху?

  7. Алексей

    Здравствуйте, не получается вставить яндекс карты из конструктора карт,

  8. Karinatus

    Поздравляю, какое отличное сообщение

Оставить комментарий

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