Завантажити шаблони на modx - Блог вебмастера

Пару місяців назад я познайомився з движком modx. Спочатку було дуже важко, хоча самовчителів по ньому досить. Але деякі з них задавнив, деякі були для інших версій. Але в загальному з роботою і можливостями движка я розібрався, хотілося ще встановити гарний шаблон modx, але тут я зіткнувся з проблемою - шаблонів на Модха як таких немає. Спочатку я засмутився, а потім зрозумів наскільки це круто, адже на Модха можна почепити будь html -шаблон, при цьому розбивши його на чанкі (деталі шаблону) як завгодно! У цій статті я і розповім вам як легко встановити шаблон modx, розбити його на частини і як редагувати шаблони modx.

Найголовніше - це знайти просто html-шаблон. Бажано адаптивний - щоб відкривався на різних пристроях з різною шириною екрану. Будемо вважати що Ви знайшли такий (хоча в нашій випадку підійде абсолютно будь-який html шаблон). Далі потрібно або залити файли на хостинг, або створити там сторінки і скопіювати вміст. Але давайте все по кроках і як це роблю я.

Покрокова інструкція по створенню та налагодженню свого шаблону modx

Отже, ми маємо шаблон - набір html і css файлів, можливо ще і скрипти.

1. Заходимо в адмін панель modx, вкладка Елементи-Шаблони і тиснемо плюсик.

Пару місяців назад я познайомився з движком modx

Як встановити шаблон modx

2. Далі заповнюємо Назва шаблону (для Вашої зручності, будь-яке ім'я) і нижче вставляємо весь вміст файлу index.html (або index.php, файл з кодом вашого шаблону).

Як створити шаблон modx

3. Тиснемо зберегти. Все, наш шаблон готовий. Але щоб перевірити його роботу, потрібно створити тестову сторінку. Для цього Створюємо новий ресурс (сторінку), вибираємо наш новостворений шаблон і тиснемо зберегти. Не забуваємо відзначити галочкою Опублікований.

Як створити нову сторінку на modx

Тепер відкриваємо нашу сторінку (ввівши вручну адресу в браузері або додайте в меню для зручності). Якщо Ви все зробили правильно сайт повинен відкритися з Вашим новим html шаблоном, встановленим на modx.

Налаштовуємо свій шаблон на modx

Свій шаблон modx: чи не показуються картинки і стилі css

Хоча, швидше за все, шаблон може не відкритися так як треба з першого разу. Будьте уважні з розташуванням файлів. Зазвичай шаблон може «поплисти» і показуватися без картинок. Все через те, що невірно прописаний шлях до файлів. Їх потрібно дивитися в самому файлі шаблону і підставити туди, куди ви заливали на хостинг. Наприклад, я заливав файли в папку assets / template / test_shab /, тому в шаблоні прописував щось на зразок assets / template / test_shab / img / favicon.ico і т.д. Всі шляхи до файлів потрібно змінити, оскільки стандартно всі файли знаходяться в папці з шаблоном, а в modx краще їх кудись завантажувати (але це скоріше для зручності, щоб не засмічувати систему).

Як зробити щоб з'явився контент modx на своєму шаблоні

Якщо Ваш шаблон відкривається і все картинки показуються - це добре. Але це ще не все. Сам контент, прописаний через адмінку modx, не виводиться. А чому? Тому що він не згадується в шаблоні! Ми просто скопіювали весь код з html-шаблону. Додайте замість контенту в шаблоні чанк [[* content]], який якраз і відповідає за виведення всього контенту modx. У редакторі шаблону виглядати це буде приблизно ось так:

У редакторі шаблону виглядати це буде приблизно ось так:

Як налаштувати висновок контенту в своєму шаблоні на modx

На цьому поки закінчуємо. Якщо щось не вийшло - питайте. Це поки не все, ще потрібно буде розбити ваш шаблон на чанкі, щоб зручніше виводити контент і працювати з сайтом.

А чому?