Как создать портфолио в WordPress

Как создать портфолио в WordPress (за 8 шагов)

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

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

Когда мы закончим эту статью, вы узнаете, как создать базовый (но элегантный) портфолио на WordPress за восемь шагов — и мы начнем с самого начала, для тех из вас, кто не знаком с такими аспектами, как веб-сайт хосты и WordPress. Давайте начнем!

  1. Выберите хороший хостинг WordPress.

Мы обсуждали эту тему в прошлом, но если вы хотите перейти прямо, вот четыре вещи, которые вам нужно иметь в виду при выборе хоста WordPress:

  1. Масштабируемость.Ваш хост должен иметь возможность обрабатывать требуемые сайты, если вы хотите продолжить новые проекты в будущем.
  2. Безопасность.Хороший хост должен серьезно относиться к веб-безопасности и предлагать функции, чтобы держать вас в безопасности.
  3. Поддержка:эта критическая. Если что-то пойдет не так с вашим сайтом, вы захотите получить доступ к надежной команде поддержки.
  4. Репутация: укаждого веб-хоста будут свои хулители, но в целом вы захотите пойти с тем, у которого есть проверенный послужной список.

Теперь перейдем к установке WordPress.

  1. Установите WordPress

Этот процесс может выглядеть несколько иначе, в зависимости от веб-хоста, на котором вы остановились, но основные шаги остаются прежними. После регистрации с провайдером вы получите доступ к cPanel для своего плана хостинга. Вероятно, это будет вариант с одним щелчком мыши для установки WordPress или установщика Softaculous Apps:

Как создать портфолио в WordPress

Нажмите значок Softaculous Apps Installer и найдите опцию WordPress на следующем экране. Затем нажмите «Установить сейчас», чтобы начать процесс:

Как создать портфолио в WordPress

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

Как создать портфолио в WordPress

После того, как вы нажмете «Установить» и немного подождали, вы создали свой первый сайт WordPress! Затем мы превратим его в красивый портфель.

  1. Найдите и установите правильные темы и плагины

Этот шаг немного более открытый, чем остальная часть этого руководства, по той простой причине, что мы не можем выбрать идеальную тему и плагины для ваших собственных нужд. Для целей этого урока мы собираемся использовать тему Zerif Pro в качестве нашего фундамента (который также поставляется со свободной версией):

Как создать портфолио в WordPress

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

Аналогичная проблема связана с работой с плагинами.

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

Для этого вам нужно начать с панели инструментов WordPress. Вы можете получить к нему доступ, зайдя YOURSITE.com/wp-admin. Войдите в систему и ознакомьтесь с этой панелью:

Как создать портфолио в WordPress

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

Как создать портфолио в WordPress

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

Чтобы установить любые плагины, процесс очень похож. Все это происходит на вкладке «Плагины».

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

В нашем случае мы установили тему Zerif Pro и никаких дополнительных плагинов для этого урока, чтобы все было просто.

  1. Создайте заголовок

У нас установлен WordPress и рабочая тема, теперь настало время создать страницу нашего портфолио. Его первым компонентом будет заголовок — простое изображение полной ширины с четким сообщением и призывом к действию для любых потенциальных клиентов, посещающих ваш сайт. Откройте «Внешний вид»> «Настроить» и посмотрите, как выглядит тема Zerif из окна:

Как создать портфолио в WordPress

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

  1. Заменив текст в разделе «Содержимое», в разделе «Большой заголовок» (вот как Zerif ссылается на его заголовок).
  2. Настройка текста первой кнопки и удаление второго в этом же разделе.
  3. Загрузка нового изображения на вкладке Parallaxи включение эффекта. Это позволяет использовать изображение в качестве фона вместо простых цветов.

Вот результат после реализации этих настроек:

Как создать портфолио в WordPress

Это наш заголовок готов к действию, и мы рассмотрим сайт в целом в конце. Вы заметите, что кнопка ниже не привязана нигде на этом этапе — мы исправим ее позже.

  1. Создайте галерею проектов

Галерея проектов — это сердце и душа любого сайта портфолио на WordPress. Это, по сути, коллективное отображение ваших последних проектов со ссылками на каждую запись. Тема Zerif включает персонализированный тип сообщений, называемый Portfolio , который позволяет добавлять новые проекты с панели инструментов:

Как создать портфолио в WordPress

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

Как создать портфолио в WordPress

Помимо создания четырех отдельных проектов, вот что мы сделали с помощью WordPress Customizer:

  1. Мы добавили новый раздел «Портфолио» под нашим заголовком. Вы можете сделать это в Zerif через раскрывающееся меню на вкладке «Порядок разделов».
  2. Мы изменили основной заголовок на вкладке «Содержимое» раздела «Портфолио».
  3. Мы добавили избранные изображения в каждый проект в разделе пользовательских сообщений Portfolio.
  4. Наконец, мы включили Open портфель в лайтбокс? на вкладке «Настройки». Таким образом, вам не нужно создавать отдельные страницы для каждого проекта для запуска и запуска. Просто назначьте хороший образ, который иллюстрирует вашу работу, и при необходимости внесите каждую страницу позже.

Затем мы займемся добавлением дополнительного контента — в частности, раздела «О себе».

  1. Постройте раздел «Обо мне»

Мы уже продвигаемся вперед в нашем портфолио, но нам все равно нужно что-то делать. Отличный способ сделать это — предоставить посетителям некоторое представление о том, кто вы есть — например, ключевые факты, которые работодатели хотели бы узнать о вас. Для этого мы намерены использовать Zerif Pro для разделения всей информации на читабельные блоки:

Как создать портфолио в WordPress

Эти типы элементов называются рекламными роликами, и они являются частью раздела «Наше внимание» Зерифа в Настройщике. Вот шаги, которые вам нужно выполнить, чтобы:

  1. Добавьте раздел «Основное внимание» на страницу вашего портфолио, используя вкладку «Порядок разделов».
  2. Войдите в раздел «Наш фокус» и измените содержимое в заголовкена «Обо мне».
  3. Создайте три (или более) отдельных виджетов в разделе «Виджеты раздела «Наши фокус». Каждый из них должен включать заголовок, некоторый текстовый текст и изображение из медиатеки WordPress.

Теперь посмотрим, как выглядит готовый продукт:

Как создать портфолио в WordPress

Хорошо выглядит! Мы приближаемся к концу; теперь пришло время заняться последней большой частью нашего портфолио на WordPress — контактной форме.

  1. Создайте контактную форму

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

Прежде всего, Zerif включает раздел «Свяжитесь с нами», но если вы ищете альтернативу, мы рекомендуем использовать плагин Pirate Forms . Если вы используете Zerif, вернитесь в Customizer и добавьте раздел «Связаться с нами» на вкладке «Порядок разделов» сразу после «Обо мне». Затем зайдите в него, перейдите в «Настройки» и введите свой адрес электронной почты в соответствующее поле:

Как создать портфолио в WordPress

Форма контакта, содержащаяся в этом разделе, идеально подходит для наших нужд, поэтому все, что нам нужно сделать, это отредактировать ее названия. Мы можем сделать это, используя вкладку «Основной контент»:

Как создать портфолио в WordPress

Перед тем, как перейти на последний шаг, вернитесь в раздел «Большой заголовок» в «Содержание» и добавьте #Contact под ссылкой «Первая кнопка». Это называется якорный текст, и он свяжет ваш призыв к действию с контактной формой под ним.

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

  1. Внесите свой новый портфолио на WordPress.

Потратьте минутку, чтобы отступить и полюбоваться своей работой — мы только что создали простой, профессиональный портфолио на WordPress вместе!

Как создать портфолио в WordPress

Что будет дальше, зависит от вас. 

Вывод

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

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

  1. Выберите хороший хост WordPress.
  2. Установите WordPress.
  3. Найдите и установите правильную тему и плагины.
  4. Создайте заголовок.
  5. Создайте галерею проектов.
  6. Составьте раздел «Обо мне».
  7. Настройте контактную форму.
  8. Внесите свой новый портфолио WordPress.

У вас есть вопросы о том, как создать сайт для портфолио в WordPress? Не стесняйтесь спрашивать в разделе комментариев ниже!

 

Оставить комментарий