Нова початкова тема на основі блоків для створення веб-сайтів WordPress і блоків Gutenberg за допомогою фреймворку MVC – WP Tavern

Нова початкова тема на основі блоків для створення веб-сайтів WordPress і блоків Gutenberg за допомогою фреймворку MVC – WP Tavern

ви можете скористатись послугами веб-студії філандор, Замовити Сайт тут. Студія не перший рік надає послуги.

За часів до Гутенберга зрілість екосистеми тем WordPress пропонувала різноманітний вибір із десятків відомих початкових тем, серед яких розробники могли знайти ту, яка відповідала б їхнім особистим уподобанням або яку можна було легко змінити. Автори тем часто запитували, чи існує хороша початкова тема для побудови блокових тем, але на даний момент їх насправді лише кілька, оскільки ера блокових тем тільки починається.

WebREDONE, сербське веб-агентство, відкрило вихідний код своєї нової початкової теми Theme Redone, яка пропонує основу для створення веб-сайтів і блоків Гутенберга за допомогою структури MVC:

Ми черпали натхнення з Laravel та інших подібних проектів, які дійсно розумно підійшли до цього аспекту кодування та полегшили організацію та міркування коду.

У Laravel ми б написали звичайний старий PHP для логіки, а потім використали б шаблони Blade для рівня перегляду, у нас також є файли моделі, представлення та контролера, щоб розділити проблеми та організувати код логічно й ефективно. Ми застосували той самий підхід, але в контексті середовища WordPress. Концептуально спосіб організації коду схожий на Laravel, але з деякими відмінностями.

Theme Redone застосовує цей підхід до файлів блоків Gutenberg, ідентифікуючи файл model.json, controller.php і view.latte. Він використовує механізм шаблонів Latte. Файл JSON містить схеми полів із даними, які передаються до controller.php, де їх можна відфільтрувати або змінити перед тим, як вони будуть передані у view.latte для відтворення на інтерфейсі.

Нова початкова тема на основі блоків для створення веб-сайтів WordPress і блоків Gutenberg за допомогою фреймворку MVC – WP Tavern
Приклад файлів шаблону Theme Redone Latte

Початкова тема використовує Gulp 4 і ESBuild для завдань компіляції та перегляду, налаштованих на підтримку React, Svelte, Vue і Petite Vue з коробки. Його сторінка GitHub підсумовує все, що включено до фреймворку:

  • Механізм створення шаблонів Latte завдяки гарному синтаксису та більш спрощеному та керованому робочому процесу
  • Завдання EsBuild/Webpack + Gulp для компіляції SCSS та JS
  • SCSS (структура папок/файлів SMACSS)
  • Javascript (підтримка ES8 і React/Svelte/Vue завдяки EsBuild і Babel)
  • Внутрітематична структура для спрощеного та стандартизованого створення блоків Гутенберга
  • Помічник TRB CLI для будівництва нових блоків Гутенберга
  • Ясна система сітки, кодована за допомогою змінних Flex і CSS (приблизно 15 рядків коду)
  • Допоміжні функції для повторюваних завдань, таких як відтворення зображень, посилань, коду SVG тощо
  • Лише кілька добре написаних компонентів інтерфейсу користувача, щоб ви могли почати (ми не любимо роздутість у нашому коді): Modal, Accordion, Tabs, Menu, Dropdowns, Sliders і прості «переходи з плавним переглядом»
  • Підтримка SVG
  • Tracy Debugger, щоб допомогти нам переконатися, що ми пишемо стабільний код без помилок

WebREDONE розробив швидкий спосіб створення нових блоків за допомогою пакета TRB CLI (Theme Redone Blocks) NPM, який миттєво створює новий блок за допомогою однієї команди терміналу. Він містить власний інтерфейс користувача разом із зображенням попереднього перегляду блоку. Інтерфейс користувача виглядає недоречним у редакторі блоків і дещо обмеженішим з точки зору елементів керування, доступних для користувачів. Це може не мати значення, якщо агентство створює сайти, які не редагуються користувачами, але це виглядає заплутаним.

Творці теми також написали 50 сторінок документації протягом двох місяців, включаючи те, як почати роботу, роботу з файлами шаблонів, допоміжні функції теми, блочну структуру в межах і багато іншого.

Тема «Перероблено» є самовпевненою початковою темою. WebREDONE вирішив поділитися цим, оскільки це економить час їхнього агентства. Це може працювати не для всіх, але цікаво спостерігати за різноманітними способами, якими агентства розвивають свої інструменти для більш ефективного створення веб-сайтів в епоху блокування. Перегляньте Theme Redone на GitHub, щоб отримати докладні інструкції з встановлення.

Джерело: https://wptavern.com/theme-redone-a-new-block-based-starter-theme-for-building-wordpress-websites-and-gutenberg-blocks-with-an-mvc-framework

Related posts