WordPress Elementor Crocoblock

Всем веб-девам рекомендую плагин CrocoBlock JetEngine:
https://crocoblock.com/plugins/jetengine/?ref=507
Это движок для кастомных типов записей (CPT) и их использованию. Имеет больше возможностей и лучше чем ACF, Toolset или Pods. По простому, это движок, который раскрепощает WP-блог в WP-любой-сайт.

Связкой WP+Elementor+JetEngine я несколько различных сайтов доводил от нуля до релиза в кратчайший срок, для проектов, которые сперва начинались на OpenCart, Drupal, на Django или Yii. Запуски новых проектов надо делать на чём-то более простом, и это в большинстве случаев это оказывается WordPress.

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

Также, вместо того чтобы выбирать Tilda я всем рекомендую выбрать WordPress с плагинами Elementor и JetEngine.
Из Тильды через год вы захотите вылезти, потому что почувствуете её потолок и потому что там примитивная CMS за ощутимую стоимость. Но окажетесь в западне миграции контента.

У Crocoblock огромное коммунити на гитхабе (Pro) и на фэйсбуке (казуал), и большой зоопарк сопутствующих плагинов, которые все друг с другом дружат. Тут я об том чуть подробнее расписал: https://podhod.ru/blog/crocoblock

 

WordPress база

Иногда говорят что WordPress медленный. В WP из коробки нет кэширования, только блог-минимум. Поставьте один любой плагин:

  • WP Super Cache
  • WP Fastest Cache
  • W3 Total Cache

они все примерно одинаковые.

  • А лучше всего LightSpeed Cache в связке c сервером LightSpeed на VPS.

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

  • Wordfence Security
  • All-In-One Security (AIOS)
  • Jetpack (я не использую за излишние функции)
  • Solid Security Basic — самый удачный на мой взгляд.

 

В чём вундерваффе?

Управлять контентом и SEO умеют многие CMS.

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

Создавать и выводить данные умеют все фреймворки.

Но только у WP с Elementor и Crocoblock есть все эти возможности в единой среде.

 

Продвинутое применение

С Elementor не нужна Figma для прототипирования. Собирать страницы можно сразу в конструкторе из реальных блоков и слайдеров, с переменными цветами, правилами шрифтов, мобильными версиями и пр. То есть аналогичная простота, но на одно звено в пайплайне создания меньше — на превращение рисованного макета в вёрстку. То есть можно сразу всё кликать, реализовывать гипотезы, легко переделывать, и будут видны все проблемы на реальной странице. А когда всё устраивает, то перейти к украшательству. Посмотрите тут: https://podhod.ru/elementor

По красоте с Framer в Elementor сложно тягаться, в нём меньше направленность на анимацию и WOW-эффект. Но повторить это можно, ведь многое решается анимациями при скролле, они есть. Например, моя визитка, собрана за 3 дня:
https://podhod.com/vladimir/
Выбирая Фреймер это замыкает сайт на её неразвитую CMS и малое число платных расширений.

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

Очень важно что новые люди WP легко осваивают. В WordPress есть роли — права редактора, не позволяют менять вёрстку сайта, испортить её, редактор может только править текст в подготовленных дизайнером-разработчиком местах и публиковать. Если дать пользователю права автора, он не сможет опубликовать, только готовить черновики, которые проверит редактор. Есть плагин User Role Editor для создания дополнительных ролей, в котором можно создать любую нужную комбинацию прав.

Важно, что Google и Yandex заточены на Вордпресс, а на непопулярные CMS нет, на фреймворке, если не заниматься SEO кодом, тоже нет. А на WP есть бесплатный Yoast SEO, который решает все задачи видимости.

Это касается любых сайтов: визитки, лендинги, каталоги, блоги, СМИ, объявления, интернет-магазины, бронирование, дашборды личных кабинетов. Посмотрите эти демо-сайты. Приобретя Crocoblock их можно установить к себе за минуту. У каждого в основе JetEngine: https://crocoblock.com/dynamic-templates/?ref=507

Дизайн системы UI в Figma

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

Если вы про дизайн-системы ничего не знаете — начните изучение вопроса с этих библиотек дизайнов интерфейсов доступных в Фигме или просто используйте их:

Bootstrap 5 https://www.figma.com/community/file/1044316192441037087

United UI https://www.figma.com/community/file/1020079203222518115

Tailwind CSS UI https://www.figma.com/community/file/768809027799962739

Medusa UI https://www.figma.com/community/file/1278648465968635936

Align UI https://www.figma.com/file/PJ630SzPS3x2D807GYKHOk/

Сайт услуг KWORK

Обнаружил очень хороший сайт услуг KWORK:

https://kwork.ru/ref/13662221

Можно заказать услуги по любой тематике или выставить свои. Чтобы заказать услуги надо просто зарегистрироваться и создать описание проекта. Чтобы начать зарабатывать, конечно, придется сперва выполнить несколько заказов с демпингом, чтобы заработать рейтинг — выбирите что-то простое. Бирж, в которых созданы комфортные условия для общения и простым вводом/выводом денег мало, это одна из них.

 Я, для интереса, уже выполнил пару заказов, вот мой профиль: https://kwork.ru/user/podhod?ref=13662221

Losless Cut программа для обрезки видео без перекодирования

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

Потрясающая программа Losless Cut решает эту и множество других сопутствующих проблем. Вот короткое информативное видео с примерами возможностей программы: https://youtu.be/pYHMxXy05Jg

Cut Videos in SECONDS Instead of Hours with No Quality Loss! 🎬 LosslessCut

Релизы LoslessCut на GitHub https://github.com/mifi/lossless-cut/releases
Сайт о программе https://mifi.no/losslesscut/

Возможно, вам будет интересен обзор других бесплатных видео-редакторов и программ для монтажа фильмов https://vovkasolovev.ru/blog/video-editor/

Подпишитесь на мой Телеграмм https://t.me/VovkaSolovevRu

Tom Richmond и книга «The Mad Art of Caricature!»

Потрясающая книга «The Mad Art of Caricature! A Serious Guide to Drawing Funny Faces», о том как рисовать карикатуры, художник Том Ричмонд, один из ключевых авторов сатирического журнала «MAD».

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

В книге есть все эти ответы: как видеть ключевые формы, как находить линии вдоль которых можно менять пропорции, какими приёмами можно упрощать элементы лица и тела, каких контуров достаточно для передачи формы.

https://archive.org/details/caricature-book-images

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