Перевод сайтов, созданных с помощью drag-and-drop макетов

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

Введение в Layouts

Плагин Layouts — это drag-and-drop редактор макетов страниц. Layouts работает с темами оформления на базе Bootstrap и создает адаптивный дизайн. Он является частью пакета плагинов для разработки в WordPress Toolset.

Layouts проектирует целые страницы, от первого до последнего пикселя. Сам по себе Layouts довольно прост, так как не включает в себя сложные элементы контента. Layouts не нуждается в огромной (и иногда перегруженной) библиотеке элементов страницы, потому что работает вместе с остальными плагинами Toolset. Ячейки макета могут отображать динамический контент с Вашего сайта и из форм. Вместо того чтобы выбирать ячейку из библиотеки и настраивать ее, плагины Toolset позволяют Вам легко создавать собственные ячейки без какого-либо программирования.

Перевод сайтов на базе Layouts

Создаваемые Вами макеты обычно содержат немного «статичного» текста и динамический контент. Например, взгляните на наш пример «сайта компании».

Динамические элементы включают список услуг и избранные статьи. Они создаются с помощью Views. View — это как WP_Query с шаблоном отображения. Поскольку WPML перехватывает запросы и заставляет их загружать контент на нужном языке, Вам не нужно ничего делать для перевода Views. Один и тот же View загрузит правильный контент на отображаемом языке.

Статичные элементы на этой странице — это заголовки. Тексты «Our Services» и «Features Articles» являются частью макета. Они не берутся из динамического контента. Когда Вы используете тот же макет для главной страницы на другом языке, Вы хотите, чтобы эти тексты отображались переведенными. Здесь в дело вступает перевод пакетов WPML. Это новый API, который мы добавили в WPML 3.2, и он открыт для использования всеми остальными разработчиками.

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

Таким образом, Вы создаете один макет и используете его для всех языков Вашего сайта. Вы переводите только статичные тексты, а весь динамический контент отображается на правильном языке.

Хотите попробовать?

Мы создали тестовый сайт, где Вы можете поэкспериментировать с плагинами Toolset и WPML. Чтобы использовать его, запустите Ваш приватный и бесплатный обучающий сайт.

Мы уже создали для Вас тестовый контент, чтобы Вы могли поэкспериментировать с Layouts и процессом перевода.

Язык по умолчанию на сайте — английский, и он полностью переведен на испанский. Мы добавили контент на французском, но не перевели макеты на французский.

Повторите действия из видео, выполнив следующие шаги:

1. Создайте обучающий сайт на discover-wp.com
2. Перейдите на главную страницу Вашего сайта и переключитесь на французский. Вы заметите, что все динамические элементы действительно на французском, но статичные тексты все еще на английском.
3. Начните с изучения Layouts, чтобы понять, как он работает.
4. Перейдите в WPML->Управление переводами. На вкладке «Панель управления переводами» в разделе фильтров выберите «Layouts» в выпадающем списке «Тип».
5. Выберите макет Home и отправьте его на перевод на французский (он уже переведен на испанский).
6. Перейдите в WPML->Переводы, найдите задание Layout-Home и нажмите «Взять и изменить» (take and edit).
7. Переведите тексты. Нужна помощь? Используйте эту шпаргалку для перевода основных текстов на странице:

   Английский	Французский
   Our Services	Nos services
   Featured articles	Articles Vedettes
   Testimonials	Témoignages
   Company Overview	Présentation de l’entreprise
   Recent News	Nouvelles récentes

   
   Не забудьте нажать «Перевод завершен» (Translation finished) рядом с каждым полем и установить флажок «Перевод завершен» (Translation complete) в самом низу страницы, прямо над кнопкой «Сохранить».
8. Снова посетите Вашу французскую главную страницу. Теперь Вы должны увидеть, что все, включая статичные тексты, переведено.
9. Поэкспериментируйте еще раз, отредактировав макет. Вы увидите, что Ваши изменения применяются ко всем языкам сайта. Если Вы редактируете или добавляете тексты, Вам нужно будет обновить перевод, начиная с Панели управления переводами.

Описанные выше шаги применимы для перевода макетов с использованием нашего эталонного сайта. На сайте предварительно установлены все необходимые плагины.

Если Вы хотите выполнить эти шаги на собственном сайте, обратитесь к документации «Как переводить макеты» (How to translate Layouts) на сайте wp-types.com. Там Вы найдете список всех необходимых плагинов и дополнительные примеры.

Что дальше?

Очевидно, что если Вам понравилось работать с Layouts, Вы можете купить Toolset и использовать его для своих реальных проектов.

Мы хотим, чтобы гораздо больше плагинов и тем оформления предлагали простой перевод для сложных структур. Если Вы используете конструкторы страниц, формы и другие элементы, не относящиеся к стандартным в WordPress, мы призываем Вас связаться с разработчиками этих плагинов и тем оформления. Расскажите им об этой возможности в WPML. Мы очень заинтересованы в сотрудничестве с другими разработчиками и интеграции API перевода пакетов.

Оставляйте свои комментарии здесь, и мы Вам ответим.