WordPress вставить html на страницу

Как добавить код в WordPress: все доступные методы

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

Для того, чтобы добавить код в WordPress существует несколько удобных, правильных и неудобных, неправильных способов. В этой статье я расскажу вам про все эти способы. И все они могут пригодиться на практике.

Добавление кода в виджет

Виджеты в WordPress можно использовать для того, что добавить код на сайт. Для этого подходят виджеты «HTML-код» и «Текст». Благодаря такому способу можно установить какой-либо HTML код в любой области виджетов, предусмотренной активированной темой. И если этот код предусматривает вывод какого-либо элемента, то он будет виден.

Для тех, кто не знает: виджеты находятся в пункте «Внешний вид», подпункте «Виджеты». Нужно лишь переместить мышкой виджет «HTML-код» или «Текст» из области «Доступные виджеты» (слева страницы), в какую либо область справа страницы. Затем в него можно вставить текст и сохранить с помощью соответствующей кнопки.

Если используется виджет «Текст», то код нужно добавлять во вкладку «Текст», а не «Визульно».

Но удобнее, всё-таки, использовать виджет «HTML-код», который специально для этого и предназначен. В нём всего одна вкладка, а также есть подсветка синтаксиса.

Иногда возникает необходимость добавить в виджет PHP код и сделать так, чтобы он работал. В этом случае придётся пользоваться дополнительным плагином, который создаст новый виджет «PHP-код».

Плагин называется PHP Code Widget и ссылка на него ниже.

Добавление кода в настройки темы

Ещё один способ добавить код в WordPress — это внедрить его в настройки дизайна. Подойдёт для добавления своих CSS стилей, а в не которых случаях (в зависимости от темы) и других видов кодов.

Для интеграции перейдите в пункт «Внешний вид», подпункт «Настроить». Вы увидите секции с опциями слева. Откройте «Дополнительные стили».

И вставьте CSS код в поле. Не забудьте сохранить всё кнопкой «Опубликовать».

А если нажать на кнопку с иконку в виде шестерёнки, то можно будет ещё и просто сохранить изменения, без публикации, и даже запланировать их публикацию на указный день и время.

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

Настройки тему могут находиться в пункте «Внешний вид», либо вынесены в отельный пункт. В разных темах это может выглядеть, конечно же, по-разному, и не обязательно так, как у меня на скриншоте. А в некоторых темах этого вообще может и не быть.

Добавление кода с помощью плагинов

Универсальный способ добавить код в WordPress — это использовать плагин. И есть несколько вариантов.

Во-первых, рекомендую простой плагин Head, Footer and Post Injections. После активации перейдите в пункт «Настройки», подпункт «Head and footer». И тут вы увидите возможность добавить любой код в любое место сайта: в шапку, подвал, записи, страницы. Кроме того, есть дополнительные опции, вроде включения добавленного кода только на некоторых устройствах или типах страниц.

Есть, что изучать в этом плагине. Только один недостаток — всё на английском языке. Скачать можно по ссылке ниже.

Ещё один способ добавить код в WordPress, это плагин My Custom Functions. Он решает задачу интеграции PHP функций, и добавляет их так, будто они были написаны в файле темы functions.php. При этом ни обновление темы, ни даже её изменение данную интеграцию не нарушает.

Работу этого плагина я рассматривал на примере добавления в тему функции для реализации чек-бокса соглашения на обработку персональных данных в форме комментариев WordPress.

Скачать плагин можно по ссылке ниже.

После активации плагина, перейдите в пункт «Настройки», подпункт «PHP inserter». Включите применение кода и добавьте свою PHP функцию.

Добавление кода в файл темы или плагина

Вначале я писал о том, что есть правильные и неправильные способы добавить код в WordPress. Как раз таки сделать это непосредственно в файл плагина или темы — является самым неправильным методом, но рабочим. Иногда это бывает единственным способом, и поэтому на практике, всё-таки, используется.

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

Итак, чтобы добавить код в WordPress прямо в файл, нужно перейти в пункт «Внешний вид», подпункт «Редактор» (если речь о теме) или пункт «Плагины», подпункт «Редактор» (если речь о плагине).

Сначала вы увидите пугающее предупреждение, где нужно нажать на «Я понимаю».

И теперь перед вами откроется редактор. Здесь в списке сверху можно выбрать редактируемый продукт (тему или плагин), в колонке справа выбирается файл, а в самом центре редактор с поддержкой синтаксиса кода.

Кроме этого, добраться до файлов тем и плагинов можно через файловый менеджер или FTP подключение. Плагины хранятся в папке wp-content/plugins, а темы в wp-content/themes. Каждый плагин/тема в отдельной папке.

При редактировании файлов будьте внимательны, делайте резервные копи.

Источник

Как добавить .html к страницам WordPress

В былые времена интернет-сайты оформлялись исключительно с помощью языка разметки HTML. Вследствие этого, все страницы имели в конце своего адреса символы “.html” (например, page-name.html). По-другому и быть не могло, так как каждая страница сайта размещалась в отдельном HTML-файле. На сегодняшний день почти нигде не встречаются такие веб-ресурсы. Сейчас существует довольно различных технологий и языков, специально разработанных для веб-разработки. Но часто некоторые пользователи все же желают вернутся в те времена и все таки добавить к страницами своих сайтов “.html”.

Следует отметить, что совсем недавно поисковые системы все же отдавали предпочтение ресурсам, в которых URL-страницы имели это окончание. На сегодняшний день это в прошлом, и в индекс тех же Гугл или Яндекс попадают сайты с самыми разнообразными адресами.

В каких случаях добавляют .html?

Обычно если владелец сайта хочет на своем сайте видеть “.html”, то исключительно для статичных страниц, информация на которых изменяется довольно редко. Например, страницы О сайте или Об авторе.

Как добавить .html к страницам WordPress?

В WordPress присутствуют инструменты, которые позволяют гибко управлять адресаций на сайте. Для этого служит админ-раздел Настройки -> Постоянные ссылки.

Но дело в том, что они применяют эти настройки для всех разделов сайта. Но как же быть, если нужно добавить окончание .html только для Страниц? Для этого существует несколько вариантов. Рассмотрим наиболее популярные среди WordPress-пользователей.

Способ 1. Плагин .html in url

Этот способ предусматривает установку бесплатного плагина .html in url , который без каких-либо настроек добавит к страницам Вашего WordPress-сайта необходимое окончание. Отметим, что после его активации необходимо перейти в админ-раздел Настройки -> Постоянные ссылки и нажать кнопку Сохранить изменения. Таким образом будет гарантироваться его корректная работа.

Способ 2. Вручную

Еще один способ добавить окончание .html для Страниц WordPress-сайта, — это разместить специальный код в основном конфигурационном файле Вашей активной темы.

Если Вы не знаете, как редактировать functions.php, то в этом случае Вам поможет плагин ProFunctions.

Итак, в самый конец файла нужно вставить следующие строки:

function wpschool_remove_slash( $string, $type )< global $wp_rewrite; if( $wp_rewrite->using_permalinks() && $wp_rewrite->use_trailing_slashes == true && $type == 'page' ) < return untrailingslashit( $string ); >return $string; > function wpschool_html_permalink() < global $wp_rewrite; if( ! strpos( $wp_rewrite->get_page_permastruct(), '.html' ) )< $wp_rewrite->page_structure = $wp_rewrite->page_structure . '.html'; > > add_filter( 'user_trailingslashit', 'wpschool_remove_slash', 66, 2 ); add_action( 'init', 'wpschool_html_permalink', -1 );

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

Все, теперь Ваши страницы имеют в конце адреса окончание .html.

Нажмите, пожалуйста, на одну из кнопок, чтобы узнать понравилась статья или нет.

Источник