Adobe Muse CC как шаблонизатор для WordPress

Развитие веб-индустрии не стоит на месте. Вполне очевидно, что те мастера-верстальщики, которые сейчас занимаются версткой на языках HTML+CSS будут вынуждены «эволюционировать» и применять новые технологии при верстке сайтов.

В чем сложности профессии верстальщика?

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

Таким образом, верстальщик:

  1. Делит картинку-макет на фрагменты
  2. Описывает правила расположения этих фрагментов
  3. Следит за валидностью кода, чтобы он отвечал правилам стандартов W3C
  4. Учитывает специфические нюансы работы популярных браузеров

2, 3 и 4 пункты возможно автоматизировать!

Качественная верстка — это долго и дорого. Это так в первую очередь потому, что верстальщик вынужден писать много кода там, где это не нужно. Да, мы знаем много примеров WYSIWYG-редакторов, которые на выходе давали низкокачественный продукт, который нельзя применять с пользой для дела.

Тенденции же таковы, что WYSIWYG-редакторы развиваются, учитывая требования мастеров и спрос на рынке. Таким образом, Adobe Muse CC (с версии февраля 2016 года) возможно использовать для значительного сокращения расходов по времени и труду на верстку! Последние обновления данного продукта позволяют создавать адаптивные шаблоны для Вашего будущего сайта. И делать это в разы быстрее, чем «в блокноте».

Методика проста и изящна:

  • Вы создаете макеты различных страниц в Adobe Muse CC
  • В нужные места вставляете HTML (Объект — Вставка HTML), в который прописываете PHP-инструкции
  • Экспортируете все макеты в одну папку на сервере
  • Пишите скрипт на том же PHP (или что Вам больше по душе), который бы:
    • С помощью регулярных выражений делает правильные ссылки на CSS и JS
    • Удаляет лишние строки (при необходимости)
    • Сохраняет полученный массив строк в отдельный файл PHP

На этом всё! Теперь осталось вставить include в нужный файл темы и увидеть результат на экране.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *