Давайте рассмотрим пример интеграции верстки в 1С-Битрикс для создания простой страницы "О нас".
Создайте файлы about_us.html и about_us.css для страницы "О нас" со следующим содержанием:
<!-- about_us.html -->
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="about_us.css">
<title>О нас</title>
</head>
<body>
<header>
<h1>О нас</h1>
</header>
<main>
<p>Мы - замечательная компания, занимающаяся разработкой веб-приложений.</p>
</main>
<footer>
<p>© 2023 Моя компания</p>
</footer>
</body>
</html>
/* about_us.css */
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
margin: 0;
padding: 0;
}
header {
background-color: #333;
color: #fff;
text-align: center;
padding: 20px;
}
main {
padding: 20px;
}
footer {
background-color: #333;
color: #fff;
text-align: center;
padding: 10px;
}
В административной панели 1С-Битрикс перейдите в "Настройки сайта" -> "Настройка дизайна" -> "Шаблоны сайта".
Создайте новый шаблон "About Us" (или любое другое название).
Загрузите файлы about_us.html и about_us.css на сервер 1С-Битрикс в соответствующие папки.
Создайте страницу "О нас" и выберите шаблон "About Us" для этой страницы.
Вставьте содержимое файла about_us.html в редактор контента страницы "О нас".
Загрузите необходимые изображения и другие медиафайлы на сервер 1С-Битрикс и обновите ссылки в коде.
Сохраните и опубликуйте страницу "О нас".
После успешного тестирования и оптимизации запустите сайт.
Теперь страница "О нас" с вашей версткой и стилями должна быть доступна на вашем сайте 1С-Битрикс по адресу /about_us/. Вы можете дополнить этот пример более сложными шаблонами и функциональностью, в зависимости от требований вашего проекта.
Автор: Евгений Морковин
0 комментариев