Как создать страницу членов команды на вашем сайте WordPress

Опубликовано: 2020-01-29

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

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

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

Краткое содержание статьи

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

  • Выбор лучшего плагина для демонстрации членов команды WordPress
  • Установка и активация плагина WP Team
  • Как добавить одного члена команды
  • Как создать команду
  • Отображение команды на сайте WordPress
  • Отображать членов команды в разных стилях
  • Расширение ограниченных возможностей

Выбор лучшего плагина WordPress Team Members Showcase

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

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

Установка и активация плагина WP Team

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

Серверная часть команды WP
Серверная часть команды WP

Как добавить одного члена команды

Поскольку мы успешно установили и активировали плагин WP Team, пришло время добавить новых участников. По этой причине нажмите « Добавить нового участника » в меню « Команда WP» . Вы можете увидеть следующие поля ввода, как на скриншоте.

Добавить члена команды

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

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

Все члены команды
Все члены команды

Как создать команду

Чтобы создать команду, вам необходимо получить доступ к странице генератора команды, щелкнув меню « Генератор команды» в разделе « Команда WP» .

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

Генератор членов команды
Генератор членов команды

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

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

Отображение команды на сайте WordPress

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

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

Макет групповой карусели
Макет групповой карусели

Отображение членов команды в разных стилях

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

Чтобы отредактировать члена вашей команды, вернитесь на панель инструментов WordPress и щелкните меню « Генератор команды» . Здесь вы найдете все команды. Теперь нажмите на опцию редактирования в любой команде, которую вы хотите отредактировать.

В разделе макета выберите « Макет сетки » и обновите его. Вы увидите следующий результат.

Компоновка командной сетки
Компоновка командной сетки

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

Макет списка команд
Макет списка команд

Дополнительная информация / Загрузить демо-версию

Расширение ограниченных возможностей

Вас раздражают ограниченные возможности и настройки? Вы хотите снять все ограничения и получить все возможности. Если вы так думаете, вы можете легко сделать это, просто установив плагин WP Team Pro.

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

8 уникальных раскладок команд

WP Team Pro содержит 8 уникальных макетов команд. Это поможет вам представить членов вашей команды в разных образах и стилях. 8 различных макетов: карусель, сетка, фильтр, список, мозаика, встроенный, таблица, пейджер миниатюр.

Предустановки макета команды
Предустановки макета команды

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

Макет карусели

Карусель-Макет
Макет карусели

Макет сетки

Макет сетки
Макет сетки

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

Макет фильтра

Макет фильтра
Макет фильтра

Макет списка

Макет списка
Макет списка

Мозаичный макет

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

Мозаичный макет
Мозаичный макет

Встроенный макет

Встроенный макет
Встроенный макет

Макет таблицы

Макет таблицы
Макет таблицы

Пейджер миниатюр

Наконец, я хочу показать еще один фантастический макет, который так крут. Очевидно, я говорю о макете Thumbnail Pager . Это дает экстраординарное представление членов команды. Взгляните на следующий пример макета Thumbnail Pager.

Пейджер миниатюр
Пейджер миниатюр

900+ шрифтов Google

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

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

300+ настраиваемых параметров

Я уже упоминал вам, что WP Team Pro — это настраиваемый плагин для демонстрации членов команды. Он содержит огромные настраиваемые параметры и настройки, так что вы можете настроить его в соответствии со своими потребностями. Вы можете легко изменить внешний вид членов своей команды, настроив его.

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

Фильтровать участников команды

Система фильтров в WP Team Pro — это классная и интересная функция, которая позволяет вам фильтровать членов вашей команды на основе различных критериев, таких как «Новинки», «Категории или группы», «Специфические», «Исключить».

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

Перетащите участников и их детали

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

Пользовательский контент Различные позиции

В WP Team Pro доступно 5 различных позиций контента. Вы можете отображать содержимое в разных положениях, например 1. Изображение вверху — содержимое внизу, 2. Изображение слева — содержимое справа, 3. Содержимое слева — изображение справа, 4. Содержимое вверху — изображение внизу, 5. Содержимое поверх изображения.

1. Изображение вверху — содержимое внизу

Изображение вверху — содержимое внизу
Изображение вверху — содержимое внизу

2. Левое изображение — правильное содержимое

Левое изображение Правое содержимое
Левое изображение Правое содержимое

3. Левый контент — правое изображение

Левое содержимое — правое изображение
Левое содержимое — правое изображение

4. Содержимое вверху — изображение внизу

Содержимое выше — изображение ниже
Содержимое вверху — изображение внизу

5. Контент поверх изображения

Контент поверх изображения
Контент поверх изображения

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

Различные формы изображения

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

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

Пейджер миниатюр
Форма изображения участника

Эффекты наведения изображения

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

Стили изображений

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

Размер изображения

Различные размеры изображений включены. Даже вы можете добавить нестандартный размер для фотографии члена команды.

Типы ссылок на страницу подробностей

У каждого члена команды есть своя страница сведений. Вы также будете впечатлены различными типами страниц сведений. Существует 3 различных типа ссылок на страницы подробностей, такие как Modal, Drawer и New Page.

Модальное представление сведений об участнике
Модальное представление сведений об участнике

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

Типы ссылок на страницу подробностей
Типы ссылок на страницу подробностей

35+ социальных профилей

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

Настройка панелей навыков

Панель навыков — важная функция для каждого члена команды, позволяющая подчеркнуть его профессионализм. WP Team Pro позволяет добавлять и настраивать панель навыков члена команды. Вы можете легко сделать потрясающую и привлекательную панель навыков для каждого члена команды.

Тип страницы Ajax

Доступны различные типы разбивки на страницы ajax, такие как нумерация страниц Ajax, кнопка «Загрузить больше» (ajax), «Загрузить больше или бесконечность при прокрутке» (ajax), «Нет ajax» (обычная разбивка на страницы).

Неограниченный цвет и стиль

WP Team Pro — это легко настраиваемый плагин для членов команды. Он включает в себя неограниченные варианты цвета и стиля. Таким образом, вы можете настроить его в бесконечном масштабе в соответствии с вашими потребностями.

15+ элементов управления каруселью

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

SEO дружественный и оптимизированный

Этот плагин оптимизирован для SEO и имеет небольшой вес. Он полностью оптимизирован.

Совместимость с бесчисленными темами и сборщиками

WP Team Pro совместим со всеми современными браузерами, темами и плагинами. Кроме того, он также совместим со всеми популярными конструкторами страниц, такими как WPBakery (ранее Visual Composer), Divi Builder, Elementor/Pro, Genesis Framework, Beaver Builder, SiteOrigin, Live Composer, Cornerstone, Motopress, Themify Builder, Fusion Builder.

Многоязычная поддержка

Многоязычность доступна с WPML, Polylang, qTranslate-x, GTranslate, Google Language, Translator, WPGlobus.

Поддержка нескольких сайтов

WP Team Pro также поддерживает работу с несколькими сайтами.

Быстрая и специализированная поддержка
Доступна круглосуточная поддержка в режиме реального времени. Дружелюбная команда поддержки всегда предана своему делу и готова помочь вам в любом случае или проблеме. Система поддержки работает быстро.

Наконец, чтобы создать страницу членов команды на вашем веб-сайте WordPress, я надеюсь, что WP Team — лучший выбор, если вы хотите использовать открытый исходный код. Но если вы хотите использовать плагин премиум-класса, WP Team Pro — лучший выбор для создания потрясающей страницы членов команды.

Получите сейчас живую демонстрацию