Як вставити код в запис WordPress?

Радий вітати читачів мого блогу!

В одній з моїх недавніх статей мені знадобилося вставити код в запис WordPress, що спочатку викликало у мене певні труднощі, але потім я розібрався як це реалізується і тепер ділюся з вами своїм досвідом в даній статті.

Мова йде про статті про створення карти сайту WordPress, в якій я наводив приклад фрагменти коду, і цей код можна було вільно копіювати для подальшої вставки. Скріншот одного з таких фрагментів виглядає наступним чином:

Як вставити код в запис WordPress?

Як вам? По-моєму досить приємний зовнішній вигляд.

Так от, коли я писав вищезгадану статтю, то у мене, як і у багатьох початківців блогерів, створюють власний блог на движку WordPress, виникла проблема зі вставкою коду в статтю. Якщо ви в рамках свого інтернет-ресурсу зачіпаєте тонкощі створення сайтів/блогів, то вам досить часто доводиться вставляти в статті різноманітні фрагменти коду. Просто так увіткнути код в текст вашої статті не можна, він буде сприйматися відповідним інтерпретатором на сервері саме як код, і не буде відображатися так, як вам би хотілося. Якщо ви зараз читаєте цю статтю, то з високою часткою ймовірності рішення даної проблеми стоїть у вас на порядку денному. Спробую допомогти вам з нею розібратися.

Шукаєш заробіток в Інтернеті? Записуйся на безкоштовний онлайн-курс «СПЕЦІАЛІСТ З ІНТЕРНЕТ-РЕКЛАМИ» та отримай віддалену професію рекламщика в Яндекс Директ за 10 днів!

Як вставити код на сторінку WordPress?

Розберемо докладно. Насправді вирішується дана проблема дуже легко. Для початку встановлюємо плагін WordPress під назвою WP-Syntax:

Як вставити код в запис WordPress?

Активуємо його:

Як вставити код в запис WordPress?

Плагін готовий до роботи, ніяких додаткових налаштувань не потрібно.

Тепер залишилося розібратися, як же використовувати цей плагін, щоб наш код відображався як треба.

Для того, щоб плагін WP-Syntax зрозумів, що ми хочемо відображати певний уривок коду саме як код, існує конструкція:

<pre lang=”xxx” line=”1″>код</pre>

Всі дії з редагування статей зі вставкою коду потрібно виробляти в режимі текстового html редактора WordPress, в іншому випадку (при використанні візуального редактора) виникнуть проблеми з інтерпретацією тега pre. Все, що міститься всередині конструкції (позначено словом код) буде відображатися на сторінці вашого ресурсу саме в тому вигляді, в якому ви його туди вставите, і не буде інтерпретуватися як операторів будь-якої мови програмування.

Розшифрую вміст даної конструкції:

  • <pre></pre> — відкриваючий і закриваючий теги, що визначають попередньо відформатований у вихідному коді текст;
  • lang — (скорочення від language) мова програмування, на якому складено код, що вставляється вами запис;
  • xxx — потрібно вписати мова програмування, на якому складено код. У цьому випадку зустрічаються в коді оператори зазначеного мови програмування будуть виділені візуально (виділено кольором, жирним текстом і т. д.). Найбільш поширені мови: html4strict, php, css, xml. Повний список підтримуваних мов можете подивитися тут;
  • line=”1″ — атрибут, що відповідає за відображення нумерації рядків в області виведення коду на сторінці вашого сайту/блогу. Цифра означає номер першого рядка коду, якщо нумерація не потрібна — просто видаліть дану конструкцію.

Таким чином, застосовуючи даний плагін та дану конструкцію в режимі текстового редактора і укладаючи всередину неї який-небудь код на підтримується мовою програмування, ви можете вставити код в запис WordPress.

1Побачимося на сторінках мого блогу!

Ось така стаття! Ви знайшли відповідь на своє запитання в ній? Пишіть про це в коментарях, буду радий почути відгуки.

На цьому все, підписуйтесь на оновлення мого блогу!