MODX Revolution - Asosiy qo'llanma. MODX inqilobi - asosiy o'quv qo'llanma MODX inqilobining asosiy sozlashi

MODX rasmiy sayti

http://modx.com/

Saytlarni yaratish bo'yicha asosiy materiallarMODX

Snippetlarning parametrlari

http://wiki.modxcms.com/index.php/Category:Snippets

Tarqatishning qolgan qismini http://modx.com/download/evolution/ saytidan yuklab olish mumkin.

Saytni yaratish ketma-ketligiMODXevolyutsiya

1. Config.inc.php faylini tahrir qilmaslik uchun hoster tomonidan belgilangan bir xil prefiks bilan ma'lumotlar bazasini yarating.
2. MODX-ni o'rnating. Zrobiti nalashtuvannya.
3. Sayt shablonini aktivlar/shablonlar jildiga nusxalash.
4. index.html shablon kodini Minimal andozalar shablonidan nusxa oling.
5. Foydali yo'l yozing

   .

6. Skriptlar, rasmlar, uslublar (img, havola, scrypts) yo'llarini yozing. Masalan,

7. Saytdagi havola shablonlarini belgilang.
8. Xushbo'y qismning barcha tomonlari uchun yotoqxonalarni ko'rish bo'laklar bo'ladi. Pastki simli jingalak ibodatxonalarda bo'laklar paydo bo'ladi. Masalan, ((HEAD))
9. Saytning smut menyusi bir okremy bo'lak aybdor bo'lishi mumkin. .
10. Sayt menyusi Ushbu sayt xaritasi Wayfinder parchasi bilan ko'rsatiladi. Wayfinder snippetining tavsifi.
11. Ushbu raqam uchun tavsiflar, rasmlar, xabarlar ... bilan resurslar ro'yxati Ditto snippetida ko'rsatiladi. Ditto snippetini tavsiflang va ilova qiling.
12. "Breadcrumbs" navigatsiya fonari Breadcrumbs snippetida ko'rsatiladi. Breadcrumbs snippetining tavsifi.
13. Saytni qidirish AjaxSearch parchasi bilan amalga oshiriladi. AjaxSearch snippetining tavsifi.
14. Shakl zvorotny zv'azku- Elektron shakl parchasi. eForm parchasi yordamida zv'yazkuning katlama shaklining dumbasi.
15. Plug-in Phx topshiriqlari televizor-parametrlarda tasvirning mavjudligini qayta tekshirish uchun, otaning vakolatlari va int.
16. Qo'shimcha ravishda uslublar spratini belgilash kerak.
17. Saytni xostingga o'tkazgandan so'ng:

Hammaga salom, do'stlar! CMF dan asosiy dars MODX Revo luution, biz MODX tizimi bilan bilganimizdek, biz kerakli plaginlarni o'rnatishimiz va asosiy ramkani tuzatishimiz mumkin.

Qarsak chalish

Zapiniti

Asosiy MODX darsi uchun manbalar:

• pdoTools hujjatlari: docs.modx.pro/components/pdotools/

MODX plaginlarini o'rnatish va sozlash

O'rnatish mumkin Murakkab MODX versiyasi, o'rnatish soati ostida papkaga administrator nomi berilishi ko'rsatilgan super.

MODX plaginiga ega boʻlishi shart

MODx uchun eng mashhur va eng yomon qo'shimchalar:

1. Ace- MODx kod muharriri;
2. To'plamlar- resurslar to'plamini ko'rsatish va saqlash;
3. pdoTools- MODx asosiy vositalari to'plami;
4. FormIt- MODX da shakllar bilan robot;
5. phpThumbOf- MODX-dagi tasvirlarga ega robot;
6. TinyMCE / CKEditor (ixtiyoriy)- MODx uchun WYSIWYG matn muharriri;
7. translit- MODX uchun URL transliteratsiyasi;
8. MIGX- MODx-ga qo'shiladigan maydonlar qo'shildi;
9. avtomatik shablon- Resurs shablonlarini "aqlli" avtomatik tanib olish.

MODX inqilobi uchun asosiy sozlashlar

O'tish " Tizimli sozlash".

1. Umumiy: do'stona URL

   • Taxalluslarning transliteratsiyasi: rus tili;
   • Ko'pirtirish uchun qulay URL: Shunday qilib;
   • Do'stona URL rejimi: Shunday qilib;
   • Barcha kontekstlarda takroriy URIga o'zgartiring: Shunday qilib;
   • Tavsiya etilgan hissalar URL manzili: Shunday qilib;
   • Ismni ham o'zgartirishni unutmang ht.access ichida .htaccess saytning ildizida.

2. Razdil: Panelni o'rnatish

   • Yuqori menyuda tavsifni ko'rsatish: Ni.

3. Rozdil: Veb-sayt

   • Storinka afv 404 "Hujjat topilmadi": Resurs ID 404;
   • Bloklash uchun: Shunday qilib;
   • Sayt nomi: Loyihangizga nom bering.

4. Rozdil: tizim va server

   • Nadsilati sarlavhasi X-Powered-By: Ni.

5. Ismlar maydoni: ace

   • Shrift hajmi: 18px;
   • Yumshoq jadval: Salom;
   • Rozmir jadvali: 2;
   • Tahririyat mavzusi (ixtiyoriy): ambiance, betartiblik, xrom, bulutlar, bulutlar_midnight, kobalt, qip-qizil_muharrir, shafaq, dreamweaver, tutilish, github, idle_fingers, katzenmilch, kr, kuroir, merbivore, merbivore_soft, mono_indust, ertaga_kecha, ertaga_tungi, ertaga_tungi_blue;
   • Bundan tashqari, siz mavzuni o'zgartirishingiz mumkin material muharriri Ace bilan. Ko'rsatma:

     MODx Ace Material Mavzu 1. Tizimni moslashtirish > "ace" Ism maydoni: Shrift hajmi: 15px Edit maydoni balandligi: 560 Ko'rinmas belgilar: Shunday qilib, Tab Yumshoq: N Tab Hajmi: 2 Tahrirlovchi Mavzu: yarın_kecha 2. Fayllar: Standart fayl > css > indeks. css: (Maslahat qo'shing) !muhim) .ace_gutter(rang:#666E79!muhim) .ace_active-line,.ace_gutter-active-line(fon rangi:#2A2F38!muhim) .ace_scroller,.ace_gutter (fon -color) : #272B33!muhim) . ace_meta.ace_tag(rang:#A6B2C0!muhim) .ace_meta.ace_tag.ace_tag-nomi(rang:#DF6A73!muhim) .ace_entity.ace_other.ace_attribute-name(rang:#D2945D!muhim) .ace_string(color:#D2945D!important) .ace_string muhim) 3. Menyu orqali keshni tozalang.

Asosiy resurslarni yaratish

1. Storinka 404- hujjatni tuzatish tomoni topilmadi. Menyuda ko'rsatmang;
2. sayt xaritasi- ko'rish uchun manba [] . Bo'sh shablon. Menyuda ko'rsatmang. Joyda yozing: XML. Hazil qilish uchun mavjud emas. HTML muharririga teg qo'ymang;
3. robotlar- ko'rish uchun manba robots.txt. Bo'sh shablon. Menyuda ko'rsatmang. Joyda yozing: matn. Hazil qilish uchun mavjud emas. HTML muharririga teg qo'ymang.

O'tgan darslarda biz modxni o'rnatdik va tuzatdik, shuningdek, sayt yaratish uchun zarur bo'lgan paketlarni o'rnatdik. Bugungi qo'llanma ajoyib HTML/CSS/JS-ni MODX Revo dizayniga ko'chirish haqida. Dizaynni qayerdan olishingiz mumkin, men maqolada yozgan edim: MODX shablonlari - bu nima, bu nima? Saytim uchun men tayyor to'lovni tanladim sezgir bootstrap Brightbox nomi ostida theforestdagi shablonni $17 ga (yoga demosi va tavsifini koʻrish uchun nom ustiga bosing). Siz uni mutlaqo yengishingiz mumkin, barchasi hech qanday xarajatsiz bir xil - shuning uchun siz cho'zishning butun printsipini tezroq va tezroq tushunasiz.

Mavzuning HTML tuzilishi

Amaliy teri mavzusida html, CSS, JS va tasvir fayllari bo'lishi mumkin + ko'proq php fayllari- Obrobnik shakllari.

Menimcha, aktivlar papkasida CSS va JS fayllari (alohida kataloglarda), tasvirlar papkasida tasvirlar va qora fayllar mavjud (sizda qora fayllar bo'lishi mumkin emas - hamma narsa qulfning orqasida o'rnatilgan brauzerda saqlanadi) - bu html fayllar.

Shablonni Modx-ga ko'chirish

Eng oddiy usul - veb-saytning ildiziga barcha fayllarni papkalar (cream html) bilan yuklash. Ale, men katlama yo'ldan boraman. Menda modx fayllari va aktivlar kataloglari yo'qligi sababli, saytning ildiziga aktivlarni (css va js pastki papkalari) va rasmlarni ildizga qo'shaman.

Ilgari men shablon katalogini yaratdim va undan barcha fayllarni yukladim - buni o'zingiz qilishingiz mumkin.

Asosiy shablonni tahrirlash

Daraxtda "Elementlar" yorlig'iga o'ting va kob naqshini oching (siz faqat LMB yoki RMB ni bosishingiz va tahrirlashni tanlashingiz mumkin).

Ko'ramiz, u index.html dan kod bilan almashtirilgan (biz uni saytning ildiziga qo'ymaganmiz).

Siz html faylni ajoyib bloknot yoki undan ham yaxshisi vikoristovuvat yordamida ochishingiz mumkin maxsus muharrir masalan

Keling, saytning asosiy sahifasiga o'tamiz.

Asosiy tomoni bir vaqtning o'zida qiyshiq ko'rinadi.

Shunday bo'ldi, skriptlar va CSS yo'llari o'zgardi.

Yo'llarni tuzatish

Yo'llar bir vaqtning o'zida shunday ko'rinish hosil qiladi.

Trochning nutqigacha, mavzu ajoyib, slash orqali yo'lni / va \, uni to'g'rilang.

Agar siz allaqachon ace paketini o'rnatgan bo'lsangiz, siz osongina va sodda tarzda o'zgartirishni qidirishingiz mumkin, buning uchun kodni bosing, keyin Ctrl + H tugmalarini bosing (Linux va Windows da ishlaydi), yuqori maydonga \ kiriting va ichiga kiriting. pastki / hammasini bosing.