Сайты на WordPress я разрабатываю вот уже более 10 лет.
И за всё время выработался определенный подход — технология разработки сайтов на WordPress.
Эту технологию я применяю как для своих собственных проектов (например, прямо для этого сайта tushov.online), так и для множества других сайтов, разрабатываемых мною в рамках фриланса и работы в одной Московской веб-студии. В год наша студия разрабатывает более 20 сайтов на WordPress и данный подход уже давно себя оправдал как самый эффективный и надежный. Мы создаем как простые сайты для различных компаний, так и большие проекты и Интернет-магазины. Потому предлагаемая мною схема довольно универсальна и кстати — совсем не является каким-то нашим стандартном разработки в веб-студии, она прекрасно подойдет для фриланса.
Итак, допустим Вам нужно разработать сайт и не важно: для себя или клиента. Вы можете применять данную технологию частично — подстраивая нужные процессы под свои задачи и ситуацию.
Практически любой проект (сайт) всегда начинается с идеи, а конкретно с некоторых сформулированных требований к тому как должен выглядеть сайт, что на нём должно быть, какие разделы, какая навигация, какой функционал. Все эти требования часто становятся неотъемлемой частью Технического задания (ТЗ).
1. Техническое задание
Перед тем как начинать работу по созданию практически любого сайта на коммерческой основе — всегда нужно сначала определить требования, задачи, цели данного проекта. Иначе, Вы рискуете в итоге сделать не то, что нужно было клиенту или даже не получить обещанное вознаграждение за работу.
Техническое задание для веб-студий и фрилансеров — это самое начало любой работы по созданию сайта.
Устные договоренности и неточные требования уместны в очень редких случаях, когда задача очень небольшая или же когда Вы хорошо понимаете что нужно клиенту и он Вам полностью доверяет и 99% оплатит Ваш труд.
Даже перед тем как создавать свои собственные проекты, я всегда составляют что-то типо ТЗ, может не столь детальное и формальное как при работе с клиентами, но хотя бы план действий для себя записываю, чтобы в процессе не свернуть с намеченного пути — а это важно!
Про составление ТЗ я еще напишу отдельную статью, однако нужно понимать, что это первый и довольно важный этап работы над практическим любым проектом!
2. Дизайн сайта
Трудно переоценить значение дизайна для сайта. Клиенты, как правило, оценивают работу обращая внимание именно на внешний вид сайт, а потом уже на всё остальное. По крайней мере, всё начинается с дизайна, даже если есть много требований к функционалу.
Давайте подумаем, какими способами Вы можете реализовать дизайн для сайта на WordPress:
- Найти и скачать бесплатный шаблон (тему WordPress). Да, такое возможно! ) В Интернете можно найти много достойных вариантов бесплатных тем WordPress, конечно же, они не всегда будут отвечать Вашим требованиям, но иногда подобрать что-то вполне «съедобное» можно.В самом каталоге тем WordPress — довольно много вариантов, надо просто уметь их находить, а это задача непростая — я обязательно запишу отдельный видео-урок на эту тему.
- Купить готовую профессиональную тему WordPress. В нашей веб-студии это наиболее частый вариант, потому что среди платных тем есть очень много интересных вариантов с готовым функционалом, демо-данными, с тех. поддержкой и прочими удобствами. Стоят такие темы, как правило, от 15$ до 90$. Мы покупаем в основном на themeforest.net, иногда на www.templatemonster.com
- Нарисовать дизайн самостоятельно, далее сверстать его и создать тему WordPress — это самый дорогой и долгий путь, который даже в нашей студии при наличии дизайнера применяется не так уж часто. Если не умете или не хотите рисовать дизайн сами, его можно заказать у веб-дизайнера, но потом всё равно надо будет сверстать тему WordPress, что опять же совсем не бюджетно выйдет для клиента.
Все три подхода имеют абсолютное право на существование и каждый имеет свои плюсы и минусы. Ваша задача как разработчика — понять, что действительно нужно клиенту и как это реализовать максимально эффективно и бюджетно!
В большинстве случаев я и мои коллеги по цеху склоняемся к покупке готового профессионального дизайна, потому что это действительно бюджетно (что важно в условиях кризиса для практически любого клиента), быстро и демонстративно.
Конечно же, практически любой дизайн приходится править, что-то убирать, добавлять — но без этого уже никак — такая специфика деятельности. Для этого в нашей веб-студии есть штатный дизайнер, который всегда готов что-то дорисовать, изменить или дополнить в уже готовом дизайне.
Даже, в крупных проектах с бюджетом от 500 тыс. рублей Мы можем использовать готовый купленный профессиональный веб-дизайн. Откуда тогда такой бюджет — спросите Вы, если дизайн не нужно разрабатывать? А как же: разработка функционала, доработка и модификация дизайна, реверстка, контент, SEO, SMM и т.д. и т.п.
Даже дизайн этого сайта tushov.online я нашёл и купил — потому что совсем не хотел впустую тратить время на его реализацию. Я хотел быстро начать и уже на втрой день после покупки дизайна и некоторых его правок запустил проект!
О том как находить (подбирать) платные темы для проектов я расскажу в отдельном уроке или статье. На этот выбор часто влияют требования к функциональной части сайта. Потому, давайте теперь перейдем к функционалу.
3. Функционал сайта
Итак, функционал — это то что будет «уметь» Ваш сайт. Может быть это будет сайт-визитка с минимальным количеством функционала или же, наоборот, крупный Интернет-магазин с различными встроенными сервисами. Функционал сайта полностью определяется требованиями к нему.
Сам WordPress изначально разрабатывался как блоговая платформа, т.е. по умолчанию практически на «чистом» WordPress’е можно собрать сайт-блог, новостной сайт или сайт СМИ и т.д. Также, практически без дополнительных плагинов можно разработать сайт-визитку, простейший сайт компании, одностраничный Landing Page.
Любой дополнительный функционал на сайте WordPress можно реализовать как правило двумя способами:
- добавить функционал в тему WordPress или найти готовую тему с нужным функционалом
- найти или реализовать функционал в виде плагина
Оба способа имеют право на жизнь и отнюдь не исключают друг друга — потому что бывают сайты на которых часть функционала реализовано внутри WordPress-темы, а другая часть в виде плагинов.
Давайте, рассмотрим конкретный пример: допустим Вы создаете сайт для какой-нибудь Парикмахерской. Помимо очевидного наличия дизайна и контента (описание, парихмахеры, контакты и т.д.) у сайта будет функционал, например такой:
- возможность выбрать мастера и записаться на стрижку в определенный день и время
- возможность оставить отзывы о стрижке/мастерах/парикмахерской
Конечно же, этот функционал совсем не обязателен для сайта, но это Вы решите вместе с клиентом. Однако, с точки зрения современных тенденций — это вполне себе разумеющиеся функциональные возможности для типового сайта Парикмахерской.
Прежде всего Вам нужно будет вернутся к пункту 2 и подобрать дизайн, потому что, возможно найденная вами WordPress-тема уже будет содержать необходимый функционал.
Если в теме не будет функционала записи к мастеру и отзывов — у вас следующие варианты:
- разработать этот функционал самостоятельно и встроить его в тему или же создать плагин и здесь как видите всё упирается в Ваши возможности разработки на WordPress
- поискать и возможно найти бесплатные плагины WordPress, реализующие данный функционал, благо их предостаточно
- поискать и возможно найти платные плагины WordPress, в которых реализовано всё, что Вам нужно
Как поступаю я, имея за плечами опыт 10 летней разработки под WordPress? Как вполне себе здоровый и ленивый человек ) Сначала ищу бесплатные плагины, тестирую их возможности, пытаюсь прикрутить к создаваемому мною сайту с дизайном. Если ничего не удается найти бесплатного — начинаю поиски платных плагинов и в этом мне помогает как сам каталог плагинов WordPress, так и просто поиск в Google. Если найденные платные плагины не удовлетворяют моим требованиям и ожиданиями или очень дороги — то я перехожу к самостоятельной разработке.
Почему я не бросаюсь сразу за самостоятельную разработку функционала имея такой опыт программирования? Потому что — это как правило обходится дороже для клиента и дольше по срокам. Часто, так получается, что гораздо быстрее и проще купить нужный плагин за 50$, чем потратить 2 недели разработки и потом еще неделю на доработку, исправление ошибок и прочее. Кроме того, если Вы покупаете достойный плагин — в нем разработчики уже учли большое количество возможностей, получили обратную связь и исправили множество ошибок, соответственно вам не нужно всего этого делать — Вы покупаете готовый результат чьей-то возможно очень длительной и дорогостоящей работы.
Потому лень не только двигатель прогресса, но и экономия средств, упрощение и уменьшение сроков разработки!
4. SEO + Контент
Когда у нас готов дизайн и функционал — можно начинать наполнять сайт? Хоть я и поставил этот пункт на четвертое место — на самом деле, SEO и контентом можно начинать заниматься уже после второго пункта (дизайн), а иногда и параллельно с ним. В нашей студии SEO-специалисты и контент менеджеры подключаются к работе сразу же после того как стартовая версия сайта с дизайном пусть и без полного функционала, но уже есть.
В заголовке данного этапа разработки сначала написано SEO, а потом уже контент — это потому, что SEO-принципы во многом влияют на качество и содержимое этого самого контента. Не стоит сначала создавать контент, надеясь на автономную качественную работу SEO-шника — так выйдет дороже, потому что стратегия продвижения ресурса будет сильно влиять на его содержимое и придется многое переписывать.
