Wordpress для дизайнера. Как создать сайт-портфолио
-
Upload
nikolay-mironov -
Category
Design
-
view
7.631 -
download
5
description
Transcript of Wordpress для дизайнера. Как создать сайт-портфолио
![Page 1: Wordpress для дизайнера. Как создать сайт-портфолио](https://reader034.fdocuments.in/reader034/viewer/2022042514/557c4d1ad8b42a67358b4f44/html5/thumbnails/1.jpg)
как создать сайт-портфолио
WordPress для дизайнера
![Page 2: Wordpress для дизайнера. Как создать сайт-портфолио](https://reader034.fdocuments.in/reader034/viewer/2022042514/557c4d1ad8b42a67358b4f44/html5/thumbnails/2.jpg)
1. Портфолио, что это?
2. Как показывать работы
3. Темы WordPress
А если мало работ?
Меняем подход!
4. Плагины Еще плагины
![Page 3: Wordpress для дизайнера. Как создать сайт-портфолио](https://reader034.fdocuments.in/reader034/viewer/2022042514/557c4d1ad8b42a67358b4f44/html5/thumbnails/3.jpg)
что такое сайт-портфолио?
![Page 4: Wordpress для дизайнера. Как создать сайт-портфолио](https://reader034.fdocuments.in/reader034/viewer/2022042514/557c4d1ad8b42a67358b4f44/html5/thumbnails/4.jpg)
Зачем дизайнеру сайт?
1. Помощь при устройстве на работу2. Помощь при получении заказа
3. Статус в дизайнерской тусовке
Статус эксперта в нишеТраффик / онлайн-тусовка
Повысить продажиБаза подписчиков
![Page 5: Wordpress для дизайнера. Как создать сайт-портфолио](https://reader034.fdocuments.in/reader034/viewer/2022042514/557c4d1ad8b42a67358b4f44/html5/thumbnails/5.jpg)
что может быть на сайте, помимом самих работ
Контактная информация
Форма обратной связи
Отзывы
Кейсы, статьи, обучающие материалы
Полезные штуки: ссылки, плагины, кисти, фоны
Форум / обсуждение
![Page 6: Wordpress для дизайнера. Как создать сайт-портфолио](https://reader034.fdocuments.in/reader034/viewer/2022042514/557c4d1ad8b42a67358b4f44/html5/thumbnails/6.jpg)
как показывать работы
блог регулярная сетка
статьи
нерегулярная сетка слайдер полный экран
![Page 7: Wordpress для дизайнера. Как создать сайт-портфолио](https://reader034.fdocuments.in/reader034/viewer/2022042514/557c4d1ad8b42a67358b4f44/html5/thumbnails/7.jpg)
Sharpfolio by Web Revolutionary
![Page 8: Wordpress для дизайнера. Как создать сайт-портфолио](https://reader034.fdocuments.in/reader034/viewer/2022042514/557c4d1ad8b42a67358b4f44/html5/thumbnails/8.jpg)
Origin by Elegant Themes
![Page 9: Wordpress для дизайнера. Как создать сайт-портфолио](https://reader034.fdocuments.in/reader034/viewer/2022042514/557c4d1ad8b42a67358b4f44/html5/thumbnails/9.jpg)
Dope by Theme Fuse
![Page 10: Wordpress для дизайнера. Как создать сайт-портфолио](https://reader034.fdocuments.in/reader034/viewer/2022042514/557c4d1ad8b42a67358b4f44/html5/thumbnails/10.jpg)
Autofocus
![Page 11: Wordpress для дизайнера. Как создать сайт-портфолио](https://reader034.fdocuments.in/reader034/viewer/2022042514/557c4d1ad8b42a67358b4f44/html5/thumbnails/11.jpg)
CleanSpace by GT3 Themes
![Page 12: Wordpress для дизайнера. Как создать сайт-портфолио](https://reader034.fdocuments.in/reader034/viewer/2022042514/557c4d1ad8b42a67358b4f44/html5/thumbnails/12.jpg)
Gleam by Elegant ThemesGleam by Elegant Themes
![Page 13: Wordpress для дизайнера. Как создать сайт-портфолио](https://reader034.fdocuments.in/reader034/viewer/2022042514/557c4d1ad8b42a67358b4f44/html5/thumbnails/13.jpg)
где искать темы для сайтов?
Поисковики / Тематические подборки
Подглядеть на понравившемся сайте
Рынки по продаже тем для WordPress’а
Сайты разработчиков
![Page 14: Wordpress для дизайнера. Как создать сайт-портфолио](https://reader034.fdocuments.in/reader034/viewer/2022042514/557c4d1ad8b42a67358b4f44/html5/thumbnails/14.jpg)
варианты покупки
Использовать только бесплатные темы
Искать бесплатные premium-темы
Покупать темы штучно (20–100$)
Оплатить подписку (от 17$/мес.)
![Page 15: Wordpress для дизайнера. Как создать сайт-портфолио](https://reader034.fdocuments.in/reader034/viewer/2022042514/557c4d1ad8b42a67358b4f44/html5/thumbnails/15.jpg)
плагины для организации картинок
Portfolio Slideshow
Shadowbox JS
JetPack — Gallery
Youtube Gallery
Before/After
![Page 16: Wordpress для дизайнера. Как создать сайт-портфолио](https://reader034.fdocuments.in/reader034/viewer/2022042514/557c4d1ad8b42a67358b4f44/html5/thumbnails/16.jpg)
Portfolio Slideshow
Гибкие настройки
Использование в качестве анимированных баннеров
Лаконичный универсальный дизайн
![Page 17: Wordpress для дизайнера. Как создать сайт-портфолио](https://reader034.fdocuments.in/reader034/viewer/2022042514/557c4d1ad8b42a67358b4f44/html5/thumbnails/17.jpg)
Shadowbox JS
![Page 18: Wordpress для дизайнера. Как создать сайт-портфолио](https://reader034.fdocuments.in/reader034/viewer/2022042514/557c4d1ad8b42a67358b4f44/html5/thumbnails/18.jpg)
Jetpack - Gallery
![Page 19: Wordpress для дизайнера. Как создать сайт-портфолио](https://reader034.fdocuments.in/reader034/viewer/2022042514/557c4d1ad8b42a67358b4f44/html5/thumbnails/19.jpg)
Youtube Gallery
![Page 20: Wordpress для дизайнера. Как создать сайт-портфолио](https://reader034.fdocuments.in/reader034/viewer/2022042514/557c4d1ad8b42a67358b4f44/html5/thumbnails/20.jpg)
СОВСЕМ НЕТ РАБОТ. ЧТО ДЕЛАТЬ?
![Page 21: Wordpress для дизайнера. Как создать сайт-портфолио](https://reader034.fdocuments.in/reader034/viewer/2022042514/557c4d1ad8b42a67358b4f44/html5/thumbnails/21.jpg)
ВОЗМОЖНЫЕ ВАРИАНТЫ ДЕЙСТВИЙ
Сделать красивый сайт-одностраничник
Сделать сайт-презентацию проекта
Создать сервис
![Page 22: Wordpress для дизайнера. Как создать сайт-портфолио](https://reader034.fdocuments.in/reader034/viewer/2022042514/557c4d1ad8b42a67358b4f44/html5/thumbnails/22.jpg)
![Page 23: Wordpress для дизайнера. Как создать сайт-портфолио](https://reader034.fdocuments.in/reader034/viewer/2022042514/557c4d1ad8b42a67358b4f44/html5/thumbnails/23.jpg)
дополнительные плагины
Contact Form 7 / Contact Form FREE
Uji Countdown
VKontakte API
Socialize It!
![Page 24: Wordpress для дизайнера. Как создать сайт-портфолио](https://reader034.fdocuments.in/reader034/viewer/2022042514/557c4d1ad8b42a67358b4f44/html5/thumbnails/24.jpg)
быстрый рецепт хорошего сайта-портфолио
1. Собираем все работы / проекты
2. Определяемся с задачами
3. Выбираем подходящую тему
4. Наполняем сайт
5. Настраиваем плагины
6. Расставляем акценты
7. ?????
8. Profit