Как разместить код формы поиска в статье на Wordpress

Размещение скрипта/кода в тексте статьи

У плагина есть недостаток — разместить его можно только в одном из сайдбаров (т. е. в областях вне контента). Если по какой-то причине такой вариант не подходит, используйте другой вариант — вставьте код поисковой формы в текст статьи. Находясь в редакторе статьи, переключитесь из режима «Визуально» в режим «Текст».

10.jpg

В этом режиме все элементы форматирования текста (выделение жирным, картинки, заголовки и пр.) представлены в виде html кода. Теперь осталось вставить в нужном месте статьи наш код. Для того чтобы разместить код формы поиска авиабилетов, зайдите в личный кабинет партнерской программы и в разделе «Инструменты» выберите пункт «Поисковая форма». После того как поисковая форма настроена, сохраняем её, копируем код и вставляем в статью.

Копируем:

11.jpg

Вставляем:

12.jpg

 

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

Чтобы оптимизировать размещение кода в тексте статей, воспользуйтесь плагином Shortcoder. После его установки перейдите в раздел «Параметры» и выберите пункт меню Shortcoder. Здесь нужно написать название кода, по которому он будет вызываться в тексте статьи, и вставить сам код.

14.jpg

После того как код сохранен в панели редактирования статьи, нажмите на иконку плагина Shortcoder и выберите нужный код. Или напишите вызов кода сами в тексте статьи.

15.jpg

Форма поиска является альтернативой плагину для размещения в сайдбарах. Для этого скопируйте код формы поиска, зайдите в раздел «Внешний вид» — «Виджеты» и перетащите виджет «Текст» в ту область, где хотите разместить код формы. После этого вставьте код формы в область для ввода текста.

13.jpg

Была ли эта статья полезной?

Еще есть вопросы? Отправить запрос