Как перевести статические страницы (например, «О нас») на разные языки: инструкция для граждан мира

Переходим в Admin Panel → Pages (или «Страницы»). Находим страницу, которую хотим перевести (например, «About Us» / «О нас»). Либо создаём новую.

В редакторе страницы ищем кнопку «View → Source Code» (или «Просмотр → Исходный код»). Обычно это значок <> в панели инструментов визуального редактора.

Важно: Не пытайтесь вставлять эти конструкции в визуальном режиме (WYSIWYG). Редактор может их «съесть» или перекодировать. Только режим исходного кода!

Там, где должен быть текст, пишем:

{if $system['language']['code'] == 'ru_ru'}
    <h1>О нас</h1>
    <p>Мы — самая дружелюбная соцсеть для любителей вышивки крестиком...</p>
{elseif $system['language']['code'] == 'en_us'}
    <h1>About Us</h1>
    <p>We are the friendliest social network for cross-stitch lovers...</p>
{elseif $system['language']['code'] == 'de_de'}
    <h1>Über uns</h1>
    <p>Wir sind das freundlichste soziale Netzwerk für Kreuzstich-Liebhaber...</p>
{else}
    <h1>About Us</h1>
    <p>We are the friendliest social network for cross-stitch lovers...</p>
{/if}

Нажимаем «Сохранить» или «Опубликовать».

Меняем язык в интерфейсе (обычно переключатель языков в шапке или в настройках профиля) и смотрим — текст на странице должен меняться магическим образом.

Sngine имеет систему языковых переменных. Вы можете добавить свои переменные в файлы переводов, а на странице просто выводить их:

1. В папке /content/languages/locale/ru_ru/ найдите файл вашего языка messages.po

2. Добавьте туда свою переменную:

msgid "About site"
msgstr "Мы — самая дружелюбная соцсеть..."

3. На странице пишите просто: {__("About site")}

Но этот способ требует правки файлов ядра (что мы, как помним из предыдущей статьи, не любим). Поэтому если вы идёте по пути «чистого ядра», лучше использовать следующий вариант.

Вместо того чтобы каждую фразу оборачивать в if, оборачивайте большие блоки текста:

{if $system['language']['code'] == 'ru_ru'}
    <h1>О нас</h1>
    <p>Параграф 1...</p>
    <p>Параграф 2...</p>
    <img src="about_ru.jpg" alt="О нас">
{elseif $system['language']['code'] == 'en_us'}
    <h1>About Us</h1>
    <p>Paragraph 1...</p>
    <p>Paragraph 2...</p>
    <img src="about_en.jpg" alt="About Us">
{/if}

Так код становится чище: все языковые версии отделены друг от друга, а не перемешаны.

Если вы не любите возиться с кодом, можно поступить проще: - Создать страницу about-us-ru - Создать страницу about-us-en - В меню или в коде главной страницы сделать переключатель, который ведёт на нужную версию

Минус: нужно отдельно следить за SEO (чтобы поисковики не ругались на дублированный контент), плюс немного сложнее в администрировании.

Если не закрыть условный оператор — страница может отображаться некорректно или вообще выдать ошибку.

Решение: Внимательно считайте пары {if} и {/if}. Лучше использовать редактор с подсветкой синтаксиса.

Написали ru_RU с большой буквы или ru без региона, а в системе язык называется ru_ru — условие не сработает.

Решение: Всегда копируйте код из Admin Panel → Languages.

Вы вставили конструкцию в режиме Source Code, переключились в визуальный режим, а потом обратно — и код превратился в кашу.

Решение: Редактируйте такие страницы только в режиме исходного кода. Не переключайтесь на визуальный, если внутри есть условные операторы.

Если внутри одного if у вас ещё 5 if“ов — читать такой код будет невозможно.

Решение: Для сложной логики используйте подход с отдельными файлами или плагинами.

Если на странице «О нас» есть фото команды — для разных культур можно использовать разные фото. Арабская версия может демонстрировать более консервативный стиль одежды, европейская — более стильный и брендовый.

Для арабского и иврита текст пишется справа налево. В вашем CSS должен быть класс для RTL-языков, и страница должна его подхватывать. Sngine обычно это поддерживает из коробки, но если вы кастомизировали дизайн — проверьте.

Каждая языковая версия страницы должна иметь свой URL или хотя бы правильные hreflang-теги. Если вы используете один URL с условными операторами, убедитесь, что поисковики правильно индексируют разные языковые версии (это отдельная большая тема, но начать можно с добавления мета-тегов в шапку).