Руководство для начинающих по вставке сниппетов из Интернета в WordPress

Хотите узнать, как вставлять фрагменты из Интернета в WordPress?? Мы публикуем много руководств по WordPress, которые просят пользователей добавить...

Хотите узнать, как вставлять фрагменты из Интернета в WordPress??

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

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

В этой статье мы покажем вам, как копировать и вставлять фрагменты кода из Интернета в WordPress, не ломая ваш сайт.

Зачем добавлять сниппеты кода на свой сайт WordPress?

WordPress — лучший в мире конструктор сайтов благодаря гибкости, которую он предлагает. Очень легко добавлять новые функции и возможности на ваш сайт и можно создать практически любой тип сайта.

Мы делимся всеми видами советов и трюков, которые вы можете использовать, чтобы сделать ваш сайт лучше. Некоторые из этих советов попросят вас добавить код в WordPress.

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

Руководство #7: Что такое сниппеты и как их использовать в WordPress

Часто добавление сниппетов кода может быть простым способом исправить многие распространенные ошибки WordPress, улучшить безопасность WordPress и добавить новые функции на ваш сайт.

С учетом сказанного, давайте рассмотрим, как безопасно добавить сниппеты кода на ваш сайт WordPress.

Какие лучшие способы добавления сниппетов кода в WordPress?

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

Это сохранит ваш сайт WordPress в безопасности, и вы всегда сможете восстановить его из резервной копии, если что-то пойдет не так.

При добавлении сниппетов в WordPress вы можете найти инструкции по их добавлению в файлы шаблона темы WordPress, такие как index.php , single.php , и другие.

Эти сниппеты полезны только для этих конкретных файлов темы, поэтому вам придется добавить их напрямую или создать дочернюю тему WordPress.

Однако большинство фрагментов кода будут добавлены в функции вашей темы WordPress.php файл. Некоторые учебники рекомендуют добавлять код непосредственно в файл, но есть гораздо лучшие альтернативы, которые позволят вам защитить ваши изменения в будущем.

Таким образом, если вы когда-нибудь смените тему, ваша пользовательская функциональность не будет удалена.

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

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

  • Добавление пользовательского кода с помощью плагина WPCode (просто)
  • Добавление пользовательского кода в специфический для сайта плагин WordPress
  • Добавление пользовательского кода в функции.php или другие тематические шаблоны
  • Устранение распространенных ошибок кода (часто задаваемые вопросы)

Способ 1: Добавление пользовательского кода с помощью плагина WPCode (простой)

Использование плагина сниппетов кода — самый безопасный и удобный для новичков способ добавления кода в WordPress.

Плагин сниппетов кода WPCode

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

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

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

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

Примечание: Метод WPCode полезен для сниппетов, которые необходимо добавить в функции.файл php. Если вас просят добавить сниппет кода в другие файлы темы, то этот метод не сработает.

Как редактировать и добавлять код в WordPress с помощью WPCode

Если вы собираетесь использовать плагин WPCode для добавления кода в WordPress, то вы будете добавлять код прямо в панель администратора WordPress.

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

После активации просто перейдите по ссылке Сниппеты кода » + Добавить сниппет в вашей панели администратора WordPress. Затем нажмите на кнопку Добавить новый кнопка.

Нажмите

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

Чтобы добавить пользовательский код, нажмите на кнопку Использовать сниппет кнопку под опцией «Добавить свой пользовательский код (новый сниппет)».

Добавить пользовательский код в WPCode

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

Вставьте пользовательский сниппет и выберите тип кода

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

Выберите вариант вставки сниппета кода

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

Умная условная логика WPCode

Как только вы закончите добавлять код, переключите переключатель с «Неактивного» на «Активный» в правом верхнем углу.

Затем нажмите на кнопку Сохранить сниппет кнопка.

Сохраните и активируйте фрагмент кода

Как только сниппет станет активным, он будет добавлен автоматически или отображен в виде шорткода, в зависимости от выбранного вами метода вставки.

Как добавить код в верхний и нижний колонтитул WordPress

Иногда вам может потребоваться добавить код только в заголовок вашей темы.php или нижний колонтитул.php файлы. Плагин WPCode также может помочь вам сделать это легко и просто.

Это пригодится, когда вам нужно добавить на сайт код отслеживания для Google Analytics, Facebook (признана экстремистской организацией на территории РФ) Pixel, Google AdSense и т.д.

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

Примечание: Этот метод лучше всего подходит для скриптов отслеживания, пользовательского CSS и кода Javascript.

Перейти к Сниппеты кода » Верхний и нижний колонтитулы а затем введите фрагмент кода в верхний, основной или нижний колонтитул вашего сайта.

Добавление кода в верхний и нижний колонтитулы с помощью WPCode

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

Метод 2: Добавление пользовательского кода в плагин WordPress для конкретного сайта

Создать плагин для конкретного сайта

Еще один гибкий вариант — использовать плагин WordPress для конкретного сайта. Это пользовательский плагин, который вы можете создать для своего сайта и использовать для сохранения всего пользовательского кода.

Преимущество этого метода в том, что ваш код не зависит от вашей темы, и он останется активным даже при смене темы. На него также не влияют никакие обновления WordPress на вашем сайте.

Примечание: Этот метод применим только для фрагментов кода, которые должны быть добавлены в функции.php файл.

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

Во-первых, вам нужно перейти в раздел Плагины » Редактор плагинов и затем выберите свой плагин из выпадающего меню с надписью «Выберите плагин для редактирования:».

Редактор загрузит ваш плагин для конкретного сайта. Тогда вы можете просто добавить код на страницу.

Добавить код в плагин для конкретного сайта

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

Если в вашем коде чего-то не хватает или он может сломать ваш сайт, то редактор плагина автоматически отменит ваши изменения.

Еще один способ добавить пользовательский код в плагин для конкретного сайта — это использование FTP. Для более подробной информации смотрите наше руководство для начинающих о том, как использовать FTP для загрузки файлов на WordPress.

Просто откройте свой сайт с помощью предпочитаемого FTP-клиента, а затем щелкните правой кнопкой мыши на файле плагина и выберите опцию «Просмотр/редактирование».

Редактирование специфического для сайта плагина WordPress с помощью FTP

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

Метод 3: Добавление пользовательского кода в функции.php или другие шаблоны темы

Добавление кода в файл functions.php

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

Во-первых, если вы обновите тему WordPress, то все ваши изменения исчезнут.

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

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

Если вы добавляете фрагменты кода непосредственно в функции вашей темы.php-файл или любой другой шаблон страницы, то вы можете добавить код, перейдя по ссылке Внешний вид » Редактор темы в вашей админ-панели WordPress.

Затем вы можете выбрать файл в правой колонке, и он откроется в редакторе.

Добавление кода в functions.php и другие шаблоны

Учебник, по которому вы следуете, подскажет вам, где можно добавить фрагмент кода, но если нет, то вам нужно добавить код в нижней части файла под всем имеющимся кодом.

Другой альтернативой является использование FTP файлового менеджера вашего хостинга WordPress для добавления пользовательского кода в файлы вашей темы.

Просто подключите FTP-клиент к вашему сайту, а затем перейдите по адресу wp-content » themes » your-theme-folder и щелкните правой кнопкой мыши на файле, который нужно отредактировать.

Редактирование файлов темы через FTP

Затем нажмите на опцию ‘View/Edit’, чтобы открыть файл в текстовом редакторе, и добавьте свой фрагмент кода.

Устранение ошибок PHP при добавлении пользовательского кода

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

Давайте рассмотрим эти ошибки и лучшие способы их устранения.

1. Неправильное использование тегов PHP Begin и End

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

// Начальный тег PHP 

Весь ваш PHP-код должен находиться внутри тегов.

Тег PHP end очень важен в файлах, которые переключаются туда-сюда между PHP и HTML. Это относится к большинству файлов темы WordPress, которые используют теги PHP наряду с HTML.

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

Если вы вставляете пользовательский код вне или после тега PHP end, то вам необходимо добавить тег PHP begin.

// Ваш пользовательский сниппет кода

Почти 90% всех ошибок вызваны неправильным размещением тегов начала или конца PHP. Взглянув на свой код, вы сможете понять, нужно ли добавлять теги PHP start или end в ваш пользовательский фрагмент кода.

Однако во многих файлах тем WordPress функции выглядят следующим образом.php может вообще не иметь конечного тега PHP. Это означает, что вы можете добавить свой код в нижней части файла без начального или конечного тегов.

Вот пример того, как это выглядит.

 h1 a '; > add_action('login_head', 'custom_loginlogo');

Помните, что некоторые учебники могут предполагать, что вы уже знаете, как использовать начальные и конечные теги PHP. Таким образом, они могут просто показать вам фрагмент кода без этих тегов на месте.

function custom_loginlogo() < echo ''; > add_action('login_head', 'custom_loginlogo');

Иногда, когда даются фрагменты кода, они могут быть добавлены в несколько мест, поэтому теги конца и начала PHP не будут включены.

Когда вы добавляете такой фрагмент кода в файлы вашей темы, вам нужно убедиться, что он находится внутри тегов PHP.

2. Неправильная вложенность ошибок

PHP имеет особый синтаксис для функций, условной логики и циклов. Этот синтаксис зависит от фигурных скобок, которые указывают, когда функция начинается и когда заканчивается.

Например, вот простая функция PHP:

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

// Предварительно существующий код в файле вашей темы // Ваш пользовательский код Функция custom_loginlogo() < echo ''; > ?>

Если вы пропустите начальные или конечные фигурные скобки, то это нарушит код, и вы получите страницу с ошибкой.

Понимание ошибок PHP в WordPress

Ошибки, возникающие при добавлении пользовательского кода в WordPress, часто приводят к подробному сообщению об ошибке. Большинство из них являются синтаксическими ошибками, ошибками разбора или фатальными ошибками из-за неожиданных символов.

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

Пример кода ошибки PHP

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

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

Что делать, если ваш сайт WordPress недоступен?

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

Просто подключитесь к вашему сайту с помощью FTP-клиента или приложения файлового менеджера в cPanel на вашем хостинг-аккаунте WordPress.

Для более подробной информации смотрите наше руководство для начинающих о том, как использовать FTP для загрузки файлов в WordPress.

Далее найдите файл, в который вы добавили код, вызвавший ошибку, и откройте его, чтобы отредактировать.

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

Теперь ваш сайт должен снова стать нормальным. Если он все еще показывает какую-то ошибку, то скачайте свежую копию вашей темы WordPress и распакуйте zip-файл на свой компьютер.

После этого найдите файл, в котором вы ранее внесли изменения, и загрузите его на свой сервер, перезаписав старый файл.

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

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

Источник: www.wpbeginner.com

Оцените статью
Добавить комментарий