sputnickk
@sputnickk

Как более грамотно делать дизайн на wordpress?

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

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

2) Затем начал пробовать универсальные/легкие шаблоны - океан, астра + елементор. Качество повысилось, т к все было единообразно и на хороших инструментах + более тонко настраивали ВП (отключаем максимум не нужного, оптимизируем, скорость загрузки для визитки в среднем 1,5-2 сек, для магазина 2-3)

3) Пошли еще дальше - отказались от астры, ставим легкий hello шаблон от елементора + елементор про и тут начались грабли... то ли новый 3..... элементор сырой, то ли еще что-то, постоянно какие то чудеса - то шрифты кастомные слетают, в админке видны на фронте нет, то изменения не применяются....

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

Сейчас думаю - может вообще без билдера.... ставить легкий шаблон, тот же hello, главную страницу просто в ручную шаблон на чистом html+css+ACF делать, если где то галлерея или карусель нужна - шорткодами вставлять, чтобы велосипед не изобретать. Второстепенные страницы (карточка товара, страница) - редактировать сам шаблон

Еще один довод в создание без билдеров - если делать магазин (woocomerce) + мультияз + билдер - эта тройка делает приличную нагрузку на хостинг.

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

Хочется продвинутся в плане внешнего вида/верстки... А как Вы создаете на ВП?
  • Вопрос задан
  • 193 просмотра
Решения вопроса 2
@vladchv
WordPress Developer
html+css+ACF

лучший из вариантов, имхо... любой билдер, это изнасилование ВП.
Ответ написан
OtshelnikFm
@OtshelnikFm Куратор тега WordPress
Мои работы: otshelnik-fm.ru
В 3-м пункте вы свернули в ад.

А acf в списке зачем? Что-то я не верю что на сайте будет ой как много форм и все их разнообразие. На простом html можно форму сверстать и нафиг acf. Метабоксы чтобы... Ну а зачем они нужны когда блочный редактор ВП дает больше удобств. Хотя те же метабоксы - дело часа - стянуть готовое с сайта камы - там дано решение без acf. А внутри все тот же набор html инпутов и прочих атрибутов форм. Опять же выигрывает нативный html + чуток апи вордпресс.

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

Надо форму - напиши свою - но с тем максимумом, что требует задача. Тогда 90% от плагина за бортом тянуть не будет.

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

Теперь вопрос про дизайн - это же чистый html - и даже для анимации вам не нужен фреймворк - сейчас те времена когда браузеры нативно в css понимают ее. Написать не сложно все эти анимации и переходы. А по дизу - вдохновляйтесь на дриббле, на кодепене - ресурсов еще вагон в сети с подборками. Смотрите как сделано и верстайте. Темболее на кодепене всё готово - осталось вордпрессом динамику туда добавить. Опять же - это умение будет вашим преимуществом - пока все смотрят как натыкать в элементоре и что готового под него предлагают (ага еще и платно и хр*н знает как это будет в итоге под конкретным сайтом работать и контролировать и кастомизировать это купленное чудо) - вы не будете ограничены - мир верстки не ограничен готовым под элементор и билдер. Это ограничение только у тех кто их юзает, а у вас весь мир фронтенда и готовые кейсы на кодепене - просто переносите в экосистему вордпресс. Ваши навыки будут такие что вы откроете понравившийся сайт - на том же битрексе и просто через f12 стянете у него понравившиеся идеи. Помните только о правах - 100% стягивать диз нельзя. Но вдохновиться и сделать похоже - это норма.

Но не подвязывайтесь в верстке на бутстрапы - послушайте Вадима Макеева на ютубе - дело говорит что бутстрап это не тру.
Написав на html и css без фреймворков - ты не останешься позади, когда выйдет новая версия фреймворка и придется его догонять. Нативный html и css и js браузеры так и останутся понимать, а вот что там под капотом в обновлении прилетело у фреймворка и неожиданно все разъехалось - это ты поймешь не сразу. Ну или ставь тесты на скриншотах чтоб после апдейта прогонять их вновь и костылять правя стили, потому что авторы фрейворка вдруг решили их поменять. Ну и опять же у тех же фреймворков анимации, бутстрапов - у них овердох*ена под капотом того что не нужно. Я не видел проекта кто его грамотно брал только то что надо. Обычно пихают всё как есть 100% минимизированного. Так проще - не надо с инструментами сборки разбираться.

Слайдеры - пожалуй единственное что нужно взять готовое, но не плагин - а библиотеку, и прикрутить к вордпресс. Т.к. в плагине будет 100500 настроек и оно только усложнят жизнь. Почему слайдер исключение? Потому что всякие свайпы и поддержка мобильников (сафари эпплов - то еще чудо) - верной прокруткой - это дорого разрабатывать и тратить время на тесты. Найди на гите библиотеку слайдера - по звёздам популярную и с нужной лицензией и погоняй потыкай на устройствах - подходит - внедряй в вордпресс.

Написал я много - если чего-то из этого у тебя в навыках нет - вектор профессионального роста (не как все макаки менеджеры натыкивающие через элементор) я подсказал. За бортом еще вопросы большие по шрифтам, иконкам и доступности. Но это отдельная песня.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы