Создание сайта: WordPress и правильные дополнительные инструменты

WordPress framework

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

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

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

Потому что WordPress — невероятно популярный в мировых масштабах движок. Его использует пятая часть всех сайтов, размещенных в интернете, включая очень крупные. Перечислять их мы здесь не будем. Разумеется, крупные сайты используют разные усовершенствования, которые позволяют им выдержать серьезные нагрузки. Тем не менее, для небольшого сайта (0-1000 посетителей) WordPress подходит и в первозданном виде. А для растущего (1000-20000 посетителей) существуют бесплатные или очень недорогие инструменты, которые запросто позволят справиться с нагрузкой.

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

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

Так что WordPress — наиболее очевидный и удобный выбор. Хотя бывают исключения. Допустим, когда мы создаем не сайт, как таковой, а некое веб-приложение, где действительно нужно делать все с нуля. Вконтакте на вордпрессе не построишь, хотя некоторые пытались. Если требуется какая-то особенная гибкость, некоторые используют связку WordPress/CodeIgniter. А другие, например, просто привыкли к определенным средствам разработки — допустим, блог Muzium построили на AngularJS,  хотя, видит бог, я представить не могу, зачем им это понадобилось. Кажется, там кто-то из родственников просто всегда использует Angular и слышать не хочет ни о чем другом. 😉

И все же большинству не нужны специальные разработки. В 99% случаев люди хотят получить что-то уже более или менее известное и понятное им. Интернет-магазин, персональный сайт, портфолио, блог и т.д. — для всего этого смело можно использовать WordPress. И все подобные сайты на нем спокойно можно сделать, не заканчивая МГТУ им. Баумана. Другой вопрос, что, как и в любом деле, что-то по-настоящему хорошее можно сделать, только потратив все же какое-то время на изучение и самого WordPress, и на изучение основ PHP, и на некоторые другие вещи. Однако, если процесс идет, эти знания будут появляться сами собой.

А если вкратце (мне просто не хотелось удалять всё, что уже написано выше 😉 ) то примерно 80,000,000 сайтов в интернете используют WordPress по двум причинам — скорость и простота.

Почему WordPress?

WordPress является одной из наиболее популярных CMS (Content Management System — систем управления контентом) не без причин. Главные из них:

• Легко научиться — Удобная и понятная панель управления. К тому же WordPress использует открытый код, который разработчики снабдили очень подробной документацией. Кроме того, огромное число людей публикует разные инструкции и советы.
• Для WordPress создано огромное количество плагинов (расширителей функционала) и тем для оформления – Не нужно быть профессиональным разработчиком, чтобы создавать сайты с помощью WordPress. Иногда даже можно сделать вполне симпатичный сайт, вообще не редактируя никакой код, только с помощью визуальных средств оформления. Например, Cello.Ru — там я не тронул ни строчки кода, даже не пытался.
• Мощность – с помощью WordPress можно быстро создать интернет-магазин, блог и любой другой сайт, просто используя правильные темы и плагины.

Вот насчет тем поговорим подробнее. Конечно, Библиотека Мошкова до сих пор живет с оформлением образца 1996 года, но мы-то не боги — наши сайты должны пытаться хоть как-то прилично выглядеть. Для этого в WordPress существуют темы — они отвечают за оформление сайта. Штук пять идет прямо с самим Wordpress, многие их и используют. Тем не менее, эти темы есть у всех, а наш сайт должен выглядеть как-то по-особенному.. Поэтому начинаем поиск «шкурки».

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

Платная тема WordPress или бесплатная?

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

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

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

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

К тому же, платные темы для WordPress, на самом деле, не очень дорогие, поскольку конкуренция на этом рынке очень велика. Я бы сказал, что средняя цена одной темы сегодня — примерно $50, а целые наборы тем (с учетом их поддержки) стоят от $100 до $300. Естественно, не нужно платить триста долларов (а это по нынешним временам и курсу доллара уже серьезные деньги) если вам нужно сделать всего один сайт. С другой стороны, это зависит от того, сколько вам за этот сайт платят и насколько вы бережете свое время. И, кстати, не выйдет ли так, что после этого сайта вам закажут еще один..

Первый сайт я сделал в 1997 году руками. Это было чудесное время, которое безвозвратно ушло. В дальнейшем я что только не испробовал (да, у меня была не самая легкая жизнь), но в результате в 2009 году я остановился на WordPress и с тех пор ни разу не пожалел об этом. А с 2013 года полностью перешел на платные темы. В простейшем случае стоит заплатить 50 долларов и жить спокойно, пользуясь документацией и поддержкой, что сэкономит вам кучу времени. Вам не придется сидеть и самому часами выяснять, что и как.

Платные темы WordPress — Фреймворки — Ручная разработка

Но не все так просто. Не все платные темы одинаково, так сказать, полезны. Например, Ростислав Шараевский выбрал для своего сайта тему Sirius от довольно крупного разработчика на ThemeForest. Она отлично выглядит, ее довольно удобно затачивать под конкретный сайт, но выяснилось (еще до покупки, после прочтения комментариев), что эта тема (как и другие темы от этого разработчика) не очень здорово работает в плане SEO. То есть изначально поисковики сайт с этой темой сильно любить не будут.

Сайт Ростислава Шараевского

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

А вообще, при разработке дизайна для WordPress вариантов действий не так много. Многие профессиональные разработчики/дизайнеры делают следующее:

1. Обсуждают с коллегами/заказчиком — формулируют, как должен выглядеть сайт.
2. Создают концепцию оформления сайта в Фотошопе.
3. Конвертируют получившийся в шаблон(ы) HTML/CSS.
4. Адаптируют шаблоны HTML/CSS для WordPress.
5. Добавляют динамические и функциональные элементы (блог, магазин, голосовалка и т.п.).

Некоторые минуют шаг 2, начиная сразу с третьего, другие минуют шаг 3, сразу перенося psd на WordPress, что само по себе уже экономия времени.

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

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

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

Что такое Framework для WordPress?

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

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

Так вот фреймворки для WordPress — это такая штука, которая позволяет избежать почти всего этого, сосредоточившись на том, как сайт будет выглядеть. Если делать все руками, для каждого сайта придется написать кучу одинакового кода. Во фреймворки встроены и разные варианты раскладки сайта, и SEO, и возможности все это менять и этим управлять. Руками ничего трогать практически не нужно.

При этом «юридически» фреймворк работает, как «родительская» тема. То есть вы фреймворк на сайт поставили, и его больше не трогаете. Он там сидит и вам обеспечивает весь необходимый функционал. А  для оформления и всяких других дополнительных вещей вы используете дочерние темы этого фреймворка. Их можно как получить вместе с фреймворком или создать самому, так и купить.

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

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

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

Studiopress Genesis framework

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

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

Плюсы и минусы использования фреймворков

И плюсы, и минусы существуют всегда. Тут, правда, вопрос в том, как посмотреть.

Плюсы использования фреймворков для WordPress:

• Экономится время, удобство разработки, все делается намного проще.
• Поддержка как со стороны производителя, так и со стороны других разработчиков — вокруг популярных фреймворков давно существует сообщество, которое не даст пропасть в случае возникновения каких-то проблем или вопросов.
• Встроенные возможности — добавление даже продвинутых функций происходит легко, поскольку крупные фреймворки и производители плагинов давно между собой договорились о совместимости, либо заканчивают договариваться, вот, прямо сейчас.
• Качество кода – код фреймворков и дочерних тем написан качественно. Это значит, что он оптимизирован и с точки зрения HTML и CSS, и с точки зрения PHP, и с точки зрения SEO… Короче говоря, для нас это значит, что сайт не будет иметь ошибок и будет быстро грузиться, если мы сами что-нибудь не напортачим.
• Обновления – WordPress постоянно обновляется, иногда довольно сильно. Но разработчики фреймворков за этим следят и тоже вовремя обновляют свои продукты для максимальной совместимости.

Минусы использования фреймворков для WordPress:

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

Нужно ли мне использовать фреймворк для WordPress?

Несмотря на то, что придется потратить деньги и некоторое время на освоение, если вы более или менее всерьез занимаетесь разработкой сайтов, использовать фреймворк вы ДОЛЖНЫ. Понять, как и что работает, не так сложно, зато потом скорость разработки и оформления увеличится в разы. И вы сможете не только сделать больше сайтов, но и сделать их лучше. Сэкономленное время уйдет на поддержку, если это клиент, или на работу над содержанием, если это собственный сайт. Одна сплошная польза.

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

Вот такие дела.