Как сделать каталог сотрудников в WordPress (с профилями сотрудников)

Вы хотите создать каталог сотрудников на своем сайте WordPress? Каталог сотрудников позволяет вам представить клиентам членов вашей команды и завоевать...

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

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

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

Создание каталога сотрудников в WordPress (шаг за шагом)

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

Далее вам нужно перейти к пункту Список сотрудников » Администратор страницу из меню вашей приборной панели и нажмите на вкладку «Быстрый старт». Вам будет предложено ввести имя для шаблона сотрудников и нажать кнопку «Создать записи». Например, вы можете назвать его «Новый шаблон сотрудников.’

Создать новый шаблон персонала

После этого плагин создаст шаблон персонала и добавит 3 сотрудников автоматически.

Далее перейдите по ссылке Список сотрудников » Шаблоны сотрудников из меню WordPress для предварительного просмотра нового шаблона сотрудников. Вам нужно нажать на ссылку ‘Редактировать’, чтобы настроить шаблон.

Редактировать шаблон сотрудников

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

Параметры шаблона - Список сотрудников WordPress Plugin

Вы можете просмотреть параметры шаблона, чтобы внести изменения или просто оставить параметры по умолчанию.

Ниже вы можете увидеть раздел «Поля ввода» для настройки профиля вашего персонала.

Параметры поля списка сотрудников WordPress

Как вы можете видеть на скриншоте выше, по умолчанию создано 6 полей ввода.

  1. Имя
  2. Должность
  3. Отдел
  4. Телефон
  5. Текст ссылки на электронную почту
  6. Профиль сотрудника

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

Добавление сотрудников для создания каталога команды

Теперь, когда вы настроили шаблон страницы сотрудников, вы можете добавить и настроить профили своих сотрудников. Перейти к Список сотрудников » Сотрудники, и вы увидите 3 сотрудников, уже добавленных плагином.

Вы можете настроить профили сотрудников по умолчанию, изменив информацию профиля. Нажмите на ссылку «Редактировать», чтобы начать работу.

Редактирование профилей сотрудников

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

Редактировать данные страницы списка сотрудников

Далее вы можете настроить содержание ‘Single Page’. Как и страница «Сотрудники», он также имеет 6 полей ввода по умолчанию. Однако в нем есть текстовое поле для написания биографии сотрудника.

Редактирование отдельной страницы сотрудника

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

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

Добавление изображений к данным о сотрудниках

Наконец, вы можете увидеть вкладку «Параметры», которая включает в себя опции одностраничного SEO. Вы можете добавить URL slug и заголовок страницы для страницы профиля члена вашей команды.

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

Если вы оставите опцию «Pretty» Permalink пустой, то страница вашего профиля сотрудника будет иметь URL, как показано ниже: http://example.com/profile/?smid=528.

Вы можете сделать красивую ссылку, введя имя вашего сотрудника с тире между ними. Например, вы можете использовать laura-taylor, что сделает URL страницы профиля вашего сотрудника: http://example.com/profile/laura-taylor.

Не забудьте нажать на кнопку «Обновить», чтобы сохранить изменения.

Повторите тот же процесс, чтобы настроить профили всех членов команды.

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

Добавить нового сотрудника

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

Выбор шаблона для нового сотрудника в WordPress

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

Добавьте данные о новом сотруднике

Как только это будет сделано, не забудьте опубликовать профиль сотрудника.

Публикация списка сотрудников в WordPress

Теперь, когда вы добавили все профили сотрудников, вы готовы опубликовать список сотрудников на своем сайте.

Сначала вам нужно найти и скопировать шорткод вашего шаблона страницы персонала. Перейти к Список сотрудников » Шаблоны сотрудников и нажмите опцию «Редактировать» под шаблоном страницы вашего персонала. Затем откроется страница Параметры шаблона.

Перейдите на вкладку ‘Shortcodes’ и скопируйте шорткод Staff Page Shortcode.

Шорткод страницы списка персонала

После этого вам нужно создать новую страницу для отображения списка сотрудников. Перейти к Страницы » Добавить новую В панели администратора WordPress введите название страницы списка сотрудников. Например, вы можете назвать ее «Наша команда.’

Создание страницы нашей команды в WordPress

Затем добавьте блок Shortcode в область редактора страницы WordPress.

Добавить виджет шорткода в редактор WordPress

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

Добавление шорткода страницы персонала на страницу команды в WordPress

Затем вы можете ‘Опубликовать’ страницу.

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

Демонстрация страницы списка сотрудников в WordPress

В списке вы можете увидеть опцию ‘Profile’, которая не имеет ссылки. Мы покажем вам, как добавить ссылку в следующем шаге.

Добавление отдельных профилей сотрудников

До сих пор мы создали простой каталог команды в WordPress, в котором перечислены все сотрудники.

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

Давайте начнем с перехода к Список сотрудников » Шаблоны сотрудников и нажмите кнопку «Редактировать» под шаблоном страницы сотрудников.

На следующей странице перейдите на вкладку «Одностраничник — параметры» и скопируйте шорткод одностраничника.

Одностраничный шорткод сотрудника

Теперь вам нужно создать новую страницу в WordPress, чтобы добавить этот шорткод. Перейти к Страницы » Добавить новую из панели WordPress добавьте новую страницу.

Сначала введите название страницы — например, Профиль сотрудника. Затем добавьте виджет Shortcode в область редактора страницы WordPress и вставьте шорткод Single Page Shortcode, который вы скопировали ранее.

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

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

Откройте опцию ‘Permalink’ в правой боковой панели и добавьте одно из этих слов в качестве URL вашей страницы. Для примера мы выберем «профиль.’

Настройки Permalink одностраничника для сотрудников

После этого опубликуйте страницу. Теперь вам нужно скопировать эту ссылку на страницу и добавить в Параметры одной страницы.

Вы можете сделать это, вернувшись в раздел Параметры шаблона для сотрудников » Одностраничник — параметры. После этого просто вставьте ссылку на страницу в поле URL одностраничника.

Добавьте URL одностраничника сотрудника в опции шаблона

Как только это будет сделано, не забудьте обновить ваш шаблон для сотрудников.

После этого вам нужно обновить настройки пермалинка WordPress, чтобы красивые пермалинки работали. Перейти к Настройки » Permalinks и просто нажать кнопку «Сохранить изменения» внизу, ничего не меняя на этой странице.

Настройки WordPress Permalinks

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

Ссылка на профиль на странице каталога персонала WordPress

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

Одностраничная страница профиля сотрудника в WordPress

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

Источник: www.wpbeginner.com

Оцените статью
Добавить комментарий