Simpla cms template: Скрипт интернет-магазина

Разработка тем Mura CMS: шаблоны макетов

В Mura CMS легко создать столько шаблонов макетов, сколько вы хотите отформатировать в своих тематических страницах. Шаблоны макетов назначаются вашим страницам Mura в менеджере сайта.

Если вы представляете типичную HTML-страницу в браузере, она обычно состоит из следующих элементов:

  • Заголовок HTML (метатеги, CSS, библиотеки JavaScript)
  • Заголовок (логотип сайта/баннер и навигация)
  • Контейнер
  • Основной контент (раздел основного контента, боковые панели и т. д.)
  • Нижний колонтитул (нижняя навигация, авторские права, контактная информация и т. д.)
  • Элементы нижнего колонтитула HTML (дополнительные библиотеки JavaScript и код инициализации)

 


    <голова>
        
    
    <тело>
        <дел>
            
        
<нижний колонтитул>

 

Эта структура, по сути, представляет собой шаблон макета Mura, но вы можете создавать свои шаблоны макетов по своему усмотрению. Например, если вам нужна специальная целевая страница или раздел вашего сайта с отдельным заголовком, CSS и т. д., вы можете создать этот шаблон и применить его к странице Mura в менеджере сайта. Ваши шаблоны могут быть даже на 100% HTML, если вы этого хотите (конечно, в этот момент ничего не будет динамическим).

Создание нового шаблона макета

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

Чтобы проверить это, мы можем создать страницу helloWorld.cfm  в нашем каталоге шаблонов и применить ее к любой странице:

  1. В файлах вашего сайта перейдите к {siteID}/includes/themes/{theme}. /шаблоны каталог
  2. Создайте новый файл с именем  helloWorld.cfm
  3. Вставьте следующий код и сохраните

    Привет, мир
 

 

Применить новый шаблон к странице в Mura

  1. В диспетчере сайтов щелкните значок шаблона рядом с любой страницей.
  2. Выберите новый шаблон helloWorld.cfm
  3. Щелкните значок земного шара, чтобы просмотреть страницу

Добавление динамических включений

Теперь, когда вы понимаете, как загружаются шаблоны, вы можете начать создавать их более динамичными, создавая глобальные включения для верхнего, верхнего и нижнего колонтитула HTML.

Начните с создания каталога  include  в каталоге шаблонов вашей темы. Это может выглядеть примерно так:  {название темы}/templates/inc

В этой папке вы можете создать столько различных включений, сколько захотите. Я бы рекомендовал начать со следующего:

  • html_head.cfm (метатеги, CSS, библиотеки JavaScript)
  • header.cfm (логотип сайта/баннер и навигация)
  • footer.cfm (нижняя навигация, авторские права, контактная информация и т. д.)
  • html_footer.cfm (дополнительные библиотеки JavaScript и код инициализации)

Мы можем включить эти файлы в наш шаблон, используя тег  , например:

 cfm"> 

Примечание : путь к шаблону указан относительно файла, из которого мы его вызываем.

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

Ваш полный шаблон может выглядеть примерно так:


    
    <тело>
        
        <дел>
            <дел>
                <в сторону>
                    #$.dspObjects(1)#
                
                <раздел>
                    
                    #$.dspBody(
                        тело=$.content('тело')
                        , pageTitle=$.content('название')
                        , список крошек = ложь
                        , показатьМетаИзображение=истина
                        , metaImageClass='миниатюра'
                    )#
                    #$. dspObjects(2)#