6 шагов быстрого проектирования сайта WordPress сверху донизу

Некоторые дизайнеры ненавидят WordPress.

Они говорят, что WordPress ограничивает их творческий потенциал.

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

Говорят, сложно превратить современный дизайн в пригодную для использования тему.

И, вот кикер, они правы.

По крайней мере частично.

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

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

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

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

Давайте начнем! И извините, но по-другому не скажешь:

Шаг №1: Украсть!

Ага, украсть. Как и взять вещи.

Посредством чего вещи Я имею в виду идеи.

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

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

Вот цитата Джима Джармуша:

«Нет ничего оригинального. Воруйте из любого места, которое резонирует с вдохновением или подпитывает ваше воображение. […] Выбирайте для кражи только то, что говорит непосредственно с вашей душой. Если вы сделаете это, ваша работа (и кража) будет подлинной. Подлинность бесценна; оригинальность отсутствует».

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

Не бойтесь воровать идеи. Если вы видите что-то, что резонирует с вами, украдите это и покончите с этим.

Шаг № 2: Сначала заложите основу

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

Поэтому шаг № 2 всегда заключается в том, чтобы убедиться, что вы понимаете, чего клиент хочет достичь с помощью своего сайта.

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

Как только вы поймете, чего хотите достичь (кстати, это должно быть только одно главное, а не 5-10 разных вещей), вы сможете продолжить строить вокруг этого весь сайт.

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

Я думаю, вы здесь не ради очевидного, поэтому давайте не будем говорить об основных инструментах (таких как Dropbox, Google Drive, Photoshop и т. д.).

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

Начнем с этих трех:

• Скрыть – лучший источник фотографий высокого качества без авторских прав; это означает, что вы можете использовать их по своему усмотрению.
• PixelDropr – удобный способ создания собственных коллекций пикселей (кнопок, иконок, наборов пользовательского интерфейса и т. д.), а затем их использования в Photoshop путем перетаскивания.
• ИкоМун – один из лучших поставщиков иконочных шрифтов; кроме того, вы получаете приложение, которое можете использовать для создания собственных пользовательских шрифтов.

«Какая?! Всего три инструмента?!

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

Тем не менее, это все еще бесплатно, поэтому единственное, что вам нужно сделать, чтобы получить его, это заполнить эту форму:

Получите список из 10 инструментов, которые мы используем при разработке для WP

Которые вдвое сократили наше рабочее время (кстати, 7 из них бесплатны).

Кстати, мы тоже ненавидим спам.

После подписки вы автоматически получите полный список.

Шаг № 4: Дизайн или модификация — вот в чем вопрос

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

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

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

Главный магазин тем, которому мы доверяем — потому что мы его запускаем — это ThemeIsle. Я говорю вам, новый игрок на рынке, но отличие здесь в том, что мы не продаем вам темы; мы работаем вместе с вами, чтобы помочь вам создать потрясающий сайт, который конвертируется, а тема является лишь частью процесса.

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

• Темы в – это официальный каталог. Темы там, как правило, безопасны и проанализированы на общие проблемы безопасности.
• _S также называется символом подчеркивания. — это стартовая тема с небольшим дизайном, только с отличной структурой. Однако потребуется немного больше работы, чтобы превратить его в готовый сайт.

Шаг № 5: Установите на него несколько неочевидных плагинов

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

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

Опять же, я собираюсь сохранить вам все очевидные плагины, о которых вы уже знаете, такие как WordPress SEO, Contact Form 7 или Akismet. Вместо этого давайте сосредоточимся на менее очевидных, но все же важных для ваших клиентов.

• Администратор пользователей – не все клиенты заинтересованы (и даже должны быть заинтересованы) в том, чтобы видеть всю панель администратора WP. Особенно, если вы имеете дело с кем-то, кто не очень разбирается в Интернете.
• Резервное копирование WordPress в Dropbox — сохраняет сайт в безопасности в случае сбоя сервера или любого другого неприятного события.
• Твитнуть старый пост – в наши дни ни у кого нет времени каждый день твитить свои посты вручную. Этот плагин делает это для вас или ваших клиентов, чтобы они могли вычеркнуть еще одну задачу из своего ежедневного списка дел.
• Расширенные настраиваемые поля — Плагин позволяет вам еще больше настроить пользовательский интерфейс и предоставить вашим клиентам дополнительные типы контента и другие элементы, которые они могут использовать в своих сообщениях (хотя и не чудо-плагин в один клик; он требует работы).

Это лишь некоторые из плагинов, которые есть в нашем арсенале. Я не хочу делать этот пост слишком длинным, так что если вы хотите больше — ну, вы знаете, что делать… в рассылку!

Шаг № 6: Помогите с созданием контента

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

Оставлять клиента сразу после того, как он заплатил вам за сайт, — распространенная ошибка среди дизайнеров. А также это сильно повлияет на ваши будущие доходы.

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

Но если клиент преуспевает, он, скорее всего, начнет работать над другими проектами. И поскольку вы были человеком, который создал первоначальный проект и помог с контентом, как вы думаете, к кому они обратятся?

Твоя очередь действовать!

Из всех шагов, описанных выше, я бы сказал, что последний оказывает наибольшее влияние на уровень счастья вашего клиента в долгосрочной перспективе.

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

Так скажи мне, над чем ты сейчас работаешь? Чем мы можем вам помочь?