Топ 5 плагинов динамического контента для WordPress

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

Самый простой способ объяснить это — поговорить о конструкторах сайтов.

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

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

Нет навыков кодирования? Без проблем.

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

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

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

Как работает плагин динамического контента?

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

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

Один из способов, которым я мог бы это сделать ( но не сделал! ) — через любой плагин Custom Post Type . Однако проблема в том, что мне тогда нужно будет перепроектировать всю структуру моей темы, чтобы пользовательский тип записи действительно работал с темой, которую я использую. Не говоря уже о том, что этот подход также означает, что я навсегда «застряну» с этим конкретным макетом.

Но, благодаря плагину динамического контента ( я использую Toolset, но посмотрим и на другие! ) — мне удалось:

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

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

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

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

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

Итак, о каких плагинах пойдет речь в этой статье?

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

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

#1 – Набор инструментов

Toolset позиционирует себя как «продвинутый конструктор веб-сайтов с динамической функциональностью» . И после использования плагина в течение нескольких месяцев, я могу сказать, что он оправдывает свое название. Хотя мой текущий вариант использования относительно небольшой, плагин является одним из лучших в предоставлении функций, которые могут не только помочь вам создать собственный веб-сайт, но и динамически структурировать его.

Самой важной функцией для меня лично была возможность создавать новые пользовательские типы сообщений, а затем создавать страницы для этих сообщений без необходимости что-либо менять в моей теме. И я чувствую, что это та область, в которой Toolset преуспевает больше всего. В Toolset это работает так, что вы будете создавать свои страницы/сообщения, используя систему шаблонов контента.

Создание такого мокапа (нового шаблона для пользовательского типа записи) занимает примерно 30 секунд.

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

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

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

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

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

Цена: за лицензию на один сайт Toolset обойдется вам в 69 долларов в год. Если вы захотите отменить подписку, вы все равно сможете использовать ее по прошествии 12 месяцев, но без каких-либо обновлений или доступа к форумам поддержки сообщества.

#2 – Реактивный двигатель

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

Итак, в качестве формы сравнения я хотел бы поговорить об уникальных функциях, которые предоставляет JetEngine, и о том, как эти функции могут быть более подходящими для масштаба проекта, который вы хотите создать или разработать с помощью такого плагина. Начнем с подхода « Модули », который реализует JetEngine.

Модульный подход позволяет вам включать или отключать определенные функции, сокращая количество функций, необходимых для вашего проекта. Эта панель инструментов также включает возможность включения нескольких внешних модулей, таких как построитель динамических таблиц и диаграмм. Лично мне особенно понравились два модуля: Custom Content Types и Rest API Listings . Давайте поговорим о тех.

Пользовательский тип контента против пользовательского типа сообщения

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

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

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

Но фича, о которой я действительно хочу рассказать в JetEngine, — это их Rest API Listings .

Отображение внутреннего и внешнего контента с помощью Rest API

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

Что такое API?
API означает интерфейс прикладного программирования. API устанавливает соединение между программами, чтобы они могли передавать данные. Программа с API подразумевает, что некоторые части ее данных доступны для использования клиентом. Клиент может быть внешним интерфейсом той же программы или внешней программы. // свободныйCodeCamp

Например, я создал новую конечную точку REST API, используя API-заполнитель {JSON}.

После того, как вы добавили свою конечную точку, теперь вы можете перейти в JetEngine -> Listings на своей панели инструментов, чтобы добавить новый Listing, который будет служить шаблоном для отображения данных API.

При разработке шаблона для данных API вы будете использовать блок Dynamic Field (для Gutenberg) или виджет Dynamic Field для Elementor. После добавления вы можете использовать блок для запроса конкретного объекта, который вам нужен. Это также означает, что вы можете пропустить определенные объекты.

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

И да, это означает, что вы также можете отображать эти данные как часть всей вашей структуры динамического контента.

Вы можете отображать данные из листинга с помощью блока Listing Grid (для Gutenberg) или виджета Listing Grid для Elementor. Это позволит вам указать список, который вы хотите отобразить, а также предоставит вам множество параметров для настройки, применения пользовательских запросов и указания структуры отображения.

Вот и все. Имейте в виду, что это работает с любым REST API, если у вас есть соответствующие конечные точки, а также необходимые ключи авторизации. Должен сказать, что только эта функция отличает JetEngine от других подобных решений, в том числе упомянутых в этой статье.

И последнее, но не менее важное: если вы хотите узнать больше о JetEngine — ознакомьтесь с их официальной документацией, которая включает в себя десятки руководств и примеров использования того, что плагин может сделать для вас. Щелкните здесь, чтобы просмотреть документы Elementor, и щелкните здесь, чтобы просмотреть документы Gutenberg.

Цена: лицензия обойдется вам в 43 доллара, включая год обновлений и поддержки. Эта лицензия распространяется на версии плагина Elementor и Gutenberg.

#3 – Расширенные настраиваемые поля

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

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

Что такое настраиваемые поля в WordPress?
Настраиваемое поле — это форма контента (данных), которую вы можете публиковать вместе с основным дизайном или шаблоном ваших сообщений и страниц в блоге. Настраиваемое поле может быть таким же простым, как текстовый блок, который появляется при выполнении определенных условий. Это также может быть элемент дизайна, такой как объявление или специальное предложение, которые вы затем можете индивидуально оформить для каждой страницы отдельно.

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

В основе Advanced Custom Fields лежит удобный для разработчиков подход.

Допустим, вы создали новое настраиваемое поле, содержащее все ваши ссылки в социальных сетях. И ваша цель — отобразить это новое поле на всех ваших отдельных страницах сообщений. Для этого вам нужно открыть файл single.php вашей темы и просто вызвать настраиваемое поле с помощью функции.

Вот так:

 <?php if( get_field('social_media_links') ): ?> <div class="social-links"><?php the_field('social_media_links'); ?></div> <?php endif; ?>

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

Цены: у ACF есть бесплатная версия, доступная на WordPress.org, а версия Pro стоит 49 долларов за лицензию на один веб-сайт.

#4 – Метабокс

По своей сути Meta Box (как и ACF) — это плагин, предназначенный для создания настраиваемых полей. Что интересно, так это то, что, в отличие от большинства плагинов WordPress, Meta Box позволяет создавать новые настраиваемые поля из онлайн-генератора, а не из вашей панели управления WordPress.

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

Однако, поскольку мы говорим о плагинах динамического контента, в Meta Box есть функция/аддон под названием MB Views, которая, к сожалению, доступна только в версии Pro. Представление в этом контексте — это настраиваемый шаблон, который может использовать любое из ваших настраиваемых полей для создания полного дизайна.

Затем вы можете применить этот шаблон к любой записи, странице или пользовательскому типу записи, который вам нравится. Он работает так же, как Toolset и JetEngine, и я также вижу, как минималистичный интерфейс может понравиться некоторым.

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

Цены: Meta Box доступен в виде бесплатного плагина на WordPress.org, а планы Pro начинаются от 49 до 99 долларов (включая все функции) для личных нужд.

# 5 - Стручки

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

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

Плюсы

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

Минусы

• Не совсем «нажми и иди». Чтение документации является обязательным, если вы хотите перейти от пользовательских типов сообщений к шаблонам.

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

Цены: у Pods также есть бесплатная версия на WordPress.org, а план Pro начинается с 79 долларов в год за лицензию на одно использование.

Создание веб-сайтов с динамическим контентом с помощью WordPress

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

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

И последнее, но не менее важное: мне было бы трудно втиснуть все аспекты этих плагинов в одну единственную статью (на данный момент она уже состоит из 3000 слов).

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