IT-инфраструктура для бизнеса и творчества
Разработка
Karl Kallavus

Как бы я делал себе сайт в 2021 году

Вот так выглядит Wordpress в 2021 Карл Каллавус

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

Предыстория

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

По доброте душевной, я сначала соглашался. А потом просили обновлять картинки, придумывать текст, вставлять дополнительные страницы. Работа скучная, рутинная. Хотелось бы, чтобы ее можно было сделать, не дергая меня. И я погрузился в дивный новый мир CMS и конструкторов интернет магазинов. В итоге закончил тем, что на досуге веду курсы по WordPress.

Сравнивать буду три основных подхода:

1) чистая разработка, программирование, JavaScript, HTML, верстка CSS, фреймворк не важен. Грубо говоря, это когда мы идем и нанимаем программиста, который нам напишет сайт не на конструкторе.

2) WordPress, но так, чтобы не писать код, потому что, если писать код, то чем это отличается от пункта номер один? Тут мы сами, разработчик или студия, делаем себе сайт на WordPress.

3) конструкторы, не буду перечислять конкретные названия, чтобы никого не задеть. Тут мы сами, делаем все на условной, Тильде или Wix, или нанимаем кого-то, чтобы это сделали за нас.

Мои субъективные сравнения

Дизайн

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

Бюджет

Разработка выйдет самой дорогой. Если проект большой, то идеально иметь программиста на зарплате. Зарплата программиста в 100 тысяч для Москвы это не серьезно, но для регионов самое то. Это просто как ориентир. Можно заказать разовую работу в студии.WordPress или конструктор выйдут гораздо дешевле.Тут можно конечно посчитать, что именно выйдет дешевле: подписка или платные темы и дополнительные плагины, разница будет в тысячи рублей. Если они принципиальны, то скажу, что WordPress выйдет самым дешевым.

Легкость в изучении

Разработка — это сложно, если не планируете этим зарабатывать и интереса тоже нет, то не рекомендовал бы туда залезать. В WordPress при наличии минимальных знаний, можно подкрутить все самому. Не помешает пройти какой-либо курс. Конструкторы по сложности такие-же как WordPress, облегчают только деплой сайта. Грубо говоря, вам не надо будет заливать сайт на ваш домен. Что в принципе не сложная процедура, если делаете сайт самостоятельно. Ключевые слова — «Total Commander, залить сайт на домен через FTP». И еще момент, в WordPress или на конструкторе, главное — чувство вкуса и умение писать текст.

Производительность

Тут все не однозначно. Разработка по идее обеспечит лучшую производительность, но не факт, что ваш разработчик в нее умеет. Если надо, чтобы было быстро — ключевые слова для гугла WebPageTest. Запустите тесты на медленном соединении и наблюдайте за результатами.Будет идеально, если вам все сделают на nextjs.WordPress если его не обременять тяжелыми темами или плагинами даст неплохую производительность из коробки. Что касается конструкторов — то результаты обычно такие же, как у нагруженного WordPress сайта.

Гибкость. Подключения сторонних сервисов. Биллинги, метрики итд

Тут все просто. Разработка самая гибкая, были бы деньги на оплату программиста. WordPress очень гибок. Миллионы плагинов. Конструкторы, увы, предоставляют, только то, что есть.

Привязка к площадке или технологии

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

Evergreen

Субъективный пункт, который актуален, если планируете сайт на лет так десять-пятнадцать. Условно, можно ли будет вносить правки в сайт через лет 10-15 или придется все переделывать с нуля. Технологии разработки устареют, конструктор не факт, что еще будет работать. WordPress эволюционирует, но не думаю, что куда-то денется.

SEO

Если коротко, то WordPress тут лидирует. Бесплатные плагины дают весь необходимый функционал из коробки, который настраивается за 15 минут.При желании можно докупить продвинутых фич за 10-20 долларов. Конструкторы дают разные результаты. Разработка хороша, но WordPress тут просто быстрее.

Платёжные системы

Разработка поддерживает все платёжные системы. WordPress поддерживает тоже почти что все, вопрос, только будет ли плагин удобным. Конструкторы поддерживают только то, что в них заложено, зачастую этого хватает, надо только убедиться заранее.

Что же выбрать?

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

Если нужен простой лендинг пейдж, то WordPress или конструктор.

Конструкторы я бы вообще рекомендовал, только для самых простых сценариев. Когда на сайте красивая картинка, потом текст, потом блок, потом кнопка регистрации.

WordPress меня удивил. За годы его существования, там появилось все что нужно для типичного сайта в интернете. Нужен интернет магазин — установил WooCommerce и готово. Нужен экспорт данных с форм в PDF файл — установил плагин Ninja Forms и готово. Хотите брать и перетягивать элементы на страницу, как в песочнице — ставите Elementor и даже ваша бабушка сделает вам красивый сайт. Я в целом понимаю, почему примерно каждый третий сайт на WordPress.

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

(function () { let cdnUrl = `https://specialsf378ef5-a.akamaihd.net/SelectelBranding/images/` let previousArticleNumber = null let currentArticleNumber = 0 let platform = 'Desktop' let articles = [ { name: 'camera', url: `${cdnUrl}CameraCat`, text: 'умную камеру для\u00A0наблюдения за\u00A0котиками', link: 'https://vc.ru/selectel/306690', num: 3 }, { name: 'chill', url: `${cdnUrl}ChillCat`, text: 'трекер, который подскажет, когда пора отдохнуть', link: 'https://vc.ru/promo/288561-eye-tracker', num: 1 }, { name: 'cloud', url: `${cdnUrl}CloudCat`, text: 'котика: даёшь ему «пять», а\u00A0он делает бэкап в облако', link: 'https://vc.ru/dev/294799-maneki-neko', num: 2 } ] let buttonCycle = document.querySelector('.button--cycle') let buttonChoose = document.querySelector('.button--choose') let buttonMobile = document.querySelector('.button--mobile') let textField = document.querySelector('.selectel-footer-subtitle') let imageAgent = document.querySelector('.image--agent') let banner = document.querySelector('.selectel-footer') buttonCycle.addEventListener('click', cycleClick) buttonChoose.addEventListener('click', () => sendEvent(`Promo ${articles[currentArticleNumber].num} Left`, 'Click')) buttonMobile.addEventListener('click', () => sendEvent(`Promo ${articles[currentArticleNumber].num} Left`, 'Click')) let media = window.matchMedia("(max-width: 570px)") media.addEventListener('change', matchMedia) function matchMedia() { if (media.matches) { platform = 'Mobile' } else { platform = 'Desktop' } update() } matchMedia() function cycleClick(event) { sendEvent(`Promo ${articles[currentArticleNumber].num} Right`, 'Click') if (event) { event.preventDefault() event.stopPropagation() } window.open('https://vc.ru/tag/selectelDIY', '_blank') //cycle(event) } function cycle(event) { // incrementArticleNumber() textField.innerHTML = generatedText() imageAgent.src = articles[currentArticleNumber].url + platform + '.svg?3' imageAgent.setAttribute("class", "") imageAgent.classList.add('image--agent', articles[currentArticleNumber].name) banner.href = articles[currentArticleNumber].link } function update() { banner.href = articles[currentArticleNumber].link imageAgent.src = articles[currentArticleNumber].url + platform + '.svg' textField.innerHTML = generatedText() } function incrementArticleNumber() { previousArticleNumber = currentArticleNumber if (currentArticleNumber >= articles.length - 1) { currentArticleNumber = 0 } else { currentArticleNumber++ } } const sendEvent = (label, action = 'Click') => { const value = `SelectelDIY — loc: Footer — ${label} — ${action}`; if (window.dataLayer !== undefined) { window.dataLayer.push({ event: 'data_event', data_description: value, }); } }; function generatedText() { let defaultText if (platform === 'Desktop') { defaultText = `Мы тут собрали %text%. Хотите научим?` } else { defaultText = `Мы тут собрали %text%.` } return defaultText.replace('%text%', articles[currentArticleNumber].text) } function getRandom(min, max) { min = Math.ceil(min) max = Math.floor(max) return Math.floor(Math.random() * (max - min + 1)) + min } (function create() { currentArticleNumber = getRandom(0, articles.length - 1) cycle() let page = document.querySelector('.page--entry') if (page) { function insertAfter() { let parents = page.querySelectorAll('[data-id="7"]') let referenceNode = parents[0] referenceNode.parentNode.insertBefore(banner, referenceNode.nextSibling); loaded() } setTimeout(() => insertAfter(), 0) } }()) function loaded() { banner.classList.add('loaded') } loadImages([ `${cdnUrl}CameraCatDesktop.svg`, `${cdnUrl}ChillCatDesktop.svg`, `${cdnUrl}CloudCatDesktop.svg`, `${cdnUrl}CameraCatMobile.svg`, `${cdnUrl}ChillCatMobile.svg`, `${cdnUrl}CloudCatMobile.svg?3`, ]) function loadImages(urls) { return Promise.all(urls.map(function (url) { return new Promise(function (resolve) { var img = document.createElement('img'); img.onload = resolve; img.onerror = resolve; img.src = url; }); })); } }())
0
58 комментариев
Популярные
По порядку
Написать комментарий...

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

Извините, но статья ни о чем, сравнивать разработку обычную с cms и wp. Толком никаких доводов нет, одна вода ред.

9

Все хорошо, мне вас не за что извинять. Более того ваше мнение аргументированное. 

Хочу чуть поправить вас. Я не пишу на Реакте под ВП. Реакт отдельно, ВП отдельно. Большой проект я бы тоже не стал делать на ВП.

Расскажите, какие cms лучше? Я не с наездом, а интересно.

Что касается курсов, я могу удалить ссылку. Проблема в том, что хороших русскоязычных видео по вордпрессу я не нашел. Не объясняют, как выбрать тему. Очень много старых видео. 

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

6

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

4

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

0

Были бы вопросы :) спасибо)

0

Да есть все ,просто нету русской версии плагинов, пока мы тут делаем интернет магазины они делают социальные сети

0
Уполномоченный файл

вы не понимаете, это другое!

1

Да думаю, еще лет 20 будут спорить, можно ли считать разработчика на WordPress разработчиком.

5
Уполномоченный файл

Комментарий удален по просьбе пользователя

1

Не, маркетплейсы еще не осилил :)

0

Я тя умоляю, в эру программистов на тильде, вполне можно

0

Почему нет? Если он делает что-то кроме установки плагина, то почему нет?

0

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

3

ВП довольно быстро латают дыры в безопасности. А что касается темы, то в ВП есть "импорт" темы, там все сводится к тому, что текст просто на сайте правится. Правда о нем новички не знают обычно :) Чем конструкторы и пользуются.

4

В смысле? Тема же выбирается в самом начале сайтостроения, даже свою можно загрузить.

0

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

1
Уполномоченный файл

6 занятий. 3 недели. Вторник и четверг с 20-00 до 22-00 по МСК. 
Серьезно? А че не 3 месяца?
Кто будет ждать по несколько дней, чтобы посидеть 2 часа?
Было бы 6 занятий за 6 дней ещё куда ни шло. Растягивать это на 3 недели, жесть.

Да и всю вашу программу можно за пару часов на ютубчике бесплатно посмотреть. ред.

2

Я планирую сделать запись и выложить ее на youtube. У тех кто возьмет курс будет возможность за 4 тысячи рублей персонально решить все свои вопросы. По-моему все честно, цена копеечная.

1
Уполномоченный файл

Так вы за 10 часов ничему не сможете никого научить. Какие можно решить вопросы? Это же не индивидуальный курс.))

1

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

1
Уполномоченный файл

Короче, я как продажник вижу, что эта затея провальна, уж извините. Да и не для местной публики. Я не вижу тут чего-то такого, чем можно было бы объяснить покупку курса. Зато вижу минусы, некоторые уже назвал выше. Нет внятного личного бренда, скорее наоборот он размывается. Нет УПД, размывается, лишнего написано много и т.д..
Само желание похвально и дело правое, но реализация... Сразу видно, что вы не продаван)))

0

Извините 😔 но спасибо за минусы, учту

0

Вы мне очень нравитесь, Вашим позитивным настроем и умением принимать критику. Вас как-то приятней читать, чем продаванов ))

0
Уполномоченный файл

О, так это ещё и платно. 4 тыщи, охереть, вы чё?
:D
К концу 6 занятия оставшиеся пару человек поймут, что проще у вас же заказать сайт и не париться. Но в этом же и суть, да?)

1

Хорошая идея кстати ☝️ 

0

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

0

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

2

https://www.cvedetails.com/vendor/2337/Wordpress.html
Помимо "быстро латают", нужно ещё и вовремя обновлять, а в большинстве клиенты забывают о админке сайта на следующий день. Да и то что "установил плагин %% и готово" Не добавляет надёжности. Помимо ядра, нужно следить и обновлять плагины. Как показывает практика бывает плагины перестают поддерживаться, а при обновлении ядра, сайт превращается в тыкву. И все это не проблема когда ты программист. 

2

У WordPress сейчас в стадии beta (пока ещё даже не beta) находится так называемый fse редактор. Вот после его выхода, WordPress, по идее, должен составить очень серьезную конкуренцию конструкторам, возможности там крайне интересные.

1

FSE - full site editor?
Но уже и сейчас плагинами можно этого достичь. Единственное, после развития Guttenberg'а в этом направлении WP получит такую возможность "из коробки".

1

Да, оно.
Такой функционал и должен обязательно быть "из коробки". Плагины вещь не постоянная, сегодня есть - завтра его бросили.

1

Согласен. Но пока из коробки не дотягивает до того же Elementor, к сожалению.

0

Кто вам такое сказал? Откуда такая информация?

0

прям пиар wp. по мне приятнее CMS-это DLE

1

Тоже пробовал DLE, но после знакомства с WP, вопроса о выборе CMS больше не стояло - между этими двумя - только WP.
IMHO.

1

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

1

Вся жизнь такая - если родился - должен мучаться.

1
Уполномоченный файл

Комментарий удален по просьбе пользователя

1

Хехе, вылез из бункера своих фронтендерских штучек)

0

"чистая разработка, программирование, JavaScript, HTML, верстка CSS, фреймворк не важен. Грубо говоря, это когда мы идем и нанимаем программиста, который нам напишет сайт не на конструкторе"

Фреймворк не важен. Записываю.

0

Лол) но фреймворк ведь и правда не важен)

0

До первого масштабирования, к моменту которого разраб может и соскочить.

1

самого масштабирования может не быть

0

Очередная реклама своих услуг/курсов под соусом "полезная статья". 

0

ВП может в вебсокеты из коробки? Например живой чат сделать 

0

из коробки нет, WP бы тут не советовал

0

Он ставится на WP в один клик - https://wordpress.org/plugins/wise-chat/
Но я им не пользовался

0

Поправлюсь - интегрировать чат на сайт, условно "Задай вопрос консультанту" - делается быстро.
А вот делать чистое приложение чат - тут я бы WP не советовал

0

Тоесть нагрузку в несколько сот сообщений в минуту и множество чат-комнат вп уже не вывезет? 

0

Это не от ВП зависит, а от чата. Чат отдельно живет, вп отдельно живет

0

А сайт стоматологической клиники. Word Press?

0

Да, такое легко делается, бронь времени И так далее

0

Так себе реклама, чувак.

0

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

0

Здравствуйте! а можно попросить сбросить ссылку на курс по WP, которую как мне кажется, Вы удалили. Спасибо! 

0
Читать все 58 комментариев
«Мегафон» заблокировал 36 тыс. ₽ на 2 недели по ФЗ № 115

Являюсь абонентом Мегафона второй десяток лет. Несколько лет назад завёл себе карту Мегафон-банка. Очень нравилось, и рекомендовал всем, так как:

Это Элви Рэй Смит: он мечтал создать анимационный фильм на компьютере, соосновал Pixar, но ушёл из компании из-за Джобса Статьи редакции

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

Минэкономразвития РФ приняло предложения РСПП по совершенствованию рынка интеллектуальной собственности

На актуализации плана дорожной карты ТДК (трансформация делового климата) «Интеллектуальная собственность» в соответствии с пожеланиями бизнес-сообщества настоял первый заместитель председателя правительства Андрей Белоусов.

Эксперимент: оформляем банковские карты без бумажных документов

Оформление затянулось, но проект все равно продолжили развивать.

Kornia - Python библиотека для обработки изображений в задачах CV

В этой статье я хотел бы познакомить читателей с библиотекой для ЯП python — Kornia, имеющей богатый функционал в области computer vision. Библиотека написана с использованием pytorch, в ее основе лежат готовые решения, такие как torchvision, PIL, skimage, tf.image, OpenCV. В Kornia реализована возможность выполнения вычислений не только с…

Лайфхак в подборе: как ATS-системы помогают экономить время и бюджет рекрутеров

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

Мвидео, облажались. Дважды

1. Мультиварка

Мвидео отказал в замене товара ненадлежащего качества. Битый телевизор

14.11.2021 доставка магазина Мвидео привезла мне домой телевизор LG. При приёме телевизора от доставщиков никаких недостатков не обнаружили ( или не заметили, потому что телевизор был весь запотевший). Включать для проверки тоже не стали из-за запотевания. В тот же вечер через несколько часов телевизор повесили и попытались включить, он не…

Путин поручил разработать вариант налогового вычета для частных инвесторов при долгосрочных вложениях в российские акции Статьи редакции

Фондовый рынок должен не только финансировать инвестиционные проекты, но и приносить доход гражданам, считает президент.

null