Обучающие материалы | Nwicode CMS

Что вам нужно для создания шаблона

  • Хорошая идея и дизайн шаблона!

Определить его название:

Ваше название шаблона, например TemplateAwesome, примечание: всегда ставьте префикс перед Template, чтобы избежать конфликтов с другими шаблонами!

Шаблоны находятся в папке  app/local/modules
Создать шаблон сможет даже не программист! Вам достаточно изменить название, пути и добавить свои картинки.

В каждом файле есть комментарии к строкам

Картинки по пути "\resources\images\templates\exampletemplate\unified" должны называться всегда одинаково. 
Путь до них тоже всегда одинаков, за исключением "exampletemplate" - это код Шаблона, он может быть и таким: example_template
Размеры картинок:
background.jpg - 1732х1732
icon.jpg - 512х512
overview_new.jpg - 640х568

В файле package.json комментарии обязательно нужно удалить.

Вы можете скачать пример и описание тут

Ниже приведена полная и минимально необходимая структура для пакета шаблонов:

package.json

{ /*В этом файле коментарии обязательно нужно удалить*/

    "name": "ExampleTemplate", /*Имя темы*/

    "type": "template", /*Тут так и оставляем*/

    "description": "Пример темы.", /*Описание темы*/

"version": "1.0.0", /*Версия темы*/

    "dependencies": {

        "system": {

            "type": "SAE", /*Тут так и оставляем*/

"version": "1.0.0" /*Тут так и оставляем*/

        }

    }

}

-------------------------------------------


файл template-awesome.php

<?php


// Цвета - смотри одноимённые картинки в папке "img - Не идёт в сборку!" - img1,img2,img3,img4,img5,img6,img7,img8,img9

// Если изменения блока не требуется, его можно удалить. Например:

//    'header' => [ // img2

//        'color' => '#ffffff', // img2 - 1

//        'background_color' => '#1374CE', // img2 - 2

//        'border_color' => '#ffffff' // img2 - 3

//    ],

$ionicColors = [

    'background' => [

        'background_color' => '#ffffff' // img1

    ],

    'header' => [ // img2

        'color' => '#ffffff', // img2 - 1

        'background_color' => '#1374CE', // img2 - 2

        'border_color' => '#ffffff' // img2 - 3

    ],

    'homepage' => [ // img3

        'color' => '#ffffff', // img3 - 1

        'background_color' => '#1374CE', // img3 - 2

        'border_color' => '#ffffff', // img3 - 3

        'image_color' => '#ffffff' // img3 - 4

    ],

    'list_item_divider' => [ // img4

        'color' => '#ffffff', // img4 - 1

        'border_color' => '#1374CE', // img4 - 2

        'background_color' => '#1374CE' // img4 - 3

    ],

    'list_item' => [ // img5

        'color' => '#000222', // img5 - 1

        'border_color' => '#ffffff', // img5 - 2

        'background_color' => '#1374CE' // img5 - 3

    ],

    'card_item_divider' => [ // img6

        'color' => '#000222', // img6 - 1

        'background_color' => '#1374CE', // img6 - 2

        'border_color' => '#ffffff' // img6 - 3

    ],

    'card_item' => [ // img7

        'color' => '#000222', // img7 - 1

        'background_color' => '#1374CE', // img7 - 2

        'border_color' => '#ffffff' // img7 - 3

    ],

/* IONIC 4*/

    'ionic_primary_color' => [ // img8

        'ion_color' => '#000222', // img8 - 1

        'ion_color_contrast' => '#1374CE', // img8 - 2

        'ion_color_shade' => '#ffffff', // img8 - 3

        'ion_color_tint' => '#000222' // img8 - 4

    ],

    'ionic_secondary_color' => [ // img9

        'ion_color' => '#000222', // img9 - 1

        'ion_color_contrast' => '#1374CE', // img9 - 2

        'ion_color_shade' => '#ffffff', // img9 - 3

        'ion_color_tint' => '#000222' // img9 - 4

    ], // Дальше аналогично как в img8 и img9 по порядку

    'ionic_tertiary_color' => [

        'ion_color' => '#000222',

        'ion_color_contrast' => '#1374CE',

        'ion_color_shade' => '#ffffff',

        'ion_color_tint' => '#000222'

    ],

    'ionic_success_color' => [

        'ion_color' => '#000222',

        'ion_color_contrast' => '#1374CE',

        'ion_color_shade' => '#ffffff',

        'ion_color_tint' => '#000222'

    ],

    'ionic_warning_color' => [

        'ion_color' => '#000222',

        'ion_color_contrast' => '#1374CE',

        'ion_color_shade' => '#ffffff',

        'ion_color_tint' => '#000222'

    ],

    'ionic_danger_color' => [

        'ion_color' => '#000222',

        'ion_color_contrast' => '#1374CE',

        'ion_color_shade' => '#ffffff',

        'ion_color_tint' => '#000222'

    ],

    'ionic_dark_color' => [

        'ion_color' => '#000222',

        'ion_color_contrast' => '#1374CE',

        'ion_color_shade' => '#ffffff',

        'ion_color_tint' => '#000222'

    ],

    'ionic_medium_color' => [

        'ion_color' => '#000222',

        'ion_color_contrast' => '#1374CE',

        'ion_color_shade' => '#ffffff',

        'ion_color_tint' => '#000222'

    ],

    'ionic_light_color' => [

        'ion_color' => '#000222',

        'ion_color_contrast' => '#1374CE',

        'ion_color_shade' => '#ffffff',

        'ion_color_tint' => '#000222'

    ],

    'ionic_text_color' => [

        'ion_color' => '#000222',

        'ion_color_contrast' => '#1374CE',

        'ion_color_tint' => '#000222'

    ],

    'ionic_item_color' => [

        'ion_color' => '#000222',

        'ion_color_contrast' => '#1374CE',

        'ion_color_shade' => '#ffffff',

        'ion_color_tint' => '#000222'

    ],

/* IONIC 4*/

];

/* Цвета*/


/* Включённые модули - смотри одноимённые картинки в папке "img - Не идёт в сборку!" - module1,module2,module2 */

$features = [

    'weblink_multi' => ['name' => 'Ссылки', 'icon' => '/weblink/link1-flat.png'], // Запятая в конце обязательна

    'push_notification' => ['name' => 'Пуш уведомления', 'icon' => '/push_notifications/push1-flat.png'] // Если модуль в списке последний, то запятой не должно быть

]; // Код модуля' => ['name' => 'Отображаемое имя модуля - module1', 'icon' => 'Иконка модуля - module2,module3']


\Nwicode\Template::installOrUpdate(

    'ExampleTemplate', // Имя темы как в поле name, в файле package.json

    'Example', // Отображаемое имя Темы

    'exampletemplate', // Код темы (с маленькой буквы, без пробелов и символов, на латинском)

    'layout_1', // Код макета который будет использоваться в этом шаблоне - layout1.png

    ['Default'], // Так и оставляем

    $ionicColors, // Так и оставляем

    $features, // Так и оставляем

    20 // Так и оставляем

);

--------------------------------------------------------------

Пример написания путей

layout1.png module1.png
module2.png module3.png


Вернуться

Есть вопросы — спрашивайте!

Наши специалисты помогут Вам и окажут бесплатную консультацию

Документация

Новости 1 - 20 из 54
Начало | Пред. | 1 2 3 | След. | Конец