Сайт портфолио как создать


Как создать крутое портфолио, чтобы получать заказы от клиентов со всего мира

запись вебинара

 1ч. 31 мин.

статья

 7 мин.

Экономия времени

 1ч. 24 мин.

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

Olia Gozha on Behance

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

Viktor Vörös on Behance

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

Источник: Pinterest

Второе — создайте референс-листы на Pinterest. Для этого вбейте в строку поиска «web design» и сохраните понравившиеся работы на свою доску. Pinterest хорош тем, что он показывает не только самые последние работы, но и те, которые набрали наибольшее количество лайков или попали в другие доски. Таким образом вы увидите в выдаче историю лучших изображений за все время.

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

Слова про сказку следует понимать не только в переносном смысле. Около 30% работ в портфолио дизайнеров — несуществующие работы. Это наброски, макеты, фейки и так далее. Наша задача — показать себя с выгодной стороны, собрать лайки и комментарии.

Tim Tadder on Behance

Зачем нужны фейки? Часто дизайнеры задают на семинарах такой вопрос: «Как выкладывать в портфолио сайты, за которые платят реальные клиенты вроде магазина запчастей или товаров для рыбалки?» Действительно, это проблема, потому что на таких проектах обычно много скучных страниц. Эти сайты не для Behance.

Делайте фейки. Возьмите продукт, который вам нравится, который вы любите. Например, фотоаппараты Leica. Сделайте фейковый лендинг фотоаппаратов. Возьмите новую коллекцию купальников Victoria's Secret. Сделайте лендинг для нее. Сделайте новую концепцию сайта Nike. И не важно, что Nike наплевать на вашу концепцию, а Victoria's Secret, может быть, никогда не узнает о вашем существовании. Главное, что это один из лучших способов разгона своего портфолио.

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

Превью должно быть сочным и ярким. Это очень важно для Behance, поскольку от качества превью зависит количество просмотров. Хорошее превью — это ювелирная работа. Человек листает ленту и вдруг в серой массе видит вашу яркую обложку, на которую хочется кликнуть. Цель достигнута!

Главная страница Behance, март 2018

Даже если вам удалось «продать» посетителю обложку кейса в вашем аккаунте на Behance, не стоит забывать и о его содержании. Здесь дизайнеры часто ленятся: показывают ту же обложку, только в большом размере. Это неправильно: всегда старайтесь подать кейс в виде истории. При этом не забывайте, что оптимальная длина кейса —16 000 пикселей.

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

Sergey Popkov on Behance

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

Viktor Vörös on Behance

Можно ответить в духе Яндекса: «делайте крутые сайты…», но с Behance немного легче. Решение о выводе в топ (добавлении ачивки или шильдика Featured) редакция Behance принимает по многим параметрам, и один из них — анимационная вставка. Обычно все выигрышные кейсы делают с анимационными вставками и видеороликами.

Шильдик Featured на Behance — мечта многих дизайнеров. Это не только признание мастерства, но и возможность получать большие и денежные заказы от крупных студий и частных лиц.

Чтобы стать известным на Behance, дизайнер должен придерживаться следующих правил:

  1. Делать портфолио ярким и красочным.
  2. Правильно оформлять превью.
  3. Регулярно убирать старые работы.
  4. Делать фейковые работы для крупных брендов.
  5. Соблюдать длину портфолио в 16000 пикселей.
  6. Рассказывать историю кейса, а не просто загружать картинки.
  7. Обращать внимание на макропланы и детали.
  8. Просматривать чужие работы в ежедневном режиме и учиться у лучших.

Курс «Веб-дизайн с 0 до PRO»

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

  •  32 часа теории и 16 практических заданий
  • Живая обратная связь с преподавателями
  • Неограниченный доступ к материалам курса
  • Стажировка в компаниях-партнёрах
  • Дипломный проект от реального заказчика
  • Гарантия трудоустройства в компании-партнёры для выпускников, защитивших дипломные работы

Как создать впечатляющее онлайн-портфолио (с примерами)

Перейти к содержанию

Информация о колледже

Как создать впечатляющее онлайн-портфолио (с примерами) Меню 2СодержаниеЗакрыть мобильное меню навигацииclose Оглавление
  1. Кому подойдет портфолио?
  2. «Но в моей работе нет визуальных эффектов»
  3. Как создать онлайн-портфолио
  4. Сравнение дизайна собственного портфолио с использованием темы
  5. Что включить в свое портфолио
  6. Inspiration
  7. Есть вопросы?
МенюЗакрыть мобильное меню навигацииclose Start Here Темы:
  • Обучение и обучение
  • Производительность
  • Карьерные навыки
  • Жизненные навыки
  • Удаленное управление
  • Просмотреть все статьи
  • Бесплатная учебная книга
  • О
  • Список
  • Study Music
  • Заявление об отказе от ответственности и условия использования
  • Политика конфиденциальности
  • Отказ от ответственности в отношении файлов cookie
  • Начните здесь
  • Темы
    • иконок новый
. .

Как создать сайт-портфолио: полное руководство

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

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

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

Но сначала мы хотим рассказать об основах.

Как создать веб-сайт-портфолио для любой отрасли: 4-х шаговое руководство

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

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

1. Начните сбор отзывов

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

Отличная работа помогает, но вот секрет сайта-портфолио: работает ли кто-то 20 лет или 20 минут, скорее всего, он запросил таких лестных приветствия.И вам тоже стоит!

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

Профессиональный совет: для некоторых людей (особенно тех, кто не считает себя писателями) написание отзыва может показаться сложной задачей.Если ваш бывший клиент, руководитель или коллега не согласен с идеей придумать такой вариант, предложите ему что-нибудь подготовить для утверждения. Это случается чаще, чем вы думаете!

Вот два примера онлайн-отзывов, которые появляются и добавляют авторитета услугам владельцев их веб-сайтов:

2. Включите ВСЕ свои проекты

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

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

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

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

3.Не забывайте про общественную / волонтерскую работу

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

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

Узнайте, как выпускница Skillcrush Паола Мальдонадо рассказывает о своей роли в соучредителе NYC Tech Latinas, спереди и в центре:

4. Расскажите свою историю

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

Например, попробуйте создать инфографику, отражающую, как вы достигли своей последней точки карьеры. Или найдите необычный способ описать свою личность и историю работы, например, Аиша Соуто-Майор. Если вы не знаете, как объяснить, что вы делаете, попробуйте воспользоваться нашим бесплатным руководством по презентациям в лифте, чтобы начать работу.

Что включить на веб-сайт портфолио технических вакансий

Изложив эти общие советы, пора углубиться в технические особенности. Как сделать сайт-портфолио для технического задания, если вы новичок в этой области?

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

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

Что включить на сайт-портфолио для веб-разработчиков

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

  • Когда вы создаете веб-сайт с помощью WordPress, темы и шаблоны являются фреймворками, которые определяют, как будут выглядеть страницы вашего сайта.Вы можете использовать множество готовых тем и шаблонов WordPress, но с навыками HTML и CSS (а также с дополнительными языками, такими как JavaScript и PHP, если вы знакомы с ними), вы также можете настроить эти темы и шаблоны в соответствии со своими предпочтениями. Если вы создаете свой сайт-портфолио с помощью WordPress, пользовательские темы и шаблоны не только придадут вашему сайту уникальный вид, но и станут образцом проекта, который вы можете выделить.
  • Множество клиентов веб-разработки не будут заинтересованы в оплате полностью настраиваемого сайта либо потому, что им нравятся функциональные возможности WordPress и других систем управления контентом, либо потому, что у них нет большого бюджета.Однако эти клиенты БУДУТ нанять вас, чтобы взять стандартную тему и настроить ее. А поскольку эти проекты не так сложны, как создание всего сайта с нуля, вы можете быстро перевернуть их и в спешке пополнить свое портфолио.
  • Студент Skillcrush Web Design Blueprint Рашида Балогун первоначально настроила свой сайт и использовала свое портфолио, чтобы привлечь клиентов для своего внештатного брендингового бизнеса. Теперь она создает и настраивает сайты Squarespace для других предпринимателей в рамках своего бизнеса, и ее собственный сайт - одна из лучших рекламных объявлений.

Что включить на сайт-портфолио для веб-дизайнеров

Изменить дизайн существующего сайта или приложения

  • Если вам еще не платили за много работы по веб-дизайну, почему бы не стать волонтером? Полная переделка известного сайта или приложения - отличный проект для включения в ваш веб-сайт портфолио веб-дизайнера, который может быстро показать потенциальным клиентам, что вы можете им предложить. Выберите сайт, который вам понравится, и по-новому взгляните на него сверху вниз - и не забудьте включить описание своего мыслительного процесса и стратегии дизайна.
  • Предоставляя исчерпывающую иллюстрацию того, что вы можете сделать со знакомым брендом, клиентам будет легче представить, что вы можете сделать для их собственного бизнеса. Чтобы увидеть некоторые впечатляющие примеры работы по редизайну, посмотрите редизайн дизайнера Ксимены Венгоэчи для Quibb, Sharitive , и iOS.

Что включить на сайт-портфолио для профессионалов UX

Дизайн мобильных приложений

  • Поскольку область UX обширна, может быть трудно определить лучший тип проекта для сайта-портфолио, когда вы только начинаете.Один из наиболее лаконичных способов продемонстрировать свои навыки взаимодействия с пользователем - это разработка мобильного приложения. Мобильные приложения присутствуют повсюду в нашей повседневной жизни, поэтому они представляют собой идеальную задачу UX, когда дело доходит до предвидения и реагирования на болевые точки пользователя.
  • Обязательно создавайте свой мобильный проект с макетом с учетом результатов UX, таких как блок-схемы, карты сайта, каркасы, прототипы и аналитические отчеты. Что касается преобразования вашего проекта в удобоваримую форму веб-сайта, такие программы, как Sketch, позволят вам создавать макеты мобильных сайтов, которые можно отображать на экране рабочего стола для презентации.
  • Наконец, вы можете рассмотреть возможность объединения этого проекта портфолио с идеей веб-дизайнера, описанной выше. Если вы не хотите создавать приложение на пустом месте, узнаваемые приложения и бренды являются хорошей игрой для редизайна спецификации. Фактически, многие известные бренды предлагают онлайн-руководства по стилю, с которыми вы можете работать. Примеры включают Urban Outfitters, Skype, Firefox и Управление общественного транспорта Нью-Йорка.
  • Вот пример редизайна Netflix от Behance:

Портфельные сайты для менеджеров проектов, контент-стратегов и маркетологов

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

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

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

  • Обслуживание социальных сетей. Комплексный пакет социальных сетей теперь может быть столь же важным для бренда, как и хорошо продуманный веб-сайт. Это означает, что демонстрация клиентам того, как вы можете создать последовательное присутствие бренда в Twitter, Instagram и Facebook, является важным дополнением к любому сайту-портфолио, ориентированному на контент.
  • SEO дружественный веб-дизайн. Покажите потенциальным клиентам некоторые стратегии в отношении содержания, которые вы применили, чтобы сделать веб-сайт бренда дружественным к SEO (поисковой оптимизации). Это практика изменения архитектуры и содержания веб-сайта, чтобы повысить его рейтинг в результатах поиска таких поисковых систем, как Google и Bing.SEO - важная часть цифрового брендинга и маркетинга, поэтому люди, способные продемонстрировать ваши навыки с помощью макета веб-дизайна, являются хорошим требованием для портфолио технического маркетинга.
  • Руководство по стилю. Если вместе со своими маркетинговыми навыками вы предлагаете дизайнерские решения, подумайте о том, чтобы составить и представить руководство по стилю бренда. Это даст клиентам представление о ваших долгосрочных способностях к разработке стратегии бренда и ваших навыках объединения компонентов бренда в единый пакет.В Интернете доступно множество руководств по цифровому стилю, которые могут дать вам отправную точку и критерий для ваших собственных усилий.

Все еще не справились? Не будет. Самое важное, что вы можете сделать, - это поделиться тем, чем вы гордитесь, и сделать все возможное, чтобы продемонстрировать (и объяснить) все, что делает вас вами и делает вас приемлемым для найма.

.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

3. Найдите и установите нужные темы и плагины

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

Хотя ZellePro - совершенно надежный выбор, мы настоятельно рекомендуем вам осмотреться и найдите тему, которая подходит именно вам.Вы можете выбрать либо многоцелевую тему (например, Zelle Pro), либо поискать что-то, специально предназначенное для визуального портфолио. Если ваша тема имеет приличные рейтинги и хорошую документацию, с вами все в порядке.

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

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

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

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

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

Для установки любых плагинов процесс очень похож. Все это происходит на вкладке Plugins , а не на вкладке Appearance> Themes .Вот наше подробное руководство по установке плагинов WordPress.

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

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

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

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

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

  1. Замена текста в Content в разделе Big title (именно так Zelle ссылается на свой заголовок).
  2. Корректировка текста первой кнопки и удаление второй в том же разделе.
  3. Загрузка нового изображения на вкладке Parallax и включение эффекта. Это позволяет нам использовать изображение в качестве фона вместо простых цветов.

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

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

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

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

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

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

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

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

6. Создайте раздел «О себе»

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

Эти типы предметов называются blurbs , и они являются частью Zelle's Our focus section in Настройщик. Вот шаги, которые вам необходимо выполнить по порядку:

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

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

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

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

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

Прежде всего, Zelle включает раздел Свяжитесь с нами , но если вы ищете альтернативу, мы рекомендуем плагин WPForms. Если вы используете Zelle, вернитесь в настройщик и добавьте раздел Свяжитесь с нами на вкладке Порядок разделов сразу после Обо мне . Затем зайдите в него, перейдите в Settings и введите свой адрес электронной почты в соответствующее поле:

Контактная форма, включенная в этот раздел, идеально подходит для наших нужд, поэтому все, что нам нужно сделать, это отредактировать его заголовки.Мы можем сделать это с помощью вкладки Main content :

Перед тем, как перейти к последнему шагу, вернитесь в раздел Big title , в Content и добавьте #contact под ссылкой First button . Это называется якорным текстом, и он свяжет ваш призыв к действию с контактной формой под ним.

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

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

Сделайте шаг назад и полюбуйтесь своей работой - мы только что вместе создали простой, профессионально выглядящий сайт портфолио на WordPress!

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

Затем вы захотите изучить некоторые продвинутые методы, чтобы сделать ваше портфолио еще дальше с помощью темы Zelle - для этого ознакомьтесь с нашей недавней статьей 3 Killer WordPress Portfolio Tweaks, чтобы сделать ваш сайт потрясающим.

Заключение

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

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

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

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

Бесплатное руководство

5 основных советов по ускорению
Ваш сайт WordPress

Сократите время загрузки
даже на 50-80%, просто следуя простым советам.
.

Смотрите также

Поделиться в соц. сетях

Опубликовать в Facebook
Опубликовать в Одноклассники
Вы можете оставить комментарий, или ссылку на Ваш сайт.

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