» Коротко о редактировании шаблона сайта.

Коротко о редактировании шаблона сайта.

Содержимое шаблона сайта состоит из отдельных блоков, которые можно легко добавлять, удалять, переносить со страницы на страницу. В коде страниц данные блоки выделены комментариями. Основные, повторяющиеся блоки вынесены в отдельную папку и вставляются в код страниц путем инклюда (include). Это позволяет производить редактирование в одном файле, для получения результата на всех страницах сайта. Особенно полезна эта функция для меню, счетчика посещаемости сайта внизу страниц и др. Include позволяет исключить лишний код при редактировании страниц, что упрощает ориентацию в коде.

Создаем дополнительные страницы сайта.

► Перед началом редактирования страниц шаблона рекомендую создать свои заготовки страниц, в которых указаны общие данные Вашего сайта. Это сэкономит время и не заставит возвращаться к пройденному.
► Чтобы добавить дополнительную страницу достаточно переименовать страницу шаблона и вставить ее в корневую папку (уровень файла index.html).

Содержимое сайта. Текстовый контент.

► Внутри кода страниц Вы найдете подробные комментарии заключенные в теги <!-- Комментарий -->. Они помогут Вам проще ориентироваться в структуре страницы и пояснят расположение тех или иных блоков.
Данные комментарии не отражаются при просмотре сайта. После окончания редактирования их можно удалить для уменьшения веса страниц (незначительно), хотя это ни на что не влияет. Возможно в будущем они Вам пригодятся.
► Смело меняйте весь русский текст в коде страниц шаблона на свой оригинальный. Русский текст не относиться к HTML, PHP, CSS, JS кодам, поэтому структура страниц и сайта в целом не пострадает.
В некоторых заголовках сайта применяется стиль объемного (теневого) текста: shadow. Этот стиль не поддерживает браузер Internet Explorer (текст выглядит обычным). Впрочем, этим браузером пользуются только в степях Калмыкии.

Редактируем шапку сайта.

► К шапке отнесем меню, заголовок и слайдер.
► В меню не забывайте менять адреса страниц при их переименовании.
► Заголовок выделен тегами H1. Его содержанию придайте особое значение, это важно для поисковых систем.
► Для замены картинок слайдера достаточно заменить изображения в папке images с префиксом home_ на свои. Размеры желательно оставить прежними. Возможно менять скорость смены картинок в слайдере и сплывающий текст описания.
► Фон шапки сайта меняется подбором градиентов двух цветов. В коде меняете два цвета и наблюдаете плавный переход от одного к другому. Не поддерживается браузером Internet Explorer.

Редактируем подвал (footer) сайта.

В подвале сайта как правило размещены: копирайты проекта (© «UseSite.ru», 2013) и счетчик посещаемости сайта
► С копирайтами все ясно - поменяете на свои.
► Код счетчика установите после регистрации сайта в LiveInternet.ru. Место для него отведено.

Работа с изображениями. Фотогалерея сайта.

Добавление своих фотографий или картинок сводиться к замене уже имеющихся в шаблоне. Подробнее...
Основные рекомендации:
► Соблюдать размеры для превью картинок 140х140 px. (Для больших открывающихся изображений размер не ограничен).
► Соблюдать пути и формат картинок (jpg, png, gif...) при прописке (замене) ссылок в тексте документа.
► Загружать картинки можно через админку в выбранную или созданную вновь папку.
После загрузки изображения на сервер в админке отобразиться ее абсолютный адрес (путь).
► Не соблюдение этих простых общепринятых правил может привести к перекосу дизайна сайта.

Для вставки крупного изображения в статью и его применения с эффектами фотогалереи используйте код:
<div align="center">
<a href="images/Оригинал картинки.jpg" class="group" rel="group">
<img border="0" src="images/Уменьшенная картинка.jpg" width="ШИРИНА" height="ВЫСОТА" alt="Название картинки" title="Всплывающее описание" /></a>
</div>

Метатеги страниц. Оптимизация сайта под поисковые системы - раскрутка.

Это пожалуй самый важный этап в создании сайта. Каждая страница должна иметь свои значения метатегов.
Метатеги находятся в самом начале кода страницы и очень важны для поисковых систем (Яндекс, Google), через которые к Вам будут приходить основные посетители на сайт. Замените в них только русский текст на свой, соответствующий тематике вашего сайта.
title - отображается в самом верху браузера, является названием страницы. Является самым основным компонентом для поисковых роботов.
Выводится в результате поиска основной синей строкой.
description - краткое описание содержимого страницы. Выводится поисковиками под названием (title) черным шрифтом. Если отсутствует, то поисковик выбирает сам фрагменты из контента или первые строки.
keywords - ключевые слова. Пишутся через запятую. Выбираются из текста данной статьи как самые повторяющиеся, а значит самые значимые по мнению поискового робота.
Роботы дураки - с ними не поспоришь. Но для хорошей индексации страниц сайта и вывода их в топ поисковых запросов, приходится соблюдать правила поисковых систем. Ведь они главные поставщики посетителей на сайт.
Уделите внимание каждой странице в отдельности. Роботы индексируют все страницы Вашего проекта и выдают их соответственно запросам и тематики.

Административная часть сайта. Работа с файлами без FTP.

► Административная часть сайта создана для удобства работы с папками и файлами, загруженными на сервер хостинг провайдера.
Данная возможность освобождает Вас от необходимости заходить на сервер по FTP или в свой аккаунт на хостинге. Вы можете редактировать содержимое и структуру своего проекта непосредственно через АДМИНКУ сайта.
► Вход в административную часть осуществляется по паролю. Пароль устанавливается при первом запуске сайта.
► Ниже приведены основные возможности админки:
- Создание файлов и папок, их переименование.
- Редактирование файлов в обычном окне текстового редактора.
- Загрузка файлов в выбранную папку. В настройка скрипта Вы сами определяете расширения файлов разрешенных к загрузке.
- Установка прав доступа (CHMOD).
- Поиск содержимого сайта по объему и названию.

скачать софт