Как сделать сниппет в вордпресс

Как создать
Содержание
  1. Что такое сниппеты и как их использовать в WordPress
  2. Способы использования сниппетов на сайте
  3. Способ 2. Вставка кода в файл functions.php по FTP
  4. Способ 3. Вставка кода в виде плагина
  5. Способ 4. Вставка кода с помощью специальных плагинов
  6. Как правильно добавлять сниппеты в WordPress
  7. 1ая общая ошибка
  8. 2ая общая ошибка
  9. 3я общая ошибка
  10. Другие советы
  11. WordPress SEO: Внедрение расширенных сниппетов
  12. Поделиться этим постом
  13. 1. Суть микроразметки (структурированных данных)
  14. 1.1. Глоссарий Schema.org
  15. 1.2. Протокол OpenGraph
  16. 2. Внедрение микроразметки с плагинами WordPress
  17. 2.1. Внедрение разметки Schema
  18. 2.2. Внедрение разметки OpenGraph
  19. 3. Внедрение «хлебных крошек»
  20. 4. Проверка микроразметки на ошибки
  21. Подводим итоги
  22. MnogoBlog
  23. как создать сайт на wordpress, настроить и оптимизировать wordpress
  24. Самые полезные сниппеты wordpress
  25. Как добавить расширенные снипеты: 5 лучших плагинов WordPress
  26. Чтобы добавить расширенные снипеты, вам нужна микроразметка
  27. Как добавить правильную микроразметку в WordPress
  28. 1. Schema Pro
  29. 2. WP Review Pro
  30. 3. All in One Schema.org Rich Snippets
  31. 4. Rich Snippets WordPress
  32. 5. WP Rich Snippets

Что такое сниппеты и как их использовать в WordPress

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

Сниппеты можно встретить в документации, на форумах поддержки и просто на просторах интернета.

Для наглядности рассмотрим пару примеров:

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

А этот сниппет с помощью хука «pre_get_posts» указывает WordPress, что поиск нужно осуществлять только по записям сайта.

Способы использования сниппетов на сайте

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

Для большинства способов понадобится установленный FTP-клиент FileZilla и текстовый редактор Notepad++. Данные для доступа к сайту по FTP нужно уточнить в поддержке Вашего хостинга.

Перед внесением изменений в код сайта — рекомендуется сделать его резервную копию, особенно для начинающих пользователей. Как это сделать, также можно уточнить у Вашего хостинг-провайдера.

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

Способ 2. Вставка кода в файл functions.php по FTP

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

Следует помнить, что при смене темы — весь код останется в старой теме и не будет исполняться. Поэтому в файл functions.php стоит помещать только тот код, который непосредственно связан с используемой темой и не затрагивает остальные части сайта.

Способ 3. Вставка кода в виде плагина

Данный способ похож на прошлый, но более универсален и скорее всего сложен для начинающих пользователей. Его смысл заключается в том, чтобы поместить код в отдельный файл в папку /wp-content/plugins, добавить необходимый заголовок и активировать в админ-панели в разделе «Плагины».

Для упрощения процедуры, файл с кодом можно поместить в папку /wp-content/mu-plugins, тогда добавление заголовка и активация не потребуется — плагин заработает автоматически.

Способ 4. Вставка кода с помощью специальных плагинов

Существует ряд плагинов, позволяющих относительно безопасно добавлять и управлять сниппетами в визуальном режиме через админ-панель. Мы рассмотрим один из них — Add Shortcodes Actions And Filters.

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

После сохранения, изменения сразу отобразятся на сайте.

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

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

Источник

Как правильно добавлять сниппеты в WordPress

Опубликовано: ADv Дата 19.04.2013 в рубрике Настройки 7 комментариев

Время от времени мы, на нашем блоге, публикуем статьи, которые включают в себя сниппеты (хуки). Пользователь может их использовать на своем сайте, вставляя в файл functions.php своей темы. В то время как этот процесс (добавления сниппетов/хуков) прост для знающих основы работы PHP, он (процесс) немного утомителен для новичков. Часто новички хотят достичь финального результата, описываемого в статье, однако им не хватает знаний в PHP, для того, чтобы сделать это правильно и не сломать сайт. В этом нет ничего постыдного, и если вы читаете эту статью, потому что вы сломали сайт, то спешим вас заверить — вы такой не один (одна) 🙂 Все мы начинали с этого, и все делали такие же ошибки. В этой статье мы расскажем как избежать наиболее частых ошибок при добавлении сниппетов/хуков из статей, найденых на просторах интернета и на нашем блоге, при добавлении в файл functions.php вашей темы.

Примечание: Файл functions.php темы расположен в папке /wp-content/themes/названиеВашейТемы/. Это НЕ файл ядра ВП, расположеный в папке /wp-includes/.

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

Читайте также:  Как сделать 8 бит трек

Причина, по которой вам нужно ознакомиться с этим, такова, что 95% проблем пользователей при вставке кода из-за того, что код вставляется в неправильном месте. А базовые знания синтаксиса PHP здесь очень пригодятся. Ниже — несколько наиболее распространенных ошибок.

1ая общая ошибка

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

Пример пример кода файла functions.php вашей темы (Обычно конечно в этом файле намного больше кода, но идея та же):

Теперь этот код наверняка изуродует WordPress, потому как у нас появляется открывающий php тег, но нет закрывающего существующий. Есть два способа устранить эту проблему. Первый из них — вставить сниппет в правильном месте:

Заметьте, как КОРРЕКТНО мы вставили сниппет в php тегах ПОСЛЕ того, как закрыли предыдущий.

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

2ая общая ошибка

У каждого блоггера, публикующего сниппеты, свой собственный стиль постинга. Некоторые выкладывают сниппеты, заключенные в пхп-теги, как на примере выше. Другие же авторы не обрамляют хуки тегами. Это приводит нас ко второй проблеме. Если у вас есть код, похожий на этот:

Автор предполагает, что вы понимаете, что код должен заключаться в php-теги. Некоторые даже предлагают вставлять их код в конец файла functions.php вашей темы. Примером ошибки новичка является:

Если вы обратили внимание, то что пользователь вставил код ВНЕ тегов. WordPress не понимает, что это за код, и «ломается». Правильный код должен выглядеть так:

3я общая ошибка

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

Функция обычно выглядит так:

Если вы вставите другую функцию внутрь существующей, то сайт упадет. Пример ошибки такой:

Так делать нельзя. Каждая функция независима, их нельзя «миксовать». Правильным будет следующий код:

Выше мы рассмотрели три ошибки, которые скорее всего и явились причиной поломки сайта, после того, как вы вставили сниппет, найденый на просторах интернета, в файл functions.php своей темы.

Другие советы

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

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

Иногда вы находите сниппеты, которые ну уж очень хочется себе на блог. У авторов сниппетов есть тенденция пояснять код читателям своих блогов (что есть хорошо!), однако при «нарезании» кода на кусочки для пояснения могут появиться ошибки. В этом случае лучше поступить так: прокрутить статью в самый низ и скопировать итоговый код сниппета; не стоит копировать его кусочками.

А вы сталкивались с такими ошибками? Как боролись с ними? Может у вас есть замечания к статье? Просим в комментарии.

Источник

WordPress SEO: Внедрение расширенных сниппетов

Читайте этот пост на английском языке

Поделиться этим постом

Работая над SEO своего сайта, вы должны следить не только над его позициями в поисковой выдаче по тем или иным запросам, но и за тем, как выглядят его сниппеты. Привлекательный и информативный сниппет с большей вероятностью привлечёт пользователя к вам на сайт. И это касается не только сниппетов на странице поиска: с каждым днём всё большее значение приобретает вид сниппета сайта (продукта, статьи) в социальных сетях.

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

1. Суть микроразметки (структурированных данных)

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

Для чего вашему сайту нужна микроразметка:

1.1. Глоссарий Schema.org

Определение микроразметки в справочных материалах Google гласит:

Открытая библиотека schema.org является своеобразным языком, который «понимают» поисковые системы Google, Яндекс, Bing, Yahoo. Она включает в себя сотни различных вариантов микроразметки, состоящих из специальных тегов. В их числе — не только варианты для разных типов контента (статья, видео, аудио), но и для разных типов организаций (корпорация, государственное учреждение, локальный бизнес, медиа-группа) с десятками уточняющих расширений. Они помогают показать поисковым роботам, к какому типу данных принадлежит тот или иной контент на данной странице.

Полный перечень существующих типов разметки Schema.org можно найти на сайте библиотеки.

1.2. Протокол OpenGraph

Протокол OpenGraph выполняет часть функций Schema, но только применительно к социальным сетям. Его поддерживает большинство популярных социальных медиа, включая Facebook, Twitter и Вконтакте.

Благодаря структурированию данных с тегами OpenGraph вы можете контролировать внешний вид сниппетов вашего сайта в социальных сетях, визуально акцентируя внимание на тех или иных элементах.

Полный перечень элементов и синтаксис микроразметки OpenGraph подробно описаны на официальном сайте протокола.

Читайте также:  Как сделать свой парник

2. Внедрение микроразметки с плагинами WordPress

2.1. Внедрение разметки Schema

Для самостоятельного внедрения микроразметки без помощи разработчика вы можете использовать бесплатный плагин «All In One Schema Rich Snippets». К сожалению, он позволяет внедрять только 9 базовых видов разметки Schema. Хорошая новость заключается в том, что остальные десятки видов вам попросту могут никогда не пригодиться. В числе базовых шаблонов разметки доступны следующие:

Чтобы внедрить микроразметку Schema для страницы или отдельной записи, нужно:

Заполняя Title и Description, не забывайте о правилах, которые мы ранее озвучивали в статье об оптимизации контента.

2.2. Внедрение разметки OpenGraph

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

YOAST позволяет вам задавать 4 из 5 основных свойств объекта:
Чтобы внедрить микроразметку OpenGraph для страницы или отдельной записи с YOAST, выполните следующие действия:

3. Внедрение «хлебных крошек»

Построение навигационной цепочки или «хлебных крошек» («breadcrumbs») также осуществляется с помощью словаря Schema.org.

Для чего сайту нужны «хлебные крошки»:

Для внедрения «хлебных крошек» можно использовать уже хорошо знакомый вам YOAST (базовая конфигурация) или Breadcrumb NavXT (расширенная конфигурация).

После установки и активации каждый из них потребует от вас внедрить определённый отрывок кода в файл header.php текущей темы. Вы можете найти его в папке вида wp-content/themes/ваша-тема/, используя FTP-клиент Filezilla.

Код для внедрения навигационной цепочки посредством YOAST выглядит так:
Если же вы остановили выбор на Breadcrumb NavXT, то вам понадобится внедрить в хедер следующий код:

4. Проверка микроразметки на ошибки

Для проверки микроразметки на наличие ошибок существует ряд специальных инструментов:

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

Подводим итоги

Для того, чтобы создать привлекательный и информативный сниппет для своего сайта, вам требуется внедрить на свой сайт структурированные данные библиотек Schema.org и OpenGraph. Они позволят расширить отображаемые в результатах поиска и лентах социальных сетей сниппеты.

Для корректного внедрения структурированных данных вам понадобятся несколько инструментов:

А теперь, когда всё самое сложное и пугающе непонятное осталось позади, мы ждём ваших вопросов и комментариев! Если у вас есть идеи или рекомендации касательно содержания материала, не стесняйтесь писать об этом: мы будем рады принять их в работу и сделать статью ещё лучше 🙂

Источник

MnogoBlog

как создать сайт на wordpress, настроить и оптимизировать wordpress

Самые полезные сниппеты wordpress

Рассмотрим топ полезных фрагментов кода (сниппетов) для wordpress.

Как воспользоваться сниппетами?
1. Вставить в файл functions.php.
Чтобы открыть файл functions.php нужно войти в админку wordpress, в левом меню выбрать пункт “Внешний вид”, его подпункт “Редактор”, справа в списке шаблонов найти файл functions.php и открыть его. Далее можете в самый низ кода файл functions вставить код сниппета.
Но не забывайте, есть вы обновите/измените тему (шаблон) сайта файл functions.php тоже поменяется.
2. Создать дочернюю тему (о том как её создать читайте здесь – “codex.wordpress.org/Дочерние_темы”).
3. Создать плагин (как создать плагин wordpress читайте тут – “mnogoblog.ru/sozdaem-prostoj-plagin-wordpress-mnogoblogplugin”.

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

А теперь перейдем непосредственно к СНИППЕТАМ WORDPRESS:

1. Добавляем возможность использование шорткодов в виджетах wordpress:

После вставки данного сниппета вы сможете использовать шорткоды в виджете с названием “ТЕКСТ”.

2. Как заработать деньги в интернете.

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

3. Перенаправляем новых, только что зарегистрированных, пользователей на определенную страницу сайта:

Здесь поменяйте “/finished/” на url, на который должен перейти пользователь после завершения процедуры регистрации на вашем сайте.

4. Изменяем количество сохраненный редакций записи/страницы wordpress:

При каждом изменении записи/страницы wordpress периодически записывает ее сохраненную копию (редакцию) в Базу Данных wordpress, что увеличивает её размеры, желательно ограничить количество сохраненных копий записи/страниц до разумных значений, например до 3-5.

5. Показать Дату публикации поста (записи), а также Дату последнего изменения поста (записи).

6. Скрыть версию wordpress, которую использует ваш сайт:

Есть еще более функциональный сниппет для скрытия версии wordpress из всех источников (RSS ленты, мета-тегов, в стоках запроса к скриптам и стилям):

7. Скрыть сообщение о необходимости обновления движка wordpress:

8. Удалить поле URL из формы комментариев:

9. Отключить автоматическое сжатие JPEG в wordpress:

Если вы фотограф и не хотите, чтобы wordpress сжимал ваше фото, тем самым ухудшал их качество или же вы используете wordpress плагины, которые более эффективно сжимают изображения, например: Optimus или WP Smush, то можно воспользоваться следующим сниппетом:

10. Требуем обязательной публикации МИНИАТЮРЫ ЗАПИСИ.

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

11. Заменяем приветствие в админке wordpress при входе пользователя на более оригинальную фразу.

Здесь поменяйте “Logged in as” на ту фразу, которой хотите приветствовать входящего пользователя.

Читайте также:  Как сделать венчик для прикормки

12. Запрещаем выводить записи определенной категории на главной странице сайта:

В данном сниппете на главной странице сайта не будут выводиться категории с id равными 5 и 34.

13. Изменяем количество выводимых результатов при использовании функции “Поиска по сайту”:

14. Убрать надпись “Защищено” или “Личное”, если вы публикуете защищенные паролем или личные записи:

Источник

Как добавить расширенные снипеты: 5 лучших плагинов WordPress

Чтобы вы могли выделять свой сайт в Google и других поисковых системах, необходимо добавить расширенные снипеты (rich snippets) в WordPress. Вы уже видели эти привлекательные детали, такие как обзорные звезды, видео и изображения рецептов, которые действительно делают сайт великолепным в результатах поиска:

Чтобы добавить расширенные снипеты, вам нужна микроразметка

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

Микроразметка передает дополнительный контекст о вашем контенте в поисковых системах.

Например, микроразметка сообщает Google, «этот конкретный номер является рейтингом обзора, который я дал этому продукту. Он получает 4,5 звезды из 5 возможных звезд».

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

Как добавить правильную микроразметку в WordPress

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

1. Schema Pro

Schema Pro – плагин с надстройкой премиум-разметкой от Brainstorm Force, той же команды разработчиков популярной темы Astra.

Плагин упрощает использование разметки JSON-LD, выполненной в соответствии с рекомендациями Google:

Используя микроразметку JSON-LD, Schema Pro помогает получить расширенные снипеты, не требуя добавления нового контента на ваш сайт. Schema Pro имеет очень гибкую реализацию, особенно если вы используете на сайте пользовательские поля.

Функционал плагина Schema Pro:

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

Цена: 59 долларов США или часть пакета Astra Agency Bundle.

2. WP Review Pro

Название плагина немного вас обманывает –WP Review Pro, но это не простой плагин для просмотра товаров, хотя он определенно позволяет вам делать и это тоже.

WP Review Pro фактически поддерживает 14 различных типов расширенных снипетов для тематик: рестораны, рецепты, программные приложения и, конечно, обзоры товаров.

Этот плагин работает иначе, чем плагин Schema Pro. В то время как Schema Pro просто добавляет код тихо за кадром (посетители никогда ничего не видят), WP Review Pro фактически добавляет новый контент в ваш пост.

Этот подход не обязательно лучше или хуже, чем Schema Pro – это то, что вы должны учитывать. Чтобы контролировать, как выглядит это окно, вы можете выбрать один из 16 заранее определенных дизайнов.

Помимо этой функциональности, WP Review Pro также предлагает функции, ориентированные на обзор:

3. All in One Schema.org Rich Snippets

All in One Schema.org Rich Snippets – это первый в этом списке бесплатный плагин с бесплатными снипетами. Разработчик плагина Brainstorm Force тот же, что и плагина Schema Pro. Но в то время как разработчик тот же, All in One Schema.org Rich Snippets имеет больше общего с плагином WP Review Pro, чем с Schema Pro.

All in One Schema.org Rich Snippets также добавляет новый внешний контент на ваш сайт, посетители могут этот контент видеть. По умолчанию это поле является невзрачным и не выглядит столь же красивым, как поля содержимого WP Review Pro. Но All in One Schema.org Rich Snippets на 100% бесплатный, а стиль – это то, что можно настроить с помощью CSS.

Цена: Бесплатно.

4. Rich Snippets WordPress

Rich Snippets WordPress – самый популярный плагин микроразметки в CodeCanyon, где он имеет более 1500 продаж.

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

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

Как настроить Open Graph и Twitter-карты для WordPress здесь.

5. WP Rich Snippets

WP Rich Snippets – еще один популярный премиальный вариант, который очень похож на WP Review Pro и All in One Schema.org Rich Snippets. Он добавляет новое поле содержимого к интерфейсу вашего сайта вместе с соответствующей микроразметкой для содержимого в этом поле.

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

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

Хотя WP Rich Snippets является надежным вариантом, новые версии Schema Pro или WP Review Pro теперь предлагают лучший функционал, поэтому WP Rich Snippets больше не так высок в списке лучших, как когда-то.

Источник

Оцените статью
Полезные советы и лайфхаки для жизни