Меню

Как создать уникальный индивидуальный шаблон

Создание сайтов2570

Здравствуйте. Не секрет, что успешным можно сделать сайт только в том случае, если он будет иметь уникальный дизайн, уникальный контент, причём не технически, а по смыслу. Поэтому я решил написать статью о том, Как создать уникальный индивидуальный шаблон на Maxsite CMS.

Выберите вашу версию Maxsite CMS:

  • 0.863 и ранее
  • 0.90- и далее
  • Я использую другую CMS: хочу узнать общие рекомендации

Допустим, у вас дифолтный шаблон (Рассматриваю его, потому что другие могут отличаться в структуре).

Основные элементы

Заходим в админку и выбираем пункт меню "Шаблон", а затем - вкладку "Компоненты". Первым выбираем "image-select" - это шапка сайта. Вторым - "menu-search".

Выбираем компоненты image-select и menu-search в Maxsite 0.863

Возможно вы спросите:

А почему не "menu-only"?

Потому что когда поисковая форма видна сразу, удобно посетителям.

Далее выбираем вкладку "image-select" и смотрим, как называется файл шапки. Меняем размер у выбранного вами изображения на 1140 px по ширине, 250 px по высоте. Переименовывайте в "placehold.png" и загружайте в application/maxsite/templates/default/images/headers.

Далее возвращаемся на страницу опций шаблона на вкладку "image-select". Здесь надо отметить флажки: "Везде", "Главная", "Записи", "Рубрики", "Метки":

Опции image-select в Maxsite 0.863

Не забудьте сохранить.

Также замените стандартную фавиконку своей в папке images/favicons. Не забудьте ваш favicon назвать "favicon1.png". Если же у вас формат "*.ico", зайдите в настройки шаблона/вкладка "Изображения" и выберите ваш файл в списке иконок сайта:

Выбор favicon в Maxsite CMS 0.863_.png

Фон, шрифты и прочее

Это настраиваем при помощи css-профилей. Они находятся в опциях шаблона/вкладка "css-профили":

css-профили в Maxsite 0.863

Но если вы знаете css, рекомендую воспользоваться файлом стилей var-style.css, так как это позволит не создавать лишних http-запросов.

Фоновая картинка

Выбираете её на этих сервисах:

Далее заходите в css/var-style.css вашего шаблона и добавляете в начале эти строки:

html {background: url(https://denis-skripnik.name/application/maxsite/templates/default/images/html.jpg);width: 100%;height: 100%;}

Загрузите файл с фоном в папку images вашего шаблона и замените https://denis-skripnik.name/application/maxsite/templates/default/images/html.jpg на свой адрес.

На этом настройка шаблона заканчивается.

Шапка и favicon

Шапку выводит плагин top1: выбираем его в списке компонентов настроек шаблона:

Выбираем компонент top1

Далее загружаем файл размером 350 на 100 пикселей в папку "assets/images/logos" Default шаблона и выбираем, перейдя на вкладку "Изображения":

Выбор файла логотипа и favicon

На этой -же странице выводится выбор favicon. Загрузите иконку в "assets//images/favicons" default шаблона - это очень важный элемент сайта.

После проведения изменений нажмите "Сохранить".

Недостаток top1

Для любого сайта важно, чтобы поисковая форма была сверху. Выполним некоторые действия с файлом "/application/maxsite/templates/default/components/top1/top1.php":

Находим строку

И убираем часть класса вместе с пробелом " my-search--hidden" так, чтобы получилось следующим образом:

Возвращаем скрытую поисковую форму в компоненте top1

Всё. Работа с компонентом завершена.

css-профили и фон

С их помощью можно настроить шрифт и выбрать красную цветовую схему.

Я красную цветовую схему ставить не рекомендую, так как это вызывает ассоциацию с тревогой. Можно только шрифты. Есть ещё Landing, но я не знаю, что она вносит:

css-профили

Но я рекомендую копировать из выбранного файла код и вставлять в начало своего, предварительно проверив, есть ли настройки шрифтов в style.css. Также можете воспользоваться статьёй Лёгкий css или настраиваем css профиль в Maxsite CMS для создания своего css-профиля.

Фоновая картинка

Выбираете её на этих сервисах:

Далее заходите в "/application/maxsite/templates/default/assets/css/style.css" и добавляете в начале эти строки:

html {background: url(https://denis-skripnik.name/application/maxsite/templates/default/images/html.jpg);width: 100%;height: 100%;}

Загрузите файл с фоном в папку "/default/assets/images" и замените https://denis-skripnik.name/application/maxsite/templates/default/images/html.jpg на свой адрес.

Всё.

Общие рекомендации

  1. Измените фон страниц: картинку и цветовую схему, но обращаю внимание на то, что важно сохранить удобство для посетителей;
  2. Замените картинку шапки, логотип и favicon;
  3. Выберите удобочитаемый шрифт.

Благодарю за внимание. С уважением, Денис Скрипник.

Текущая оценка Общий бал: 5 Проголосовало Проголосовало: 1

help_share

Данная публикация была вам полезна?

Помоги автору сайта, расскажи друзьям...

Комментариев: 2
  •  Жека Мирошниченко 23 августа 2015 в 02:28:12
    img

    Годный материал коллега.

    •  Денис Скрипник | 23 августа 2015 в 13:27:38
      img

      Благодарю за оценку.

Буду благодарен за каждый оставленный вами комментарий

Добавить Комментарий

grin LOL cheese smile wink smirk rolleyes confused surprised big surprise tongue laugh tongue rolleye tongue wink raspberry blank stare long face ohh grrr gulp oh oh downer red face sick shut eye hmmm mad angry zipper kiss shock cool smile cool smirk cool grin cool hmm cool mad cool cheese vampire snake excaim question

Похожие публикации