Мы потратили немало времени на тестирование Headway 3 с WPML, и я рад сообщить, что всё работает отлично. Я хотел бы воспользоваться этой возможностью, чтобы немного рассказать Вам о Headway — основываясь на нашем недавнем опыте.
Во-первых, просто для ясности. Мы пишем о Headway, потому что я считаю это инновационным решением классической проблемы. Кроме того, мне кажется, что когда сайты создаются системно, жизнь становится лучше для всех участников процесса. Это проще для дизайнера сайта, для конечного клиента и для нас. Системный подход к созданию сайтов означает меньше ручного кода и меньше ошибок. Именно поэтому мы двигаемся в этом направлении.
Идея — сеточная система и блоки
Создание красивого макета для Вашего сайта — задача не из простых. Существуют отличные сеточные системы, с которых можно начать, но реализация всего этого на CSS отнимает много времени.
Сеточная система Headway позволяет рисовать, перетаскивать и изменять размер блоков. Это выглядит так:
Вы можете выбрать разные макеты для разных частей сайта (например, для главной страницы, блога, отдельных страниц и т. д.).
При создании блока Вы можете указать, чтобы он был шапкой, меню, полем поиска, виджетом, контентом или футером. Это в значительной степени охватывает всё, что Вам понадобится и с чем Вы столкнётесь на сайтах WordPress.
Эти блоки, которые Вы рисуете в сетке, отлично взаимодействуют со стандартным функционалом WordPress. Вы увидите блоки виджетов на экране виджетов WordPress, сможете назначать меню WordPress для меню, которые Вы рисуете в Headway, и всё это будет настроено и готово к работе без необходимости покидать админ-панель.
Переключатели языков
Поскольку Вы, вероятно, не хотите копаться в PHP при создании сайта с помощью Headway, я рекомендую 3 способа размещения переключателей языков:
- В виджете — нарисуйте блок, сделайте его зоной виджетов и поместите в него переключатель языков WPML.
- В меню — нарисуйте блок, сделайте его меню и включите переключатель языков для этого меню в меню «Языки».
- В футере — WPML может добавить на Ваш сайт собственный футер с переключателем языков. Это не требует настройки в Headway.
Вы также можете создать свой собственный пользовательский переключатель языков и добавить его с помощью PHP. Для этого Вам понадобится использовать вызов API, чтобы добавить пользовательский PHP-код. Это не слишком сложно, но требует немного больше работы, чем перетаскивание в графическом интерфейсе.
Больше, чем стандартные виджеты
Что произойдёт, если Вы захотите настроить не только макет Вашего сайта, но и контент? Предположим, Вы хотите создать блок, который показывает отзывы клиентов, Ваши последние проекты или что-либо ещё динамическое.
(приготовьтесь, сейчас будет реклама)
Оказывается, Types и Views отлично работают с Headway.
Всё, кроме страниц и записей, является произвольным типом записи в WordPress. Плагин Types позволит Вам определять эти произвольные типы записей прямо из графического интерфейса WordPress. Так что, если Вы хотите добавить отзывы клиентов, Вам нужно будет создать для этого произвольный тип записи. Затем используйте Types, чтобы добавить соответствующие произвольные поля, такие как имя человека, компания, URL-адрес и, возможно, красивое изображение.
Затем Views отобразит эти отзывы на сайте. Он загрузит отзывы из базы данных, возможно, добавит пагинацию (элементы управления «далее/назад») и выведет их. Вы можете перетащить View в область виджетов (которую Вы ранее нарисовали в Headway), и он будет отображаться.
А как добавить стили?
Теперь, когда мы оставили позади HTML и PHP, Вы ведь не хотите застрять с FTP-клиентом только ради обновления CSS-файла, верно?
Нажмите на ссылку Live CSS и откройте встроенный редактор CSS с подсветкой синтаксиса.
Теперь мы знаем, как:
- Нарисовать наш макет
- Заполнить блоки контентом
- Стилизовать их с помощью CSS
и всё это из админ-панели WordPress, без отправки файлов, создания ошибок или отладки кода. Здорово.
Заключение
Надеюсь, сегодня Вы узнали что-то новое. Я определённо узнал, когда мы тестировали Headway с WPML и мне пришлось изучать его в процессе. Даже если Вы не бросите всё и не побежите покупать Headway, я уверен, что это послужит для Вас источником вдохновения.
Где всё это взять:
- Headway — http://headwaythemes.com/
- Types и Views — https://toolset.com/
P.S. Если Вам нужна техническая помощь, напишите об этом на нашем форуме. Упомяните, что это касается Headway, и Брукс Вам поможет. Именно он проделал большую часть работы над этим.
