TechBlogSD - Все для WordPress и WEB разработки
WEB и WordPress инструкции, новости, обзоры тем и плагинов

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

29

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

Перед тем, как начать работу с темой Uncode

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

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

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

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

Как упоминалось ранее, весь демонстрационный контент необходимо импортировать сразу. Перейдите к «Uncode> Install Demo» и установите демонстрационный контент.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Детали портфолио и настройки макета

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

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

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

Заголовокзаголовок портфолио, похожий на заголовок поста

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

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

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

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

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

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

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

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

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

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

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

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

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

Источник записи: www.webnots.com
Leave A Reply

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