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

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

В этой статье рассказывается, как вставить код формы поиска в статью сайта, работающего на WordPress (если по какой-то причине вы не хотите использовать плагин).

Находясь в редакторе статьи, переключитесь из режима «Визуально» в режим «Текст».

В этом режиме все элементы форматирования текста (выделение жирным, картинки, заголовки и пр.) представлены в виде HTML-кода.

Теперь осталось вставить в нужном месте статьи код формы поиска или виджета. Для того чтобы разместить код формы поиска авиабилетов, войдите в Личный кабинет партнёра, перейдите в раздел Программы, выберите тревел-бренд AVS или HTL, откройте вкладку Инструменты и нажмите ссылку Поисковые формы. После создания и настройки поисковой формы скопируйте её код и вставьте в статью.

Копируем:

Вставляем:

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

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

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

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