Создайте клиентский портал WordPress

Sep 18, 2025

Инструкции

(Образ кредита: веб-дизайнер)

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

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

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

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

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

Загрузите файлы Для этого учебника.

Как превратить WordPress в Visual Builder

01. Установите свежую копию WordPress

Свежая копия WordPress устанавливается на сервере разработки, а тема «Поддастка» была выбрана, чтобы создать фундамент BoaterPlate, чтобы быстро начать работу. Пользовательский плагин пользовательского интерфейса типа Post будет использоваться, поэтому наши пользовательские типы постов не зависят от темы.

02. Удалить плагины по умолчанию

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

03. Добавить пользовательский тип поста

Используя пользовательский интерфейс пользовательского интерфейса типа Post, добавьте новый тип сообщения под названием «Клиент». При входе в «Slug Type Slug» используйте подчеркивание вместо пробелов и напишите в единственном числе, поскольку это облегчает создание шаблонов позже. Префикс TU_ был добавлен для уменьшения вероятности конфликта.

04. Раздел «Добавить / редактировать пользовательский интерфейс»

Build a client portal with WordPress: The add/edit custom post type interface — Добавить как единственные, так и множественные этикетки (Образ кредита: веб-дизайнер)

Добавьте множественное число меченных «клиентов» и единственного числа «клиента», так как это появится в меню администратора WordPress. Капитализация принимается в этих областях, что сделает меню WordPress Tidier.

05. Создать пользовательский перезапись слизняка

Build a client portal with WordPress: Create a custom rewrite slug — Используйте пользовательский перезапись Slug для лучшего пользовательского опыта (Образ кредита: веб-дизайнер)

Использование префикса для Slug Type Slug будет означать, что клиенты, добавленные к порталу, будут созданы с помощью ссылки, которая выглядит как «/ TU_CUSTOMER / IMARY-COMPORIC». Это не выглядит в порядке, а индивидуальный перезаписи используется для улучшения этого. Настройка перезаписи Slug до «клиентов» позволяет пользовательскому типу должности отображаться как / клиенты / пример-компанию.

06. Добавить поддержку для пользовательских полей

Build a client portal with WordPress: Add support for custom fields — Отметьте опцию «Пользовательское поле» и отправьте изменения (Образ кредита: веб-дизайнер)

Последний вариант, который включен для пользовательского типа сообщения, является «Поддержка и GT; Пользовательское поле», которое находится рядом с нижней частью страницы. Отметьте это, а затем «Добавить тип поста» в нижней части страницы. Это отправляет изменения и регистрирует тип поста.

07. Добавьте пользовательские поля

Build a client portal with WordPress: Add custom fields — Теперь вам нужно добавить пользовательские поля на ваш новый тип поста (Образ кредита: веб-дизайнер)

Пользовательские поля теперь должны быть добавлены и назначены в типе сообщения, который был только что создан. Добавление группы полевых групп под названием «Портал клиента» - это первый шаг, а затем добавляя пользовательские поля на него с кнопкой Добавить поля. Первое поле «Краткое» будет установлено в качестве типа поля «Файл», который позволяет администратору загружать файл в этом месте. Установите значение возвращаемого значения на «URL-адрес файла».

08. Настройте поля

Следующее поле будет добавлено, является «анкету бренда». Это будет состоять из ссылки на форму Google, которую клиент должен заполнить. Наиболее подходящим типом поля для этого является «URL». Этот же метод можно использовать для всех полей, которые ссылаются на внешнюю службу. Когда закончите, прокрутите вниз до коробки «Местоположение» и используйте логику «Показать, если тип сообщения» = «=». Затем опубликуйте полевую группу.

Generate CSS — Забронируйте свои билеты, чтобы сгенерировать CSS теперь, чтобы сэкономить £ 50 (Кредит на изображение: Getty / Future)

09. Создайте файл шаблона WordPress

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

10. Создать полную ширину один наклад

Build a client portal with WordPress: Create a full-width single post layout — Сделайте режим полной ширины для вашего контента (Образ кредита: веб-дизайнер)

Откройте файл Single-Tu_Customer.php и добавьте функции WordPress Get_Header и Get_Footer. Между этими функциями создайте планшетный макет для удержания контента, который работает с вашей темой.

 & lt;? Php get_header ();? & Gt;
& lt; div class = "Wrapper" ID = "Одноувятая оболочка" & gt;
& lt; class = "Контейнер" ID = "Содержание" Tabindex = "- 1" & gt;
& lt; class = "ряд" и GT;
& lt; div class = "Col-MD Content-Pail" ID = "Primary" & gt;
& lt; Главный класс = "Site-Main" ID = "Main" & gt; -! -! Контент - & gt; & lt; / main & gt;
& lt; / div & gt;
& lt; / div & gt; & lt; - .ruw - & gt;
& lt;! - #content - & gt;
& lt;! - # одноутовязное - & gt;
& lt;? php get_footer ();? & gt;

11. Запустите петлю и создайте контент

Build a client portal with WordPress: Start the loop and create the content — Используйте заполнителей, чтобы выложить свой контент (Образ кредита: веб-дизайнер)

В пределах & lt; main & gt; Элемент, вызовите the_post и создайте элементы контейнера для хранения информации. Используйте информацию заполнителя, чтобы получить представление о макете и начать стиль элементов. Элементы карты будут загрузочные карты с заголовком, описанием и ссылкой.

 & lt; основной класс = "Site-main" ID = "Main" & GT;
& lt;? php while (all_posts ()): the_post (); ? & gt;
& lt; class = "контейнер" & gt;
& lt; class = "ряд" и GT;
& lt; class = "COL-SM-4" & GT; содержимое & lt; / div & gt;
& lt; class = "COL-SM-4" & GT; содержимое & lt; / div & gt;
& lt; class = "COL-SM-4" & GT; содержимое & lt; / div & gt;
& lt; / div & gt;
& lt; / div & gt;
& lt;? Php Endwheer; // конец цикла. ? & gt;
& lt;! - # main - & gt;

12. Используйте PHP, чтобы позвонить в динамические значения

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

 & lt; class = "Card Text-Center" & gt;
& lt; class = "Card-Body" & gt;
& lt; h5 class = "Название карты" & gt; Краткая & lt; / h5 & gt;
& lt; p class = "Card-Text" & gt; это ваш оригинальный краткий документ & lt; / p & gt;
& lt; href = "& lt;? php the_field (« краткая »);? & GT; target = "none" Class = "BTN BTN-Primary" & gt; open & lt; / a & gt;
& lt; / div & gt;
& lt; / div & gt;

13. Сделайте тестовый клиент с некоторыми фиктивными данными

Build a client portal with WordPress: Make a test customer with some dummy data — Перейдите на панель инструментов WordPress, чтобы сделать кукольный клиент (Образ кредита: веб-дизайнер)

Доступ к приборной панели WordPress, новый клиент может быть добавлен из левой панели. Клиенты и GT; Добавить новый клиент. Просмотр сообщения будет знакомым, но прокрутка вниз раскроет все новые пользовательские поля. Введите некоторые тестовые данные, чтобы убедиться, что все работает правильно.

14. Обработка ошибок для любых недостающих данных

Build a client portal with WordPress: Handle errors for any missing data — Убедитесь, что это ясно, когда документы не доступны (Образ кредита: веб-дизайнер)

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

 (297]
отображается, когда имеет значение field_name
& lt;? php else: // field_name возвращается false? & gt;
отображается, когда поле не существует
& lt;? php endif; // конец, если field_name logic? & gt;

15. Приводят интерфейс

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

16. Исключите его из сайта

Пользовательские типы постов не должны быть найдены в результатах поисковых систем. Тип поста должен быть исключен из каталога сайта, либо через плагин SEO, либо вручную с использованием мета-тега и Robots.txt.

 (218]
Агент пользователя: *
Запретить: / клиенты /

Хотите разработать новый сайт? Использовать блестящий Строитель сайта сделать процесс Super-Simple.

Статьи по Теме:

Лучшие услуги хостинга WordPress в 2019 году
13 отличных инструментов для качки к клиентам
WordPress Сайты: 14 потрясающих примеров

Создайте клиентский портал WordPress

01. Установите свежую копию WordPress

02. Удалить плагины по умолчанию

03. Добавить пользовательский тип поста

04. Раздел «Добавить / редактировать пользовательский интерфейс»

05. Создать пользовательский перезапись слизняка

06. Добавить поддержку для пользовательских полей

07. Добавьте пользовательские поля

08. Настройте поля

09. Создайте файл шаблона WordPress

10. Создать полную ширину один наклад

11. Запустите петлю и создайте контент

12. Используйте PHP, чтобы позвонить в динамические значения

13. Сделайте тестовый клиент с некоторыми фиктивными данными

14. Обработка ошибок для любых недостающих данных

15. Приводят интерфейс

16. Исключите его из сайта

Инструкции - Самые популярные статьи

Ваше хранение Apple iCloud Full? Вот как освободить место

понять обработку естественного языка

Создать 3D Text в Photoshop: пошаговое руководство

Как создать глазури акварелью

Как проектировать адаптивные и антростические формы

Как лепить убедительные глаза в Zbrush

Создайте эффект всплеска в RealFlow

Создание интерактивных диаграмм в Ionic 2

Категории