Cms made simple themes free

Бесплатный движок CMS Made Simple: первый взгляд

Сколько бесплатных платформ (CMS) для сайта вы можете назвать? Две? Три? Пять? Наверняка в голове у вас сразу всплыли такие названия: WordPress, Joomla, возможно, MODX и Opencart, PrestaShop и Drupal… Еще можно использовать конструктор для создания сайтов. Скорее всего, вы назвали не больше десяти наименований, и в их число не входит CMS Made Simple 🙂 Поэтому я и хочу рассказать об этой не очень известной платформе для управления контентом.. Смотреть фото . Смотреть картинку . Картинка про . Фото

Что это такое

CMS Made Simple (сокращенно CMSMS) задумывалась как легкая, удобная и понятная система управления контентом. Собственно, это понятно из ее названия 🙂

Это бесплатная система, она распространяется по лицензии GPL.

При разработке использовались технологии, стандартные для множества других CMS. Made Simple разработана на языке PHP и поддерживает СУБД MySQL (ранее была еще поддержка PostgreSQL, но в дальнейшем от нее отказались). В качестве поддержки механизма шаблонов выступает Smarty – обработчик шаблонов для PHP, который читает файлы шаблонов и на их основе создает PHP-код.

Немного истории

Первая версия CMSMS вышла в июле 2004 года. А летом 2015 года вышла версия 2.0, в которой разработчики значительно переработали (и доработали) систему. Актуальная версия на сегодня – 2.2.3.1, релиз состоялся 27 августа 2017 года. Как видите, платформа не стоит на месте, а развивается.

Почему именно CMS Made Simple

Движок прост для работы – это принцип, согласно которому его разработали. Управление контентом в CMSMS не требует знания HTML, редактировать контент при помощи drag-n-drop легко и удобно. Работа с контентом вообще ведется через простой интерфейс редактора, в котором легко разберется любой пользователь, который хоть когда-то работал с другими компьютерными редакторами.

В CMSMS используется другой подход к готовым темам. Как отмечают сами разработчики, при помощи Design Manager любой человек, который хоть как-то знаком с HTML и CSS, может создать практически любой желаемый дизайн на свой вкус. Впрочем, для тех, кто любит использовать готовые решения, есть готовые темы, которые можно разгрузить и использовать. Но смысл CMSMS, конечно, именно в том, чтобы создать нужный дизайн своими силами (и это будет несложно).

Чем еще гордится CMSMS? Наличием множества сторонних модулей, хорошо задокументированным API, использованием Smarty, о котором уже было сказано. Благодаря этому веб-сайт на CMSMS хорошо масштабируется.

Если говорить в целом, то CMS Made Simple – это система, которая

Из недостатков можно стандартно выделить необходимость доработки в том случае, если вам нужна какая-то особенная функция, а модуля нет или он работает не так, как нужно. Впрочем, система простая – и найти подходящего программиста не составит труда.

Установка

Архив с дистрибутивом можно скачать с официального сайта:

На русском сайте можно пользоваться форумом, он более-менее активный: https://forum.cmsmadesimple.org/viewforum.php?f=27

Теперь вернемся к установке.. Смотреть фото . Смотреть картинку . Картинка про . Фото

Расскажу на примере Timeweb.

Административная панель будет доступна по ссылке http://ваш_домен/admin/login.php.

Управление

Разобраться в административной части несложно, тем более что интерфейс частично на русском (но не полностью – могут всплывать уведомления об ошибках на английском, есть непереведенные пункты меню и т.д.).. Смотреть фото . Смотреть картинку . Картинка про . ФотоРедактирование страниц происходит через простой редактор:. Смотреть фото . Смотреть картинку . Картинка про . Фото

Во вкладке «Опции» можно выбрать отдельный дизайн для этой конкретной страницы («Дизайн» и «Шаблон»). Здесь же во вкладках можно проставить и всю необходимую SEO-информацию.

Вкладка “Preview” покажет, как будет выглядеть итоговая страница (но тут можно и просто открыть рабочую страницу в соседней вкладке и сверяться с ней).

Оформление – “Design Manager” – отвечает за внешний вид сайта, там вы найдете доступные шаблоны и стили. При необходимости готовые варианты можно редактировать – либо добавлять новые. К одному шаблону прилагается одна или несколько таблиц стилей.

Готовые темы можно посмотреть вот тут.

Хотите платные варианты? Пожалуйста. Стоят они немало, но обращение к программистам выйдет, скорее всего, дороже, так что почему нет.

За модули отвечает Менеджер модулей в разделе «Администратор сайта»:. Смотреть фото . Смотреть картинку . Картинка про . Фото

CMS Made Simple – это хороший вариант для тех, кто ищет простую CMS без наворотов, но с возможностью доработки. Советую попробовать ее, чтобы составить собственное мнение. Если оно уже есть – делитесь в комментариях.

Стоит ли делать сайт на бесплатной CMS Made Simple?

. Смотреть фото . Смотреть картинку . Картинка про . Фото

В последние несколько месяцев мне предстала возможность делать сайт на новой для меня бесплатной CSM, которая незатейливо называется Made Simple. Случилось так, что мой знакомый, который занимается услугами по импорту разных товаров для юридических лиц по рекомендации знакомого ИТ специалиста потребовал именно её. Аргументы были такие – она очень редкая, а значит надежная. Стоит ли делать сайт на CMS Made Simple – давайте разбираться.

В целом всё у нас удалось. И главная страница в форме современного лендинга и калькулятор на услуги по доставке товаров из-за рубежа, все это вы можете посмотреть тут: https://expressimport.ru/ Также мы сделали раздел с новостями и статьями. Однако не все на практике оказалось гладко.

CMS Made Simple представлен как движок модульного типа, с бесплатной лицензией и исходным кодом доступным к редактированию. Встроенный редактор drag-n-drop позволяет управлять контентом без знаний в HTML. Но для человека с навыками программирования CMS Made Simple предлагает огромные возможности настройки функций и внешнего оформления сайта.

Как пользоваться движком?

Установка движка не требует от юзера особых навыков. Программное обеспечение загружают на сервер с рабочими доменом и базой данных. Далее автоматически запустится процесс установки с понятно описанными шагами.

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

Возможно расширение функционала движка путем добавление подключаемых модулей и плагинов. Таким образом, пользователю доступно создание различных типов сайтов, от визитки до интернет – магазина. А открытый исходный код позволит использовать сторонние разработки.

Настройка дизайна сайта

После запуска и установки пользователю доступны стандартные шаблоны. Управление ими производится через «менеджер шаблонов». Для тех, кого не устраивают предоставленные, варианты есть несколько решений:

За что придется платить?

Лицензия на CMS Made Simple распространяется бесплатно. Требуется только оплата доменного имени и хостинга. Кроме того на официальном сайте движка продаются премиум шаблоны и темы, покупка которых на постоянной основе стоит 49 долларов.

Преимущества и недостатки

CMS Made Simple сравнительно молодой движок. Он имеет свой внушительный список преимуществ и некоторые недостатки. Рассмотрим все по порядку.

В заключение

Гармоничное сочетание управления для юзера не знакомого с HTML и возможности редактирования исходного кода делают движок перспективным для простых пользователей и программистов. В целом для молодого движка CMS Made Simple очень хорош и станет хорошим поприщем для первого сайта и начала воплощения своих идей в интернете.

Распространение моих шаблонов и тем по миру

Веб-сайты, построенные с использованием моих шаблонов и тем, можно встретить по всему земному шару. Они успешно работают в 73 странах мира.

Четыре шага до начала работы с шаблоном сайта

До начала работы с шаблоном сайта, для управления настройками и наполнением которого используется GetSimple CMS, вам необходимо сделать четыре шага.

Адаптивные шаблоны сайтов для GetSimple CMS

Все мои шаблоны веб-сайтов адаптивны и корректно отображаются на любом устройстве. Вам достаточно заменить изображения и текст на ваши.

Как работать с шаблонами в панели администратора

Работа с шаблонами начинается с выполнения основных настроек.
Страницу с настройками вы найдете в панели администратора.

Что делать, если вы не уверены в своих силах?

Если вы не хотите заниматься сами покупкой хостинга и домена, установкой GetSimple CMS и настройкой шаблона, я всегда готов помочь вам.

Не забудьте ознакомиться с лицензиями

Так как мои шаблоны являются по сути конструкторами сайтов, для них существует две лицензии – для однократного и многократного использования.

. Смотреть фото . Смотреть картинку . Картинка про . Фото

Хостинг и домен

. Смотреть фото . Смотреть картинку . Картинка про . Фото

. Смотреть фото . Смотреть картинку . Картинка про . Фото

. Смотреть фото . Смотреть картинку . Картинка про . Фото

Как купить домен и хостинг?

Вы можете купить хостинг и домен у любой понравившейся вам компании. Я пользуюсь услугами компании WebHost1. У них приемлемые цены и на хостинг, и на домены, быстрая и компетентная поддержка. Они предлагают оформить бесплатный SSL-сертификат, заказать который можно простым нажатием на чекбокс при создании папки сайта.

Как установить GetSimple CMS?

Вы можете скачать GetSimple CMS c официального сайта. Я рекомендую скачать архив с моего сайта, в нем есть новая тема по умолчанию. Распакуйте архив и, воспользовавшись любым FTP-клиентом (FileZilla, WinSCP, Total Commander), скопируйте его содержимое на сервер в корневую папку вашего сайта. После этого можете приступать к установке, которая займет у вас не больше минуты.

Как купить шаблон?

Я продаю свои шаблоны на платформе для продажи цифровых товаров Gumroad. Этот сервис удобен тем, что принимает платежи как непосредственно с банковской карты так и с помощью электронной платёжной системы PayPal. Gumroad позволяет собирать в корзину несколько заказов и предоставляет ссылки на архивы сразу после оплаты. Это удобно и продавцу, и покупателю.

Я продаю свои шаблоны используя сервис электронной платежной системы YooMoney. Этот сервис удобен тем, что принимает платежи как непосредственно с банковской карты, в том числе Мир, так и со своего кошелька. В связи с прекращением работы PayPal в России быстрые продажи на платформе Gumroad пока невозможны.

Как установить шаблон?

Распакуйте архив с шаблоном и скопируйте его содержимое в корень вашего сайта. Если вы установили GetSimple CMS с моего сайта, то папку admin можете не копировать. Замените файлы, предлагаемые к замене. Войдите в административную панель вашего сайта и, перейдя на вкладку Тема, выберите в выпадающем списке тему вашего шаблона и активируйте ее. Далее перейдите к настройкам вашего сайта.

Подпишитесь на новости сайта

Новые шаблоны

Я регулярно пополняю библиотеку своих шаблонов. Пять новинок вы можете увидеть здесь. Все шаблоны имеют максимально подробную документацию.

Consulting

Адаптивный шаблон сайта для консалтинговых услуг.

Обзор и отзывы о CMS Made Simple v2.2

Для использования не требуются навыки программирования — всё можно настроить в визуальном режиме. Доступ к коду лишь подчёркивает потенциальную гибкость системы. Но так ли это на самом деле?

Целевая аудитория

Made Simple — универсальная CMS, которая подходит для сайтов разного типа. Её функциональность зависит от того, какие модули вы подключите. Движок можно использовать для создания простых индивидуальных страничек, блога, сайта компании, интернет-магазина — в арсенале системы достаточно инструментов для удобного управления электронными продажами.

Начинающие пользователи должны оценить простоту редактора контента со встроенным менеджером файлов, который помогает управлять сайтом, не имея никаких специальных навыков. Более опытные разработчики наверняка заинтересуются гибкостью и масштабируемостью системы, в которой можно менять буквально всё.

. Смотреть фото . Смотреть картинку . Картинка про . Фото

Использование шаблонизатора на основе Smarty позволяет дизайнерам создать тот внешний вид сайта, который они хотят видеть. Шаблонирование на CMSMS настолько простое, что многие вебмастера предпочитают не выбирать готовые варианты, а строить дизайн с нуля. Ядро CMS предлагает мощные возможности для расширения функциональности за счёт надёжного API и подключения собственных функций через пользовательские теги.

Что нового в Made Simple 2.2?

Последнее крупное обновление движка случилось в 2017 году вместе с выходом версии 2.2. С тех пор появился ещё десяток апдейтов, исправляющих ошибки и добавляющие незначительные функции, но глобальные изменения произошли 2 года назад. Основные улучшения версии 2.2:

. Смотреть фото . Смотреть картинку . Картинка про . Фото

Сейчас разработчики предлагают вебмастерам принять участие в бета-тестировании версии 2.3. Она продолжает совершенствоваться следующих направлениях:

При работе с кодом разработчики стараются сохранять обратную совместимость со старыми версиями, но это не всегда возможно — технологии меняются. Поэтому для увеличения производительности от некоторых устаревших подходов приходится отказаться. Вместе с ними перестают работать и модули от сторонних разработчиков, если они их не обновляют в соответствии с новыми требованиями. Поэтому выход новой версии CMSMS, как и любой другой бесплатной CMS, — это почти всегда поиск новых расширений.

Функциональные возможности

Made Simple — гибкая и одновременно простая CMS. Какой она будет для вас, зависит от навыков. Если вы создаёте первый сайт, то, скорее всего, будете пользоваться только визуальными инструментами редактирования. Опытные же разработчики могут глубоко кастомизировать систему, написанную на языке PHP, и даже создавать для неё собственные расширения.

Системные требования движка позволяют использовать для его размещения практически любой платный хостинг:

. Смотреть фото . Смотреть картинку . Картинка про . Фото

Для работы с движком не требуются навыки программирования, настройку можно выполнять в режиме drag-n-drop. Для работы с текстовым наполнением предусмотрен удобный редактор, с которым разберётся каждый пользователь. Интерфейс панели администратора переведён на русский, однако иногда встречаются недоделки — например, во всплывающих сообщениях об ошибке может быть текст на английском языке. Через редактор можно добавить текстовый материал, галереи, отдельные изображения.

Меню сайта формируется автоматически из созданных страниц. Есть возможность создать многоуровневую панель навигации, в которой будут главные разделы и подкатегории. Управлять меню можно через «Менеджер меню».

. Смотреть фото . Смотреть картинку . Картинка про . Фото

После установки на сервер в Made Simple доступен минимум инструментов: новостная лента, менеджер файлов, поиск и редактор контента. Для расширения функциональности предусмотрена свободная установка модулей. Они обеспечивают гибкость системы даже без редактирования кода. Вы просто находите те инструменты, которых не хватает в стандартной комплектации движка, и подключаете их. Например, так можно добавить возможности для SEO-оптимизации сайта или организации продаж в интернет-магазине. Для управления расширениями в административной панели есть специальный «Менеджер модулей».

. Смотреть фото . Смотреть картинку . Картинка про . Фото

Открытый исходный код и доступ к API позволяет разработчикам создавать для CMSMS собственные расширения. Это делаем движок очень гибким, но только в умелых руках. Для большинства же пользователей системы при создании сайта достаточно готовых решений, представленных в официальном каталоге Made Simple.

Дизайн и работа с шаблонами (темами)

Внешний вид страницы задаётся шаблоном, который определяет, какие элементы в каком месте будут отображаться. В файлах прописываются теги, закрепляющие функциональные зоны и их содержимое. Прикреплённые таблицы стилей позволяют настроить дизайн так, как вы пожелаете. Затем шаблоны и таблицы стилей объединяются и создают уникальный внешний вид сайта. Для каждой страницы можно выбрать отдельный дизайн.

. Смотреть фото . Смотреть картинку . Картинка про . Фото

Если навыков веб-дизайна нет, то можно обойтись при настройке внешнего вида стандартными средствами CMSMS: выбрать подходящую тему и немного кастомизировать её через редактор контента и менеджера дизайна. Но для создания индивидуального стиля потребуется знание хотя бы азов HTML и CSS. Даже минимальные навыки помогут внести значительные изменения в файлы шаблонов и самостоятельно создать оригинальный дизайн.

. Смотреть фото . Смотреть картинку . Картинка про . Фото

Оптимизация (SEO) и продвижение

По умолчанию CMSMS хорошо оптимизирована под требования поисковых систем. Созданные на этом движке сайты успешно индексируются и занимают высокие места в поисковой выдаче. Для достижения положительного результата достаточно следовать стандартным советам по оптимизации веб-проектов:

Все необходимые инструменты для выполнения этих действий есть в базовой конфигурации движка. Для расширения функциональности в плане оптимизации и продвижения в официальном каталоге доступно несколько модулей, в том числе SEO Tools, SEO Boost, SiteMap и Meta Max. Установить их можно бесплатно.

Ценовая политика

Made Simple — бесплатная CMS. Локализованную на русский язык версию также можно скачать и использовать бесплатно. Но для публикации сайта требуется хостинг и доменное имя. За них в любом случае придётся платить, и это единственные обязательные статьи расходов при создании сайта на CMSMS.

Чтобы вложения были выгодными, выбирайте для размещения проекта качественный хостинг. Мы рекомендуем Bluehost.com, полностью соответствующий требованиям, которые предъявляет к хостингу Made Simple.

. Смотреть фото . Смотреть картинку . Картинка про . Фото

Если на создание сайта есть дополнительный бюджет, можно потратить деньги на приобретение коммерческих тем. Средняя стоимость в магазине CMSMS — около 90 долларов. Большая часть модулей и плагинов доступна бесплатно.

Плюсы и минусы

Made Simple не занимает значительную долю рынка CMS в рунете, даже несмотря на наличие полноценной русской версии. В этом есть некоторая доля несправедливости, потому что у движка достаточно много положительных качеств для того, чтобы стать популярным среди вебмастеров. Одно из главных достоинств системы — неограниченные возможности для настройки дизайна. Но есть и другие плюсы:

Минусы у Made Simple тоже есть, но их намного меньше, чем положительных качеств. К недостаткам движка мы отнесём:

Несмотря на простоту управления, для создания нешаблонного сайта всё-таки требуются навыки программирования, хотя бы на уровне минимального владения HTML и CSS. Без них можно обойтись первое время, но для постоянного совершенствования сайта они обязательно понадобятся.

Аналоги и конкуренты

Несмотря на то, что Made Simple — это CMS, найти аналоги и конкурентов можно также в нише конструкторов сайтов. Это связано и с тем, что некоторые проекты требуют гораздо меньше инструментов, чем предлагает движок, и с тем, что некоторые конструкторы по своей функциональности приближаются к CMS. Посмотрим на самые известные сервисы, которые вполне могут отобрать часть аудитории у Made Simple.

Лучшие альтернативы Made Simple

Конструкторы сайтов задали тренд на упрощение разработки, которому следуют все популярные инструменты для создания сайтов. Made Simple из общего ряда не выбивается. Но те инструменты визуального редактирования, которые предлагает движок, по функциональности сложно сравнивать с редакторами конструкторов. На том же Wix можно изменить тему до неузнаваемости, не притрагиваясь к файлам шаблона. На CMSMS и большинстве других CMS для глубокой кастомизации всё ещё требуются навыки работы с HTML/CSS.

Ещё одно преимущество конструкторов перед CMS — снятие лишней ответственности с веб-мастера. Вам не нужно искать хостинг, беспокоиться об аптайме и безопасности. Конструкторы позволяют сосредоточиться на совершенствовании сайта в смысле внешнего вида, функциональности и контента. Для небольших проектов этого часто бывает достаточно. CMS же остаётся инструментом для тех, кто хочет больше самостоятельности и творческой свободы, хоть за это и приходится платить временем, потраченным на изучение очередного движка и особенностей его работы.

Примеры сайтов, созданных на Made Simple

Чтобы помочь вам оценить возможности движка и понять, какие сайты получаются на нём у других разработчиков, мы собрали несколько проектов, сделанных на Made Simple. Их изучение — хороший способ вдохновиться или наоборот разочароваться в функциональности CMS.

Выводы и рекомендации

Made Simple — CMS для пользователей, которым нужна простота и доступность. В базовой комплектации она предлагает минимальный набор инструментов для управления сайтом, а всё остальные возможности можно добавить на неё с помощью модулей. По сути, это готовое бесплатное решение, которое можно масштабировать до любого размера — вопрос лишь мощности сервера и навыках вебмастера. В этом смысле CMSMS максимально похожа на WordPress и Joomla. К сожалению, добиться такого же уровня распространённости у движка пока не получается, что негативно сказывается на развитии пользовательского сообщества.

* Bluehost — надежный хостинг-провайдер, обслуживает более 2 млн. сайтов, официально рекомендуемый компаниями WordPress.org, PrestaShop, WooCoomerce и др.!

Однако простота освоения не делает Made Simple ограниченной системой. У вас всегда есть выбор, использовать только стандартные инструменты движка или залезть в код, чтобы глубока кастомизировать внешний вид и функциональность сайта. Открытость и доступ к API позволяют сторонним разработчикам создавать собственные расширения, которых пока нет в официальном каталоге, а удобный шаблонизатор предоставляет всё необходимое для настройки оригинального дизайна без лишних усилий. И главное — всё это доступно бесплатно.

Create your own template

This section has not yet been updated for version 2.0. We’re working on it!

In this section you will read about how you can create or customize a template and styling it with stylesheets.

CMSMS uses smarty templates extensively for controlling the content of each individual component of a page. The primary template is the «Page Template» which defines the structure of your page. The page template can include other templates, and/or call modules (which in turn include templates), etc.

The markup language for templates is good old HTML. The stylesheets are using CSS for styling and formatting the HTML elements, instead of doing this directly in the HTML code. This way the structure and the presentation of your pages are separated, the HTML is kept clean and you get many benefits such as Search Engine Optimization (SEO) and accessibility benefits.

Page templates are attached to a design. As well, so are stylesheets. The combination of stylesheets and the templates that are attached to a design, control the appearance of your page.

The cool thing is that you can actually use one and the same page template and get pages that look completely different, only by changing the CSS. That is how the default templates that come with the default installation of CMS Made Simple work.

You saw how the editor picked the template to define how each page will look. How the available templates will look is the work of the designer.

As already mentioned the page template provides only the structure of the page, that is what will be included in a page. Through the stylesheets you can then design that structure, to get the look and feel that you want.

How do you create a template in CMS Made Simple? It’s quite simple. You use plain HTML and put placeholders for the content, the menu etc. When a user is visiting your site the page is automatically generated from the template and the placeholders are filled with the content. On this page you will learn how the default templates are built.

This means that you can take a layout from any page that you like and easily make a template for your CMSMS pages.

These are the most common tags to use as placeholders in a template:

will add the sitename you can set in the Global Settings

will be replaced by the title of the content (You can set title when creating content pages).</p><p> <cms_stylesheet>links all the stylesheets that you have attached to your template. This must be between the tags. If you forget this, your page will appear without styles.</p><p> <metadata>will add the meta data you can set in the Global Settings</p><p> <content_image>will be replaced with the Image selected in the Edit Page window, at the bottom of the screen with the block name you specify (i.e. MyImage). Use <content_image block='MyImage' dir='images'>for immediate results.</p><p> <page_image>will be replaced with the image filename selected on the Edit Page screen under Image. <br />Use for immediate results.</p><p> <cms_breadcrumbs>will be replaced by a path to the selected content.</p><p><menu>is one of the most common menus. The entire menu will be automatically generated from your pages, where you put this placeholder. This tag can also take parameters, depending on how you want to display the menu. For example</p><menu collapse='1'>to collapse the sub items in the menu, so that only the sub items of the current menu item are shown.</p><p>To style the elements of your template(s) and to position the div elements, you attach the templates, and one or more stylesheets to your design. In the «Designs» tab of the Design manager you can click on the appropriate design, and select which templates and stylesheets are associated with that design. Additionally, you can control the order in which stylesheets will be rendered when a page using that design is requested.</p><p>All the default templates that come with CMS Made Simple are more or less made of the same HTML code. The only thing differing is what kind of menu that is used and if there are one or more content blocks. The rest is styled purely through CSS.</p><p>This is because the CMS Made Simple default templates do not use tables. Instead</p><p>The style and appearance is then modified in the stylesheets that are attached to each template.</p><p>This is the DOCTYPE (document type declaration). It tells browsers what version of (X)HTML that your document is using, so that it can interpret it correctly. It is also necessary for validation tools to check the syntax of your code.</p><p>The first two lines can be left unchanged. What you may need to change is the language declaration in the tag. That’s where the language of the content of your page is specified. Change «en» to the two-letter code for your language of preference.</p><p>What is between the tags is what appears for example in your browser’s title bar. <sitename>is defined in «Site Admin/Global Settings». If you also want the name of each page to be displayed, you can add the tag<title>. The<title>tag is a placeholder that is replaced by the name of the current page that you have entered as title for the page in «Content/Pages» when you Add/Edit a page.</p><p> <cms_stylesheet>is a tag that links to all stylesheets that you have attached to a design. It means that you only have to add this tag once in your primary page template, and the appropriate HTML code will be generated to include the stylesheets that are attached to the design.</p><p> <metadata>will hold all metadata you set in «Site Admin/Global Settings» for global metadata, as well as additional metadata you can set per page in the Options tab in «Content/Pages» when you Add/Edit a page.</p><p>This is the beginning of the div block that the entire page is wrapped in. In the stylesheet you can set the width of the page, if it is to be centered and so on.</p><p><strong>How to customize it:</strong> <br />Look for div#pagewrapper in one of the stylesheets with a name beginning by Layout.</p><p>The header of the page is where you find the CMS Made Simple logo. As you can see there is no information in the template, but all the content of the header is set by CSS. This makes for very clean HTML code. However, if you like you can also add text or other information that you want to appear in the header, directly in the template.</p><p><strong>How to customize it:</strong> <br />Look for div#header and div#header h1 a (for the link) in one of the stylesheets with a name beginning by Layout. That’s where you set the background color, logo, height etc.</p><p>In CMS Made Simple there is a tag that automatically adds the breadcrumbs for each page: <cms_breadcrumbs>. <br />The breadcrumbs are links to show the visitor what page that he/she currently is on and what the hierarchy of that page is. It can look something like this:</p><p>You are here: Home » Section page » <strong>Sub-section page</strong></p><p>Note that for content blocks and parameter «block» you should use names without special characters or spaces. If you need a descriptive text for content block use «label» parameter.</p> <details> <summary>Источники информации: </summary><ul><li><a href="http://club.cnews.ru/blogs/entry/stoit_li_delat_sajt_na_besplatnoj_cms_made_simple_" target="_blank" rel="noopener">http://club.cnews.ru/blogs/entry/stoit_li_delat_sajt_na_besplatnoj_cms_made_simple_</a></li><li><a href="http://getsimplethemes.ru/" target="_blank" rel="noopener">http://getsimplethemes.ru/</a></li><li><a href="http://uguide.ru/obzor-i-otzyvy-cms-made-simple" target="_blank" rel="noopener">http://uguide.ru/obzor-i-otzyvy-cms-made-simple</a></li><li><a href="http://docs.cmsmadesimple.org/layout/design-manager/templates/create-your-own-template" target="_blank" rel="noopener">http://docs.cmsmadesimple.org/layout/design-manager/templates/create-your-own-template</a></li></ul> </details><div class="fpm_end"></div></div></div></article></div><ul class="default-wp-page clearfix"><li class="previous"><a href="https://kak.pedagogik-a.ru/how/cmielow-made-in-poland-kleymo-po-godam.html" rel="prev"><span class="meta-nav">←</span> Cmielow made in poland клеймо по годам</a></li><li class="next"><a href="https://kak.pedagogik-a.ru/how/cms-made-simple-shablony.html" rel="next">Cms made simple шаблоны <span class="meta-nav">→</span></a></li></ul><div class="related-posts-wrapper"><h4 class="related-posts-main-title"> <i class="fa fa-thumbs-up"></i><span>Вам также понравится</span></h4><div class="related-posts clearfix"><div class="single-related-posts"><div class="article-content"><h3 class="entry-title"> <a href="https://kak.pedagogik-a.ru/how/korichnevaya-kukuruza-dlya-chego.html" rel="bookmark" title="Коричневая кукуруза для чего"> Коричневая кукуруза для чего </a></h3><div class="below-entry-meta"> <span class="posted-on"><a href="https://kak.pedagogik-a.ru/how/korichnevaya-kukuruza-dlya-chego.html" title="18:13" rel="bookmark"><i class="fa fa-calendar-o"></i> <time class="entry-date published" datetime="2023-01-21T18:13:10+00:00">21.01.2023</time><time class="updated" datetime="2023-03-06T23:13:20+00:00">06.03.2023</time></a></span> <span class="byline"> <span class="author vcard"> <i class="fa fa-user"></i> <a class="url fn n" href="https://kak.pedagogik-a.ru/author/admin" title="admin" > admin </a> </span> </span> <span class="comments"> <i class="fa fa-comment"></i><a href="https://kak.pedagogik-a.ru/how/korichnevaya-kukuruza-dlya-chego.html#respond">0</a> </span></div></div></div><div class="single-related-posts"><div class="article-content"><h3 class="entry-title"> <a href="https://kak.pedagogik-a.ru/how/kak-ponyat-chto-rozhaesh-v-pervyy-raz-i-kogda-ehat.html" rel="bookmark" title="Как понять что рожаешь в первый раз и когда ехать"> Как понять что рожаешь в первый раз и когда ехать </a></h3><div class="below-entry-meta"> <span class="posted-on"><a href="https://kak.pedagogik-a.ru/how/kak-ponyat-chto-rozhaesh-v-pervyy-raz-i-kogda-ehat.html" title="02:04" rel="bookmark"><i class="fa fa-calendar-o"></i> <time class="entry-date published" datetime="2023-01-21T02:04:37+00:00">21.01.2023</time><time class="updated" datetime="2023-02-21T03:48:54+00:00">21.02.2023</time></a></span> <span class="byline"> <span class="author vcard"> <i class="fa fa-user"></i> <a class="url fn n" href="https://kak.pedagogik-a.ru/author/admin" title="admin" > admin </a> </span> </span> <span class="comments"> <i class="fa fa-comment"></i><a href="https://kak.pedagogik-a.ru/how/kak-ponyat-chto-rozhaesh-v-pervyy-raz-i-kogda-ehat.html#respond">0</a> </span></div></div></div><div class="single-related-posts"><div class="article-content"><h3 class="entry-title"> <a href="https://kak.pedagogik-a.ru/how/k-chemu-snitsya-chuzhaya-svadba-sonnik-millera.html" rel="bookmark" title="К чему снится чужая свадьба сонник миллера"> К чему снится чужая свадьба сонник миллера </a></h3><div class="below-entry-meta"> <span class="posted-on"><a href="https://kak.pedagogik-a.ru/how/k-chemu-snitsya-chuzhaya-svadba-sonnik-millera.html" title="14:35" rel="bookmark"><i class="fa fa-calendar-o"></i> <time class="entry-date published" datetime="2023-01-18T14:35:52+00:00">18.01.2023</time><time class="updated" datetime="2023-02-11T01:35:52+00:00">11.02.2023</time></a></span> <span class="byline"> <span class="author vcard"> <i class="fa fa-user"></i> <a class="url fn n" href="https://kak.pedagogik-a.ru/author/admin" title="admin" > admin </a> </span> </span> <span class="comments"> <i class="fa fa-comment"></i><a href="https://kak.pedagogik-a.ru/how/k-chemu-snitsya-chuzhaya-svadba-sonnik-millera.html#respond">0</a> </span></div></div></div></div></div><div id="comments" class="comments-area"><div id="respond" class="comment-respond"><h3 id="reply-title" class="comment-reply-title">Добавить комментарий <small><a rel="nofollow" id="cancel-comment-reply-link" href="/how/1486.html#respond" style="display:none;">Отменить ответ</a></small></h3><form action="https://kak.pedagogik-a.ru/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><p class="comment-notes"><span id="email-notes">Ваш адрес email не будет опубликован.</span> <span class="required-field-message">Обязательные поля помечены <span class="required">*</span></span></p><p class="comment-form-comment"><label for="comment">Комментарий <span class="required">*</span></label><textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required></textarea></p><p class="comment-form-author"><label for="author">Имя <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required /></p><p class="comment-form-email"><label for="email">Email <span class="required">*</span></label> <input id="email" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" required /></p><p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes" /> <label for="wp-comment-cookies-consent">Сохранить моё имя, email и адрес сайта в этом браузере для последующих моих комментариев.</label></p><p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Отправить комментарий" /> <input type='hidden' name='comment_post_ID' value='1486' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /></p></form></div></div></div><div id="secondary"><aside id="search-4" class="widget widget_search clearfix"><form action="https://kak.pedagogik-a.ru/" class="search-form searchform clearfix" method="get" role="search"><div class="search-wrap"> <input type="search" class="s field" name="s" value="" placeholder="Поиск" /> <button class="search-icon" type="submit"></button></div></form></aside><aside id="recent-posts-4" class="widget widget_recent_entries clearfix"><h3 class="widget-title"><span>Свежие записи</span></h3><ul><li> <a href="https://kak.pedagogik-a.ru/how/kak-ponyat-chto-telefon-vyklyuchen-ili-nedostupen.html">Как понять что телефон выключен или недоступен. Аппарат абонента выключен или находится вне зоны действия сети.</a></li><li> <a href="https://kak.pedagogik-a.ru/how/malenkie-magnitoly-dlya-avto.html">Маленькие магнитолы для авто</a></li><li> <a href="https://kak.pedagogik-a.ru/how/malenkie-legkovye-avtomobili-dlya-zhenschin.html">Маленькие легковые автомобили для женщин</a></li><li> <a href="https://kak.pedagogik-a.ru/how/malenkie-lampochki-dlya-knopok-v-avto.html">Маленькие лампочки для кнопок в авто</a></li><li> <a href="https://kak.pedagogik-a.ru/how/malenkie-kuhni-uglovye-so-stiralnoy-mashinoy-i-holodilnikom-dlya-malenkoy-kuhni.html">Маленькие кухни угловые со стиральной машиной и холодильником для маленькой кухни</a></li></ul></aside><aside id="recent-comments-4" class="widget widget_recent_comments clearfix"><h3 class="widget-title"><span>Свежие комментарии</span></h3><ul id="recentcomments"><li class="recentcomments"><span class="comment-author-link">Анна</span> к записи <a href="https://kak.pedagogik-a.ru/how/kto-takoy-kosmetolog-estetist-i-chem-on-zanimaetsya.html#comment-1856">Кто такой косметолог эстетист и чем он занимается</a></li><li class="recentcomments"><span class="comment-author-link">Ирина</span> к записи <a href="https://kak.pedagogik-a.ru/how/kak-ponyat-chto-runy-nachali-deystvovat.html#comment-1855">Как понять что руны начали действовать</a></li><li class="recentcomments"><span class="comment-author-link">Ксения</span> к записи <a href="https://kak.pedagogik-a.ru/how/kak-ponyat-chto-privorot-podeystvoval-na-devushku.html#comment-1852">Как понять что приворот подействовал на девушку</a></li><li class="recentcomments"><span class="comment-author-link">Мирон</span> к записи <a href="https://kak.pedagogik-a.ru/how/kak-nazyvayut-tolko-chto-krestivshegosya-cheloveka.html#comment-1841">Как называют только что крестившегося человека</a></li><li class="recentcomments"><span class="comment-author-link">Алексей</span> к записи <a href="https://kak.pedagogik-a.ru/how/kak-ponyat-chto-obuv-po-razmeru-vzroslomu.html#comment-1836">Как понять что обувь по размеру взрослому</a></li></ul></aside><aside id="custom_html-7" class="widget_text widget widget_custom_html clearfix"><div class="textwidget custom-html-widget"><div class="saydbar-bor"></div></div></aside></div></div></div><div class="advertisement_above_footer"><div class="inner-wrap"><aside id="custom_html-5" class="widget_text widget widget_custom_html clearfix"><div class="textwidget custom-html-widget"><div class="menu-niz"></div></div></aside></div></div><footer id="colophon" class="clearfix "><div class="footer-widgets-wrapper"><div class="inner-wrap"><div class="footer-widgets-area clearfix"><div class="tg-footer-main-widget"><div class="tg-first-footer-widget"><aside id="custom_html-9" class="widget_text widget widget_custom_html clearfix"><div class="textwidget custom-html-widget"><div align="center"> <font color="white" size="+2"> Контакты для Роскомнадзора - informationforweb2023@gmail.com </font></div></div></aside></div></div><div class="tg-footer-other-widgets"><div class="tg-second-footer-widget"></div><div class="tg-third-footer-widget"></div><div class="tg-fourth-footer-widget"></div></div></div></div></div><div class="footer-socket-wrapper clearfix"><div class="inner-wrap"><div class="footer-socket-area"><div class="footer-socket-right-section"><div class="social-links"><ul><li><a href="/" target="_blank"><i class="fa fa-google-plus"></i></a></li><li><a href="/" target="_blank"><i class="fa fa-pinterest"></i></a></li><li><a href="/" target="_blank"><i class="fa fa-youtube"></i></a></li></ul></div></div><div class="footer-socket-left-section"><div class="copyright">Все права сохранены. © 2024 <a href="https://kak.pedagogik-a.ru/" title="Как делать своими руками…" ><span>Как делать своими руками…</span></a> Внимание! Информация, опубликованная на сайте, носит исключительно ознакомительный характер и не является рекомендацией к применению. Материалы могут содержать информацию, предназначенную для пользователей старше 18 лет. 18+.</div></div></div></div></div></footer> <a href="#masthead" id="scroll-up"><i class="fa fa-chevron-up"></i></a></div> <script>document.addEventListener("copy",(event)=>{var pagelink="\nИсточник: https://kak.pedagogik-a.ru/how/1486.html";event.clipboardData.setData("text",document.getSelection()+pagelink);event.preventDefault();});</script><script type="text/javascript" id="expert-review-scripts-js-extra">var expert_review_ajax={"url":"https:\/\/kak.pedagogik-a.ru\/wp-admin\/admin-ajax.php","nonce":"b782f7ac32","comment_to_scroll_selector":null,"ask_question_link_new_tab":null,"i18n":{"question_popup_name":"\u0418\u043c\u044f","question_popup_email":"Email","question_popup_phone":"\u0422\u0435\u043b\u0435\u0444\u043e\u043d","question_popup_question":"\u0412\u043e\u043f\u0440\u043e\u0441","question_popup_submit":"\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c","question_popup_cancel":"\u041e\u0442\u043c\u0435\u043d\u0430","question_submitted":"\u0412\u043e\u043f\u0440\u043e\u0441 \u0443\u0441\u043f\u0435\u0448\u043d\u043e \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u0435\u043d","legacy_form":"\u041d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u043e\u0431\u043d\u043e\u0432\u0438\u0442\u044c \u043a\u043e\u0434 \u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0439 \u0444\u043e\u0440\u043c\u044b","field_cannot_be_empty":"\u041f\u043e\u043b\u0435 \u043d\u0435 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u043f\u0443\u0441\u0442\u044b\u043c","field_must_be_checked":"\u041f\u043e\u043b\u0435 \u0434\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c \u043e\u0442\u043c\u0435\u0447\u0435\u043d\u043e","consent":"\u0421\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445"},"consent":null};</script> <script>window.lazyLoadCallbackByFlat=function(r){var t,a;120<r.naturalWidth||(t="maxresdefault",(a=new Image).src=r.src.replace(t,"hqdefault"),a.onload=function(){var a;120<this.naturalWidth?r.src=this.src:((a=new Image).src=r.src.replace(t,"sddefault"),a.onload=function(){var a;120<this.naturalWidth?r.src=this.src:((a=new Image).src=r.src.replace(t,"mqdefault"),a.onload=function(){var a;120<this.naturalWidth?r.src=this.src:((a=new Image).src=r.src.replace(t,"default"),a.onload=function(){120<this.naturalWidth&&(r.src=this.src)})})})})};window.lazyLoadOptions={elements_selector:"img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids();}}}}}};window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(i=0;i<mutation.addedNodes.length;i++){if(typeof mutation.addedNodes[i].getElementsByTagName!=='function'){return;} if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){return;} images=mutation.addedNodes[i].getElementsByTagName('img');is_image=mutation.addedNodes[i].tagName=="IMG";iframes=mutation.addedNodes[i].getElementsByTagName('iframe');is_iframe=mutation.addedNodes[i].tagName=="IFRAME";rocket_lazy=mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');image_count+=images.length;iframe_count+=iframes.length;rocketlazy_count+=rocket_lazy.length;if(is_image){image_count+=1;} if(is_iframe){iframe_count+=1;}}});if(image_count>0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update();}});var b=document.getElementsByTagName("body")[0];var config={childList:true,subtree:true};observer.observe(b,config);}},false);</script><script data-no-minify="1" async src="https://kak.pedagogik-a.ru/wp-content/plugins/rocket-lazy-load/assets/js/16.1/lazyload.min.js"></script><script>function lazyLoadThumb(e){var t='<img loading="lazy" onload="lazyLoadCallbackByFlat(this);" data-lazy-src="https://i.ytimg.com/vi/ID/maxresdefault.jpg" alt="" width="1280" height="720">',a='<div class="play"></div>';return t.replace("ID",e)+a}function lazyLoadYoutubeIframe(){var e=document.createElement("iframe"),t="ID?autoplay=1";t+=0===this.dataset.query.length?'':'&'+this.dataset.query;e.setAttribute("src",t.replace("ID",this.dataset.src)),e.setAttribute("frameborder","0"),e.setAttribute("allowfullscreen","1"),e.setAttribute("allow","accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"),this.parentNode.replaceChild(e,this)}document.addEventListener("DOMContentLoaded",function(){var e,t,a=document.getElementsByClassName("rll-youtube-player");for(t=0;t<a.length;t++)e=document.createElement("div"),e.setAttribute("data-id",a[t].dataset.id),e.setAttribute("data-query",a[t].dataset.query),e.setAttribute("data-src",a[t].dataset.src),e.innerHTML=lazyLoadThumb(a[t].dataset.id),e.onclick=lazyLoadYoutubeIframe,a[t].appendChild(e)});</script> <script>(function(){function flat_load(){setTimeout(function(){function appendbody(){var script=document.createElement('script');script.src="https://kak.pedagogik-a.ru/wp-content/cache/autoptimize/js/autoptimize_071ebe10b3512b5e187977291d783473.js";document.getElementsByTagName('head')[0].appendChild(script);} function flat_load_script(){document.removeEventListener('mousemove',flat_load_script);document.removeEventListener('touchstart',flat_load_script);document.removeEventListener('scroll',flat_load_script);appendbody();} document.addEventListener('mousemove',flat_load_script,false);document.addEventListener('touchstart',flat_load_script,false);document.addEventListener('scroll',flat_load_script,false);},100);} window.addEventListener('load',flat_load,false);})()</script></body></html>