Как создать сайт портфолио WordPress с темой Uncode?

Некоторое время назад мы искали создание сайта-портфолио на WordPress. Бесплатные темы, доступные в репозитории WordPress, не подходят для создания качественного сайта-портфолио, и плагины также не оправдали наших ожиданий. После некоторого поиска мы нашли несколько достойных тем в тематическом лесу, таких как Uncode, Highend, Marble и т. Д. Из всего, что мы проверили, Uncode выделялся из толпы своими непревзойденными функциями портфолио. Мы приобрели тему Uncode и создали сайт-портфолио на WordPress. Поскольку нам потребовалось несколько недель, чтобы понять тему, вот простой урок о том, как создать сайт портфолио WordPress с темой Uncode.

Перед началом работы с темой Uncode

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

  • Uncode — это настраиваемый вариант плагина Visual Composer, который бесплатно поставляется в комплекте с темой. Итак, вам нужно познакомиться с конструктором страниц Visual Composer для WordPress.
  • Демо-контент необходимо импортировать массово. Это означает, что вы не можете импортировать только демонстрационные сайты портфолио, отображаемые на странице продаж. Вам следует установить весь демонстрационный контент, а затем приступить к настройке материалов, связанных с портфолио.
  • Тема Uncode работает с блоками содержимого. Это центральные макеты, которые должны быть назначены для верхнего, нижнего колонтитула и области содержимого. Назначения можно выполнять глобально с помощью параметров темы и настраивать в редакторе для отдельных элементов портфолио.

Убедитесь, что поисковые системы не индексируют ваши страницы, пока ваш сайт не станет общедоступным.

Шаг 1 — Импорт демонстрационного контента

Как упоминалось ранее, весь демонстрационный контент необходимо импортировать сразу. Перейдите к «Расшифровать> Установить демо»И установите демонстрационный контент.

Импорт демонстрационного содержимого темы Uncode

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

Импорт макетов одной страницы в тему Uncode

Импорт макетов одной страницы в тему Uncode

Шаг 2 — Блоки содержимого портфолио

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

Распаковать блок содержимого темы

На приведенном выше снимке экрана есть блок содержимого для «Содержимое | Архив | Портфолио масонства ». Этот блок можно использовать в разделе содержимого страницы архива портфолио для создания макета архива кладки.

Шаг 3 — Настройка глобальных параметров портфолио

После установки демонстрационного контента перейдите к «Uncode> Параметры темы». Вы увидите две вкладки для настроек портфолио — «портфолио» и «Портфолио»В разделе макетов. Настройки портфолио будут применены к отдельным элементам, а настройки портфолио будут применены к архивам. Вы можете изменить имя «Портфолио» на любое другое имя, например «Искусство», «Работа» и т. Д. Оно будет добавлено в URL-адрес, например, «yoursite.com/art/title/» (структура URL-адреса будет меняться в зависимости от ваши настройки постоянных ссылок). Ниже приведен снимок экрана со словом «Изобразительное искусство«Используется вместо»портфолио«.

Настройки портфолио в теме Uncode

Настройки портфолио в теме Uncode

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

Настройки макетов портфолио и архива разделены на категории и сгруппированы в разделах меню, заголовка, содержимого, нижнего колонтитула, навигации, сведений и настраиваемых полей. Настройте каждый раздел в соответствии с вашими потребностями и назначьте блоки содержимого там, где это необходимо. Например, вы можете отобразить связанные элементы портфолио, присвоив метку «Похожие сообщения | Список портфолио (также известный как Fake Related)» под «Содержание”Таб.

Назначение связанных постов для элементов портфолио

Назначение связанных постов для элементов портфолио

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

Сведения о портфолио и настройки макета

Сведения о портфолио и настройки макета

Шаг 4 — Создание элементов портфолио

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

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

заглавие — заголовок портфолио похож на заголовок поста

Область содержимого — для добавления контента

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

СМИ — вы можете использовать параметры изотопа, карусели и стека для отображения мультимедийных элементов на странице портфолио.

Параметры страницы — здесь вы можете отменить все глобальные настройки в разделе «Параметры темы«.

Поэкспериментируйте с различными вариантами, доступными в разделе «СМИ» и «Параметры страницы»Мета-блоки для создания различных макетов портфолио для вашего сайта. На рисунке ниже объясняются детали макета страницы портфолио с изображением одного стека, а также детали на боковой панели для объяснения каждого компонента.

Макет стека боковой панели

Макет стека боковой панели

  1. Название элемента портфолио.
  2. Изображение добавляется с помощью «СМИ»Мета-поле с«Стек»Вариант.
  3. Контент введен в область отрывка. Если содержимое не введено, здесь будут показаны несколько строк из области содержимого.
  4. Подробная информация о содержании — вводится в поле «Детали»Раздела«Параметры страницы«.
  5. Социальный обмен как настройка в глобальных параметрах темы.
  6. Контент из области контента.
  7. Связанные сообщения из глобальных настроек, которые вы можете изменить в разделе «Содержимое> Блок содержимого — После содержимого» под «Параметры страницы»Мета-бокс.

Шаг 5 — Настройка элемента сообщений Visual Composer

Блоки контента, относящиеся к страницам архива портфолио, будут использовать «Сообщения»В Visual Composer для построения макетов портфолио изотопов или карусели. Поэтому важно понимать каждую опцию «Сообщения»Элемент для создания архива вашего портфолио.

Огромный набор опций доступен в «Сообщения»Для настройки элементов, наложения, содержимого, разбивки на страницы, фильтрации и т. Д. Одной из важных настроек является выбор«портфолио«Вариант, нажав»Создать запрос«Кнопка под»генеральный”Таб. Здесь вы можете отфильтровать отображаемые элементы портфолио по категориям авторов и портфолио.

Шаг 6 — Завершение работы

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

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *