Как создать свой сайт на WordPress с динамическим контентом

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

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

Что такое динамический контент?

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

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

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

Преимущества динамического контента

Динамический контент приносит вашему сайту много преимуществ, которых нет у статического контента.

• Лучший пользовательский опыт. Пользователи смогут видеть контент, который им подходит, например различные предложения, которые будут меняться в зависимости от их поведения.
• Улучшите свои KPI. С помощью динамического контента вы можете улучшить конверсию и снизить показатель отказов на своем веб-сайте, создав персонализированный контент.
• Плавная навигация Динамический контент обеспечивает удобство работы на сайте по сравнению со статическим контентом, так как вы можете легко найти контент, который ищете.
• Легко обновить Вы можете просто редактировать свою страницу в серверной части WordPress, не нанимая опытного разработчика.
• Отвечайте на размеры экрана. Динамический веб-сайт легко адаптируется к разным размерам экрана по сравнению со статическим.

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

1. Создавайте динамический контент с помощью блоков инструментов и Гутенберга.

Выпуск Toolset Blocks предлагает новый способ создания динамического контента в WordPress с помощью редактора блоков Gutenberg.

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

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

Как работают блоки набора инструментов?

Toolset Blocks – это новый плагин, который можно использовать по двум направлениям:

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

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

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

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

Давайте создадим шаблон для пользовательского типа публикации Gym на нашем сайте.

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

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

Показать динамический контент из текущего сообщения

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

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

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

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

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

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

Показать динамический контент из настраиваемого поля

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

Перейдите в черный список Toolset и добавьте Блок одиночного поля,

На боковой панели справа внизу Полевой фонтан, Выберите Пользовательское поле Тип поля.

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

Под Пользовательское поле в раскрывающемся списке выберите настраиваемое поле, которое вы хотите отобразить. Я выбрал Классификация вариант.

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

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

2. Создавайте динамический контент с общим

Еще один не менее эффективный способ создания динамического контента – использование темы Total для создания встроенных динамических шаблонов сообщений.

Какие функции предлагает Total?

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

• Легкий демо-импортер – Превратите свой пустой сайт в полнофункциональный веб-сайт, наполненный контентом, одним щелчком мыши, выбрав импорт одной из более чем 40 предварительно созданных демонстраций Total.
• Конструктор страниц с перетаскиванием – Total интегрирован с популярным конструктором страниц WPBakery, чтобы предоставить вам интуитивно понятный конструктор перетаскивания, чтобы вы могли легко создавать свой веб-сайт.
• Сотни элементов компоновщика страниц – Воспользуйтесь преимуществами сотен элементов конструктора страниц Total, чтобы настроить свои страницы.
• Легко настраивается – Используйте настройки живого настройщика, чтобы изменить ряд элементов на вашем сайте, включая цвета, шрифты, ширину и многое другое.
• Удобство для разработчиков – Total поставляется с рядом встроенных хуков и фильтров, которые позволяют легко изменять вашу тему с помощью более 450 фрагментов, доступных из онлайн-документации.

И, конечно же, вы можете создавать динамический контент с помощью Total. Вот пример того, чего можно достичь, сделав простой элемент портфолио динамическим.

Как создать шаблон динамического контента с итоговой

Перейти к Visual Composer> Шаблоны и нажмите Добавить новое, Затем дайте вашему шаблону имя.

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

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

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

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

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

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

Расскажите о своем опыте создания динамического контента! Теперь у вас есть два метода для создания динамического контента. Вы можете скачать Toolset Blocks или Total Theme сегодня и начать превращать свой веб-сайт с простого на индивидуальный.

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