Создание редирект шаблонов
Редирект шаблоны создаются аналогично обычным шаблонам, но с некоторыми важными отличиями:
Основные отличия от обычных шаблонов
-
В редирект шаблонах отсутствуют встроенные переменные, которые доступны в обычных шаблонах:
contentgenerationContentIndexArraypageSwitcherArraynavheaderfootertitlekeywordsbrandNamedescriptionfavicon180Srcfavicon512Srcdate
-
В редирект шаблонах используются только пользовательские переменные, которые определяются через теги
<variable></variable>.
Структура редирект шаблона
Редирект шаблон должен содержать:
- Пользовательские переменные (если необходимы)
- HTML структуру с использованием nunjucks
- JavaScript код для выполнения редиректа
Пример редирект шаблона
<!-- Пользовательские переменные -->
<variable
var="redirectUrl"
type="text"
name="URL для редиректа"
description="Укажите полный URL для перенаправления"
></variable>
<variable
var="redirectDelay"
type="text"
name="Задержка редиректа"
description="Укажите задержку в миллисекундах (например, 3000 для 3 секунд)"
></variable>
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Перенаправление</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
padding: 50px;
}
.redirect-message {
margin: 20px 0;
}
</style>
</head>
<body>
<div class="redirect-message">
<p>Вы будете перенаправлены через {{ redirectDelay }} миллисекунд...</p>
</div>
<script>
setTimeout(function() {
window.location.href = "{{ redirectUrl }}";
}, {{ redirectDelay }});
</script>
</body>
</html>
Особенности использования
- Редирект шаблоны используются для создания страниц перенаправления
- Все необходимые переменные должны быть определены через теги
<variable> - JavaScript код для редиректа должен быть размещен в конце страницы
- Рекомендуется добавлять информационное сообщение для пользователя о предстоящем перенаправлении
- Можно использовать CSS для стилизации страницы редиректа
Рекомендации
- Всегда указывайте задержку редиректа, чтобы пользователь успел прочитать сообщение
- Используйте понятные названия для переменных
- Добавляйте описания к переменным для удобства их заполнения
- Проверяйте корректность URL перед использованием
- Учитывайте, что некоторые браузеры могут блокировать автоматические редиректы