Подключение верстки к вашему сайту на NetCat
Вы установили дистрибутив NetCat, сделали
простейшую верстку, произвели первоначальную настройку системы. Пора
приступать к созданию вашего первого макета дизайна на CMS NetCat. Эта
статья предназначена для новичков. Мы приводим пошаговую подробную
инструкцию, прочитав которую вы узнаете, как прикрутить вертску к сайту
на NetCat.
Шаг 1. Добавляем в систему новый сайт
Заходим в меню Сайт -> добавить новый сайт
Шаг 2. Заполняем поля по сайту
Вводим заголовок сайта, домен, жмем добавить сайт
Шаг 3. Ваш первый сайт создан
По умолчанию NetCat создает две страницы в структуре: Титульная страница
и Страница не найдена (404). Они нам обязательно пригодятся
Шаг 4. Добавляем новую страницу
Нам понадобится еще несколько технических страниц (разделов) в корне сайта. Жмем добавить подраздел
Шаг 5. Создаем карту сайта
Заводим раздел для карты сайта. Называем его "Карта сайта", название раздела "map". Этот раздел лучше держать в корне сайта.
Шаг 6. Создаем пустую структуру сайта
У нас получается в корне три раздела: Главная, О проекте, Контакты. И два технических (выключенных) раздела - они нам пригодятся
Шаг 7. Находим макет, который будем прикручивать к неткату
Шаг 8. Создаем первый макет дизайна
Чтобы прикрутить верстку нам нужен будет "макет дизайна". Его нужно
будет создать ручками. Заходим в Разработку -> макеты дизайна ->
Добавить макет
Шаг 9. Называем и добавляем макет
Назовите макет чтобы вам было понятно. Когда на одной админке будет
много сайтов и макетов дизайна, будет проще ориентироваться по макетам
-)
Шаг 10. Макет дизайна создан
На сервере создалась файловая структура макета. Номер папки соответвует номеру макета в системе
Шаг 11. Нам понадобится в макете два раздела
Создаем два раздела. Отдельный макет для главной страницы сайта. Потому
что главная страница будет состоять из различных информационных блоков,
которые мы подключим. И отдельный макет для внутренней страницы, который
будет нужен для вывода информации из разделов сайта
Шаг 12. Определяемся со статичной и динамичной частью верстки (макета)
Шапка сайта (Header) и Подвал (Footer) - это статическая часть сайта. Мы
ее вынесем в корень макета дизайна. Это нужно ждля удобства. Все
настройки для всех страниц сайта будут в одном месте. Так же читайте полезные советы на сайте: http://www.master-live.ru/by-wordpress.html
Шаг 13. Заполняем Header
<!DOCTYPE html>
<head>
<meta charset='utf-8'>
<title>Макет дизайна</title>
<meta name='description' content='' />
<meta name='keywords' content=''/>
<meta name='author' content=''/>
<!-- Подключаем иконку сайта и css -->
<link rel='shortcut icon' type='image/png' href='favicon.png'/>
<link rel='stylesheet' href='style.css' type='text/css' media='screen' />
</head>
<body>
<div id='wrapper'>
<div id='container'>
<div class='column-line'>Шапка</div>
<div class='column-line'>Навигация</div>
Шаг 14. Заполняем Footer
<div class='column-line'>Подвал</div>
</div>
</div>
</body>
</html>
Шаг 15. Оформляем макет главной страницы
Хлебные крошки пропускаем - на главной они не нужны
Шаг 16. Оформляем макет внутренней страницы
Оформляем макет внутренней страницы
Шаг 17. Подключаем макет дизайна к сайту
Если в корне сайта проставить макет дизайна внутренняя, то для всех
свновь создаваемых страниц будет подставляться макет автоматически
Шаг 18. Подключаем css к макету
Не забываем залит файл style.css в корень раздела макета на FTP: /netcat_template/template/111/
Подставяем в макете правильный путь к css <?= $nc_parent_template_folder_path; ?>
Шаг 19. Верстка прикручена!
Поздравляем -) вы научились прикручивать верстку к NetCat и создавать макеты дизайна с нуля!