Как включить код верхнего и нижнего колонтитула в WordPress

Опубликовано: 2022-09-19


Система WordPress отлично справляется с тем, чтобы люди, не имеющие опыта программирования, могли выполнять практически любые функции. С другой стороны, в некоторых ситуациях вам нужно будет включить код верхнего и нижнего колонтитула в WordPress, чтобы продукты и услуги 3rd-bash могли встраивать свои собственные функции.

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

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

Чего вы можете достичь с помощью лишнего кода в верхнем и нижнем колонтитулах вашего сайта

Типичный веб-сайт будет разбит на несколько различных компонентов, очень похожих на текстовый документ:

  • Заголовок. Заголовок вашего сайта включает в себя ряд «предварительно загружаемых» вещей, а также сведения о вашем сертификате Safe Sockets Layer (SSL), шифровании, любом JavaScript и многом другом.
  • Нижний колонтитул. Это работает аналогично вашему заголовку, но вместо этого оказывается внизу страницы.
  • Все тело. Большая часть производительности, которую вы реализуете на своем сайте, будет находиться в «теле» ваших статей. Это основная концентрация почти каждой мелочи внутри панели инструментов WordPress, а общее тело означает то, что вы видите на странице веб-сайта.

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

Ежедневные примеры использования фрагментов кода

Социальные сети и приложения Look for Engine Optimization (позиционирование веб-сайта), как правило, требуют, чтобы вы вставили код заголовка в WordPress. Это связано с тем, что эти экспертные службы должны иметь некоторый приоритет, когда сотни веб-страниц должны регистрировать все, что приходит сразу после нее.

То же самое с кодом CSS, в основном потому, что он определяет, как будет выглядеть ваш сайт. Если бы это было в нижнем колонтитуле, вы бы увидели множество вариантов макета прямо перед тем, как увидеть стиль.

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

По правде говоря, есть много дополнительных случаев использования, и мы рассмотрим их более подробно в дополнительной публикации на веб-сайте WPKube. Тем не менее, в обычной ситуации с WordPress у вас нет доступа к верхним и нижним колонтитулам вашего сайта. Для этого вам нужно либо запачкать руки, либо позвонить в службу помощи на открытом воздухе.

Как включить код верхнего и нижнего колонтитула в WordPress (2 способа)

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

  1. Вы можете использовать плагин, который поможет вам включить код в соответствующие части вашего сайта.
  2. Вы можете включить код в свой файл capabilities.php , и вам потребуются дополнительные знания о том, как получить доступ к информации вашего сайта.

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

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

Если вы хотите запустить что-то в WordPress, плагин сделает это за вас. Мы считаем, что плагин по умолчанию используется в большинстве случаев для веб-сайтов WordPress. Таким образом, если вы хотите включить код верхнего и нижнего колонтитула в WordPress, плагин Embed Code будет отличным решением:

Плагин Embed Code от WordPress.org.

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

Чтобы использовать его, вы установите и активируете плагин обычным способом WordPress. Когда эта процедура завершится, вы увидите новое решение « Настройки»> «Встроить код » на панели инструментов:

Ссылка Embed Code на панели управления WordPress.

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

Глобальные разделы верхнего и нижнего колонтитула Embed Code в настройках WordPress.

Использовать этот инструмент очень просто. После ввода кода сохраните изменения. Это добавит любой код прямо здесь на всемирном (т.е. огромном веб-сайте) уровне. Тем не менее, вы можете захотеть включить код только в статью о человеке или на веб-страницу. Вы можете сделать это с помощью редактора блоков — метабокс и необходимые параметры находятся в нижней части экрана:

Метабоксы плагина Embed Code на отдельной странице редактора блоков.

В то время как Embed Code является выбранным нами процессом и человеком, которого вы должны использовать для минимальной суеты, есть также дополнительный способ, который может дать вам необходимые преимущества. Мы покажемся на этом человеке следующим.

2. Включите фрагменты кода в файл features.php

Каждая установка WordPress может получить специальный capabilities.php functions.php в своем списке лучших стадий или определенных тем. Это позволяет вам включать фрагменты кода, чтобы помочь WordPress использовать дополнительную производительность. С другой стороны, есть некоторые предварительные условия, которые вам нужно будет полностью понять и выполнить прямо перед тем, как начать:

  • Вы получаете свои основные документы WordPress — и, соответственно, файл functions.php — features.php помощью протокола безопасной передачи файлов (SFTP). Таким образом, вам нужно будет знать, как это работает при покупке, чтобы раскрыть информацию о ваших веб-сайтах и ​​работать с ними. их.
  • Мы также рекомендуем вам использовать детскую тему, чтобы защитить ваши изменения, если рассматриваемая тема получит обновление.
  • Вам понадобится, по крайней мере, операционная осведомленность о хуках, действиях и фильтрах WordPress. Кроме того, вы захотите понять, как WordPress получает доступ к вашему верхнему и нижнему колонтитулу через эти крючки.

Когда дело доходит до использования SFTP, WPKube имеет набор контента статей, который вы можете принять во внимание при необходимости:

Вы также можете заглянуть в библиотеку хуков WordPress Developer, в частности записи людей для wp_head и wp_footer , хотя это необязательно, поскольку вы не будете использовать их широко.

Из перечисленных здесь действий возьмем пару способов. Для начала откройте сервер вашего сайта внутри вашего SFTP-клиента, затем перейдите к wp-material/themes . Перечислены здесь, откройте листинг вашей текущей темы и найдите подходящий файл functions.php :

Открытие файла functions.php темы в текстовом редакторе.

Вы захотите открыть этот файл в своем любимом текстовом редакторе или редакторе кода. Внутри вы можете поместить следующий шаблон фрагмента:

 add_action( 'wp_head', ' ' ) purpose () ?> add_action( 'wp_head', ' ' ) purpose () ?> add_action( 'wp_head', ' ' ) purpose () ?>

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