После прочтения предыдущей статьи Вкладки Оформление. Прочие. Блок другие записи в цикле статей Знакомимся с административной панелью MaxSite CMS у нас осталось всего несколько последних вкладок по ссылке Настройка шаблона «Default».
Настройка шаблона maxsite
Ссылка на данную статью: //design-for.net/page/nastrojki-shablona-default
На этих вкладках админки MaxSite СMS находятся основные опции, определяющие внешний вид сайта (его дизайна). Iаблон default, установленные по умолчанию в поставку движка, обладает возможностями, позволяющими за несколько минут создать вполне приличный дизайн для вашего сайта.
Форма обратной связи
1.1. Любой посетитель сайта на движке MaxSite может написать автору (вам) сообщение на специальной странице, куда можно попасть с Главного меню, кликнув по кнопке «Контакты».
На моем сайте название кнопки «Контакты» в Главном меню изменено на «Обратная связь»
Форма предоставляет посетителю готовый шаблон для написания письма администратору сайта. Администратор может указать, что он хотел бы услышать от посетителей, а внизу обычно помещают предупреждение, чтобы не писали спам.
Рис.1 Страница для написания письма администратору
1.2. Вы можете установить на форму обратной связи поле для записи телефона посетителя или адрес его сайта, а так же разрешить отправку копии письма на его почтовый ящик.
1.3. Последнее поле для пишущего письмо содержит некоторые подсказки, по какой тематике ему следует писать свои сообщения. По моему мнению, лучше это поле оставить пустым, что бы посетитель смог сам сформулировать тему своего письма.
Вы можете сравнить разное использование Формы обратной связи (страница «Контакты») на моём сайте и на других сайтах: «Гостевая книга» на //max-3000.com/guestbook или «Контакты» на //maxsite.org/contact.
Изображения
2.1. Следующая вкладка Изображения позволяет очень просто переключиться с установленных по умолчанию фавикона (иконки) и логотипа сайта на любые другие, только если вы их разместите в соответствующих папках шаблона. Если вы собираетесь изготавливать собственные картинки, то старайтесь сохранить те же размеры (не более), какие были у шаблонных, в противном случае придется лезть в файлы стилей для внесения изменений.
Рис.2 В полях формы происходит переход с шаблонных картинок на новые
2.2. Картинки для шапки автоматически загружаются из своей папки header. Система автоматом подхватит и ваши картинки, даже с любым именем (на латинице), как только вы их поместите в папку для картинок шапки. Однако система может брать картинки и из другого места, если вы укажите ссылку в пустом поле. Возможно, система может загружать картинки даже с другого сайта, но это может заметно удлинить прорисовку страниц вашего сайта.
Единственным ограничением является жесткие размеры картинки для шапки: не более 960 пикселей в длину и 250 пикселей в высоту.
Если вас такой размер главной картинки шапки не устраивает, то можно отключить вывод всего блока с картинкой и подготовить собственный новый блок со своими размерами, для чего читаем пункт про вкладку Text and image. Обо всех манипуляциях в шапке можно прочитать в статье Как сделать свой уникальный из шаблона default.
Соц.сети
3.1. Вкладка Соц.сети позволяет связать значки (иконки) самых популярных социальных сетей с вашими аккаунтами. В последнее время это стало не только модным, но и полезным для сайта, так как вы можете в социальных сетях организовать кружки пользователей (читателей) вашего сайта или сообщества людей, увлеченных какой-то темой на вашем сайте.
Рис.3 Пустые поля впоследствии заполните ссылками на ваши аккаунты в соц.сетях
Сегодня социальные сети стали едва ли не самым главным средством популяризации сайтов. Здесь можно разместить бесплатно любое количество ссылок на ваш сайт. По коммуникационным каналам сетей интересная информация с вашего (или о вашем) сайта может стать доступна огромному числу членов соц.сетей за самое короткое время.
Соц.сети идеально подходят для первой ссылки на ваш сайт. В таком случае поисковые машины придут на ваш сайт уже в их ближайших циклах апдейта Интернета.
Однако ссылки с социальных сетей не учитываются при индексации вашего сайта, но очень полезны для привлечения посетителей. Ведь сама по себе индексация как раз и предназначена для привлечения посетителей за счет первых мест в выдаче поисковиков. Поэтому Новичкам желательно завести аккаунты на самых популярных соц.сетях и разместить там материалы о собственном сайте с прямыми ссылками.
Вывод на главной
4.1. Вкладка Вывод на главной позволяет выводить названия статей и рубрик на главной странице с отдельным описанием, а не анонсом.
Рис.4 Поля для разрешений описаний к наименованиям рубрик
4.2. Опция «Выводить описание записей на главной» может быть востребована, когда вы хотите заменить описанием анонс статьи. Описание будет браться из особого поля «Описание страницы (discription)» в редакторе админики.
Это материал уже статьи Страница Создать в блоке ссылок Страницы в которой мы будем учиться писать статьи.
В этом случае статьи будут выводятся только в виде заголовков, а не в виде анонсов. Тогда описание может раскрыть читателю содержание статьи более точно, чем анонс, в котором умещается лишь начальные предложения из текста статьи.
Если ваш сайт статичный и без вывода последних статей на главную, то оставьте это поле пустым.
4.3. Опция «Выводить описание рубрик на главной» позволяет в сайдбаре под название каждой рубрики помещать ее описание, от чего виджет с рубриками заметно удлиняется. Я считаю, что лучше - придумать внятное наименование для рубрики, чем потом давать излишние пояснения, поэтому оставил это поле пустым.
Профили оформления
5.1. Следующая вкладка Профили оформления содержит опции по богатому выбору дополнительных профилей для оформления дизайна сайта.
Наверно Новички и не подозревали про существование столь многочисленных профилей в шаблоне default.
Если мы подключаем файл стилей (готовый профиль) из приведенного здесь списка, то он становится главным и задает стилевое оформление всему дизайну сайта.
Рис.5 Список установленных профилей
5.2. Давайте кратко пройдемся по всему списку возможных профилей оформления сайта:
avatar-right.css – задает изменения в расположении аватарок комментаторов - вправо;
font-arial.css – делает шрифт Arial – основным на сайте;
font-georgia.css – делает шрифт Georgia – основным на сайте;
font-segoe.css – делает шрифт Segoe – основным на сайте;
font-verdana.css – делает шрифт Verdana – основным на сайте;
left-sidebar.css – подключает левый сайдбар, а скорее перемещает правый в левую сторону;
no-sidebar.css – вообще отключает сайдбар, увеличивая ширину главной колонки;
paragraph-justify.css – задает выравнивание текста по обеим краям;
pattern-blue-grange.css – задает задний фон в стиле голубого гранже (вроде как бы смена текстуры заднего фона);
pattern-circle.css – задается задний фон в виде ярких кругов;
pattern-green.css – задается задний фон в зеленом цвете;
pattern-spiral.css – задний фон в виде красно-бежевых спиралей;
pattern-winter.css – задний фон в зимнем холодно-зеленом цвете;
theme-dark.css – тема (шкурка) в черном стиле;
theme-dignity.css – тема (шкурка) в зеленоватых тонах (меняет цвет ссылок);
theme-gray.css – серая тема (шкурка) - она совпадает с предустановленной;
theme-green.css – зеленая тема (шкурка);
theme-red.css – шкурка (тема) в красных тонах (как на официальном сайте);
theme-shimun.css – серая тема с выделением статей на белом фоне - как у меня;
theme-winter.css – зимняя тема в серо-зеленых тонах.
5.3. Более подробно о профилях оформления вы можете узнать из статьи Шаблон default, но и сейчас каждый читатель сам может поиграть со своим сайтом, переодевая его в разные наряды-шкурки (темы, скины). Для этого достаточно рядом открыть новое окно по ссылке Переход к сайту и в нем оценивать сохраненные изменения выбранных профилей.
Я думаю, вы уже поняли, что выбрав второй однотипный профиль, вы выключаете предыдущий, но лучше не выставлять оба сразу.
5.4. После перебора всех профилей вы теперь можете заметить, что на моем сайте я выбрал три профиля: font-verdana.css (впрочем, установленный по умолчанию), paragraph-justify.css и theme-shimun.css. Даю небольшие пояснения – почему эти профили?
font-verdana.css - устанавливает на сайте для статей шрифт Verdana - очень лаконичный шрифт без лишних засечек на буквах, что облегчает чтение текста.
Выравнивание текста по обоим краям - paragraph-justify.css – позволяет сделать текст в статьях несколько плотнее. Читабельность текста так же повышается за счет ровного правого края текста на главной колонке. Для читателя такое оформление привычно и естественно, по той простой причине, что оно аналогично книжному, к которому читателя приучали с самого детства.
Тема (шкурка) в сероватых тонах - theme-shimun.css – помещает текст каждой статьи в отдельный белый блок. По моему мнению, при таком разделении читателю легче понять, где начало одной статьи и конец другой, тем более благородный серый цвет фона не отвлекает и не утомляет глаза при долгом чтении.
Настройка блоков
6.1. Следующая вкладка Настройка блоков предоставляет нам возможность манипулировать с блоками внешнего вида шаблона (дизайна) как в простом конструкторе. На этой вкладке разработчик предложил нам по пять полей для блоков, как для шапки, так и для подвала.
В эти пустые поля мы можем в любой последовательности вставлять из выпадающих списков блоки, которые встанут на странице сайта в порядке очередности полей. Если надо поменять местами блоки, то достаточно переставить их на данной странице.
Рис.6 В каждом поле есть значок, открывающий список блоков для выбора
6.2. Для понимания этих настроек обратим внимание на мой сайт в качестве примера (его страница перед вами), а для сравнения нужно открыть в отдельном окне первоначальный вид шаблона default по ссылке //templates.wbloger.com/. Там шаблон default на первой странице.
Нажимаем правой по надписи шаблон default и выбираем в меню «открыть в новом окне» браузера.
6.3. Наша задача - определить: что и где я нажал, чтобы из цветастого шаблона default получился серенький дизайн моего сайта.
Не удивляйтесь – на моем сайте и в новом окне у вас один и тот же шаблон default.
Итак, вы должны иметь перед собой два окна: мой сайт и окно с первоначальным видом шаблона default.
6.4. На своем сайте я убрал (переместил) первый блок «logo-links.php», который заведовал логотипом (две рамочки), названием сайта (Шаблоны MaxSite CMS) и его девизом (Демонстрационный сайт для проверки шаблона), в самый низ страницы.
Надписи в блоке мы вместе с вами устанавливали, когда изучали вкладку Шапка сайта по ссылке Основные в разделе «Настройки». Это материал из статьи Изучаем блок ссылок «Настройки» данного цикла статей Знакомимся с административной панелью MaxSite CMS.
6.5. Однако, как видите, я хоть и указал наименование сайта и его краткое описание, но потом отказался от вывода этого блока на шапку сайта.
Мне показалось, что логотип с надписями скрадывает у страницы верхнюю часть, не принося никакой пользы. Для решения вопроса с логотипом я встроил логотип и наименование сайта в саму картинку шапки. Нынешнее их расположение мне показалось более экономным для высоты страницы и, вместе с тем, более логичным.
Однако и блок логотипа не исчез совсем - сейчас у меня на сайте блок «logo-links.php» находится в подвале (footer) страницы и выполняет функцию моей печати и подписи на странице.
6.6. Ищем следующие отличия. Главное меню переместилось на место ниже картинки шапки. Так более традиционно и планка меню, как бы одновременно подпирает картинку шапки и отсекает её от текстовой части. При этом картинка в шапке получила сверху открытое «небо», в которое «улетает» логотип, а снизу – планка меню превратилась в некоторую «опору» для песочницы.
6.7. Второе место в шапке (сверху) у меня занял блок image-select.php, которым я заменил предустановленную карусель – image-slider.php.
Возможно, на другом сайте смена (slider) картинок и будет смотреться органично, но на моем сайте картинка в шапке играет очень большую роль, поэтому её надо было жестко закрепить вверху каждой страницы.
Как установить только одну картинку мы узнаем в следующей вкладке Image select, однако порядок замены должен быть таков: вначале во вкладке Image select выбираем одну единственную картинку, а потом возвращаемся обратно во вкладку Настройка блоков и меняем блок image-slider.php на image-select.php.
6.8. Следующие пять полей предназначены для блоков подвала (footer) – нижней части страницы. Как правило, подвал оформляют скромно.
Рис.7 Форма для подвала аналогична форме для шапки
Разработчик предоставил нам два готовых блока специально для подвала: footer-copyright.php и footer-statistic.php. Первый задает надпись о наименовании сайта с датой первой публикации сайта. Второй блок полезен для администратора сайта и позволяет отслеживать скорость работы сайты.
6.9. Я распорядился с подвалом следующим образом: Первым поставил блок «logo-links.php», который переехал сюда из шапки, а следом блок «footer-statistic.php». Так как блок «footer-copyright.php» дублировал название сайта, которое уже было в «logo-links.php», то я его просто отключил.
6.10. За счет логотипа подвал стал несколько выше, но это не должно мешать читателям, так как я впоследствии буду дублировать в подвале Главное меню. Дублирование удобно для читателей, которым в таком случае для навигации не потребуется скручивать страницу на начало. Так же в подвале впоследствии, наверняка, появятся счетчики посещаемости.
Image select
7.1. Вкладка Image select позволяет выбрать единственную картинку для шапки, которая будет видна постоянно. Для этого достаточно, чтобы выбранная картинка (мальчик в песочнице - boy.jpg) находилась в одной папке со всеми изображениями для шапки, тогда через админку в данной вкладке можно будет сделать выбор в выпадающем списке среди имеющихся картинок.
Рис.8 Можно выбрать любой компонент для image-select.php из списка картинок
Следующим шагом надо вернуться во вкладку Настройка блоков и сделать замену карусели – блока image-slider.php на постоянный блок image-select.php.
Text and image
8.1. Последняя вкладка Text and image предоставляет нам возможность воспользоваться заготовкой для нового блока. Разработчик даже предоставил нам вариант заполнения такого блока текстом с тэгами:
<h3>Привет!</h3> <р>Добро пожаловать на мой сайт! Здесь вы найдете много интересного и полезного.</р>
Рис.9 Заготовка для нового блока
8.2. Если вы хотите сделать еще один блок в шапку или подвал, то вам достаточно заменить (или оставить) текст и найти картинку для блока.
Из этой заготовки можно получить любой блок: - новый логотип, рекламный баннер, даже новую картинку для шапки с другими размерами. Нижнее поле предоставляет разные варианты для размещения блока. Так можно создать картинку в шапке не по всей ширине в центре или в любой из сторон.
Картинка (возможно, логотип или баннер) сама задаст высоту блоку Text and image. Я думаю, единственным ограничением для картинки будет - не превышение размеров: 960 на 250 пикселей.
8.3. Для вывода картинки надо задать ее точный адрес («Адрес следует укаывать в полном формате (с //)») в папке сайта и указать выравнивание в компоненте «Text and image». Потом надо будет вернуться во вкладку Настройка блоков и выбрать место для нового блока.
После прочтения цикла статей по настройкам сайта вы должны согласиться со мной, что нет ничего сложного в настройках шаблона default через Административную панель. Для настройки внешнего вида и методов вывода текстов и картинок достаточно «включить» или «выключить» определенные опции. Административная панель MaxSite CMS очень похожа на панель WordPress, что позволяет пользователям легко переходить с одного движка на другой.
После того, как вы настроили основные настройки шаблона, вы можете смело переходить к изучению следующих ссылок Плагины, Рубрики, Сайдбары и виджеты.
Скорее всего, многие читатели еще не имеют сайдбара, на котором и должен проявиться блок Рубрики в виде списка. Следующие статьи позволят вам узнать, как создать правый сайдбар и настроить виджеты maxsite.