Переключить меню

Как создать каталог сотрудников на WordPress — ваш первый проект Beaver Themer

Опубликовано: 2018-03-23

Скидка 25% на продукцию Beaver Builder! Спешите завершить распродажу... Берегите больше!

dynamic-staff-directory
  • Бобер Темер

Как создать каталог сотрудников на WordPress — ваш первый проект Beaver Themer

Один из моих любимых подкастов по веб-дизайну — шоу ShopTalk. Часто возникает вопрос: «Как лучше всего изучить веб-дизайн?» Ответ всегда заключается в том, чтобы выбрать интересующую вас тему и начать что-то создавать. Ничто не заменит практическое обучение. В этом посте Хашим описывает процесс создания каталога сотрудников с помощью Beaver Themer и Page Builder. Это отличный стартовый проект для всех, кто хочет научиться использовать Beaver Themer!

Оправдаете ли вы свои деньги от Beaver Themer?

Сначала я купил плагин для управления верхними и нижними колонтитулами. Лишь позже я поигрался с «частями темы» и условными настройками. После этого я был поражен возможностями создания продвинутых сайтов с помощью Beaver Themer. Я стал чудаком в группе Beaver Builders в Facebook, утверждая, что этот инструмент недооценен и недооценен.

Итак, как вы можете самостоятельно разобраться в функциях Themer? Лучший способ понять всю мощь Beaver Themer — создать небольшой проект, который проверит плагин.

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

Ты играешь? Если да, запустите Wordpress и выполните следующие действия.

№1. Выберите совместимую тему

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

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

2. Выберите пользовательский тип сообщения/конструктор полей.

Функция подключения полей Beaver Themer является мощной, если вы используете ее только для полей «Сообщение» и «Страница», которые поставляются с Wordpress «из коробки». Но ситуация действительно становится сумасшедшей, когда вы используете его с плагином пользовательского типа сообщений.

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

Три варианта плагина, которые лучше всего работают с Themer, — это расширенные настраиваемые поля, набор инструментов и модули. Лично мне больше всего нравится Toolset, но, честно говоря, все три инструмента выполняют свою работу.

3. Необязательно: выберите расширение.

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

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

Теперь, когда вы выбрали свой стек, давайте создадим ваш первый проект!

Ваш первый проект Beaver Themer: динамический каталог сотрудников

Справочники сотрудников – частый запрос клиентов. Используя Beaver Themer, вы можете действительно произвести впечатление на клиента, добавив динамический контекстный контент и макеты в его каталог сотрудников.

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

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

  1. Установите Beaver Builder, Beaver Themer, совместимую тему и плагин настраиваемого типа сообщений. Использование расширения Beaver Builder не является обязательным для завершения этого проекта.
  2. Используйте создание собственного типа сообщений для профилей сотрудников. Если вы впервые воспользуйтесь одним из следующих руководств: Учебное пособие по ACF, Учебное пособие по модулям или Учебное пособие по набору инструментов.
  3. Создайте настраиваемые поля для:
    1. «био»
    2. "имя"
    3. "должность"
    4. Не создавайте поле для «хедшотов». Используйте для этого встроенное поле «Избранное изображение».
  4. Создайте профили сотрудников на 7 человек.
  5. Отметьте 3 публикации как «Руководство» и две публикации как «Команда продаж».

Теперь у вас есть основы простого каталога. Любой клиент с радостью заплатит вашему агентству комиссию за размещение этого на своем сайте.

Теперь давайте взорвем ваш клиент и добавим в этот каталог Beaver Themer.

Создайте динамический каталог сотрудников

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

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

Теперь похвалите себя: за время, необходимое для разработки двух отдельных страниц, вы создали два шаблона тем , которые будут использоваться на 8 существующих страницах – и на любом количестве последующих страниц!

Хорошо, теперь используйте Beaver Themer для создания шаблона архива категории «лидерство».

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

Наконец, используйте Beaver Themer, чтобы создать часть темы категории «Продажи».

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

Вуаля! Теперь у вашего клиента есть красивый, динамичный и легко обновляемый каталог сотрудников. Вы создали его с помощью Beaver Themer — не потребовалось ни одной строчки специального кода.

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

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

Вопрос — ваш стек Beaver Themer

Если у вас есть опыт работы с Beaver Themer, поделитесь, пожалуйста, — что вы используете для создания сайтов? Какую тему, плагин пользовательского типа сообщений и дополнение Beaver Builder вы предпочитаете?

О Хашиме Уоррене

Хашим Уоррен — специалист по маркетинговой стратегии из Гринсборо, Северная Каролина. Он помогает строителям домов найти больше и более крупных рабочих мест в Hook & Target.

8 комментариев

  1. Марк 28 марта 2018 г. в 3:45 утра

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



  2. Том Нгуен 1 мая 2018 г. в 20:35

    Я согласен с предложением Марка.



  3. Эйприл Вир 17 мая 2018 г. в 17:09

    Я согласен с комментарием Тома.



  4. Синди Вайкофф 30 июня 2018 г., 21:34

    Я тоже согласен. Хотелось бы посмотреть, как должен выглядеть готовый проект.



  5. Джерри Кинг 12 ноября 2018 г., 4:11

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



  6. Джефф Браун 13 января 2019 г. в 11:12

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



    • Робби Маккалоу 13 января 2019 г., 17:44

      Хороший вопрос. Themer наверняка сможет помочь стилизовать ваш сайт. Однако я не знаком ни с какими плагинами геокаталогов, извините! Вы можете использовать Pods для создания собственного типа сообщений. Это может быть хорошей отправной точкой…



  7. Райан 8 мая 2019 г., 19:46

    Спасибо, Хашим, я действительно вдохновлен. Я уже некоторое время использую Ultimate Member, и это доставляет мне много проблем. Я с нетерпением жду возможности расширить свои навыки BB, и для меня это хороший проект.



Наш информационный бюллетень

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

Подпишитесь на информационный бюллетень

Попробуйте Beaver Builder сегодня

Beaver Builder