MODX Devrimi - Temel eğitim. MODX Revolution - Temel Eğitimi MODX Revolution Temel Ayarlama

MODX'in resmi web sitesi

http://modx.com/

Sitelerin oluşturulmasıyla ilgili birincil materyallerMODx

Snippet parametreleri

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

Dağıtımın geri kalanı http://modx.com/download/evolution/ adresinden indirilebilir.

Sitenin oluşturulma sırasıMODxevrim

1. config.inc.php dosyasını düzenlememek için, barındırıcı tarafından atanan aynı önekle bir veri tabanı oluşturun.
2. MODx'i yükleyin. Zrobiti nalashtuvannya.
3. Şablonu, varlıklar/şablonlar klasöründeki siteye kopyalayın.
4. Index.html şablon kodunu Minimal Templates şablonundan kopyalayın.
5. hepsi ortada yaz gitsin

   .

6. Komut dosyaları, resimler, stiller (img, link, scrypts) için yollar yazın. Örneğin,

7. Sitedeki bağlantı şablonlarını belirleyin.
8. Yatak odalarını her yönden görmek pis koku parçası olacaktır. Balenli kıvırcık şakaklarda parçalar görünüyor. Örneğin, ((HEAD))
9. Sitenin müstehcen menüsü, bir okremy yığınına suçlanabilir. .
10. Site menüsü Bu site haritası bir Wayfinder parçacığı olarak işlenir. Wayfinder snippet'inin açıklaması.
11. Açıklamalar, resimler, mesajlar ile bu numara için kaynak listesi Ditto nippet'i ile görüntülenir. Ditto snippet'ini tanımlayın ve ekleyin.
12. Gezinme feneri "Breadcrumbs", Breadcrumbs snippet'inde görüntülenir. Breadcrumbs snippet'inin açıklaması.
13. Sitede arama AjaxSearch snippet'i ile yapılır. AjaxSearch snippet'inin açıklaması.
14. form zvorotny zv'azku- Snippet eFormu. eForm snippet'ini kullanan bir zvorotny zv'yazku'nun katlanan formunun poposu.
15. Babanın yetkilerini ve int.
16. Ek olarak bir stil çaçası reçete etmek gerekir.
17. Siteyi hostinge aktardıktan sonra:

Herkese merhaba arkadaşlar! CMF'den temel ders MODX Sürümüçözüm, MODX sisteminden bildiğimiz kadarıyla gerekli eklentileri kurabilir ve temel çerçeveyi düzeltebiliriz.

alkış

Zapiniti

Temel bir MODX dersi için kaynaklar:

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

MODx eklentilerini yükleme ve özelleştirme

kurulabilir ileri MODx sürümü, kurulum sırasında klasörün yönetici için isimlendirileceği belirtilir. Süper.

Olması Gereken Eklenti MODx

MODx için en popüler ve çoğu zaman kötü niyetli eklemeler:

1. As- MODx kod düzenleyicisi;
2. Koleksiyonlar- kaynak koleksiyonlarının tanıtımı ve yönetimi;
3. pdoAraçlar- MODx temel araç seti;
4. FormIt- MODx'te formlara sahip robot;
5. phpThumbOf- MODx'te görüntüleri olan robot;
6. TinyMCE/CKEditor (isteğe bağlı)- MODx için metin WYSIWYG editörü;
7. translit- MODX için URL çevirisi;
8. MIGX- MODx'e eklenecek alanlar eklendi;
9. otomatik şablon- Kaynak şablonlarının "Akıllı" otomatik tanınması.

MODx Devrimi için temel ince ayarlar

git " sistemik ayar".

1. Paylaşılan: Dostu URL

   • Takma adların çevirisi: Rusça;
   • Çırpma dostu URL: Böyle;
   • Suvory dostu URL modu: Böyle;
   • Tüm bağlamlarda URI'yi çoğaltmak için değiştirin: Böyle;
   • Öne Çıkan Katkılar URL'si: Böyle;
   • adını da değiştirmeyi unutma ht.erişim içinde .htaccess sitenin kökünde.

2. Razdіl: Panel keruvannya

   • Açıklamayı üst menüde göster: Ni.

3. Rozdil: Web sitesi

   • Storinka pardon 404 "Belge bulunamadı": Kaynak Kimliği 404;
   • Kilitleme için: Böyle;
   • Site adı: Projenize bir ad verin.

4. Rozdіl: Sistem ve sunucu

   • Nadsilati başlık X-Powered-By: Ni.

5. Ad alanı: ace

   • Yazı Boyutu: 18 piksel;
   • Yumuşak tablolama: Merhaba;
   • Rozmir tablosu: 2;
   • Editörün teması (isteğe bağlı): ambiyans, kaos, krom, bulutlar, cloud_midnight, kobalt, crimson_editor, şafak, dreamweaver, eclipse, github, boş_parmaklar, katzenmilch, kr, kuroir, merbivore, merbivore_soft, mono_indrk, Tomorrow_night, Tomorrow_night_blue, Tomorrow_night_bright, yarın_gece_bright, yarın_gece_bright, yarın_gece_bright,
   • Ayrıca konuyu değiştirebilirsiniz. malzeme editör Ace ile. Talimat:

     MODx Ace Malzeme Teması 1. Sistem Özelleştirme > "ace" Ad Alanı: Yazı Tipi Boyutu: 15px Düzenleme Alanı Yüksekliği: 560 Görünmez Karakterler: Tak Yumuşak Sekme: N Sekme Boyutu: 2 Düzenleyici Teması: Tomorrow_night 2. Dosyalar: super > default > css > index .css: (Cinci olarak ekleyin) !important) .ace_gutter(color:#666E79!important) .ace_active-line,.ace_gutter-active-line(background-color:#2A2F38!important) .ace_scroller,.ace_gutter (background- renk: #272B33!önemli). ace_meta.ace_tag(color:#A6B2C0!important) .ace_meta.ace_tag.ace_tag-name(color:#DF6A73!important) .ace_entity.ace_other.ace_attribute-name(color:#D2945D!important) !important) 3. Önbelleği temizle menü aracılığıyla.

Temel kaynakların oluşturulması

1. Storinka 404- belgeyi sabitleme tarafı bulunamadı. Menüde gösterme;
2. site haritası- vizyon için kaynak [] . Boş şablon. Menüde gösterme. Yerine yazın: XML. Şaka için kullanılamaz. HTML düzenleyicisini etiketlemeyin;
3. robotlar- vizyon için kaynak robots.txt. Boş şablon. Menüde gösterme. Yerine yazın: Metin. Şaka için kullanılamaz. HTML düzenleyicisini etiketlemeyin.

Geçmiş derslerde modx kurduk ve düzelttik ve ayrıca sitenin oluşturulması için gerekli olacak paketleri kurduk. Bugünün öğreticisi, harika HTML/CSS/JS'yi MODX Revo tasarımına taşımakla ilgilidir. Tasarımı nereden bulabilirsin, makaleye yazdım: MODX şablonları - nedir, nedir? Sitem için hazır ödemeyi seçtim duyarlı önyükleme Brightbox adı altında 17$'a theforest'ta şablon (yoga demosu ve açıklamasına bakmak için isme tıklayın). Kesinlikle yenebilirsin, hepsi aynı, hiçbir ücret ödemeden - böylece daha hızlı esneme prensibini anlarsınız.

Tema HTML Yapısı

Pratik cilt teması html, css, js ve resim dosyalarına sahip olabilir + daha fazlasına sahip olabilir php dosyaları- Obrobnik formları.

Benim görüşüme göre, varlıklar klasöründe css ve js dosyaları var (ayrı dizinlerde), resimler klasöründe - resimler ve kırmızı dosyalar (kırmızı olmamalarını sağlayabilirsiniz - her şey kilidin arkasına kurulu tarayıcıda saklanır) - bunlar html dosyalarıdır.

Bir şablonu Modx'a taşıma

En basit yol, web sitesinin kök dizinine klasörler (krem html) içeren tüm dosyaları yüklemektir. Ale, ben kıvrımlı bir yol izleyeceğim. Modx dosyalarım ve varlık dizinlerim olmadığı için sitenin kök dizinine varlıkları (css ve js alt klasörleri) ve görüntüleri kök dizinine yükleyeceğim.

Önceden, şablon dizini oluşturdum ve içindeki tüm dosyaları yükledim - bunu kendiniz yapabilirsiniz.

Temel şablonu düzenleme

Dil ağacında "Öğeler" sekmesine gidin ve koçanı desenini açın (sadece LMB veya RMB'ye tıklayıp düzenlemeyi seçebilirsiniz).

Onu görebilir ve index.html'den gelen kodla değiştirebiliriz (sitenin kök dizinine koymadık).

Harika bir not defteri yardımıyla bir HTML dosyasını açabilir veya daha iyisi yazabilirsiniz. özel editörörneğin

Gelelim sitenin ana sayfasına.

Ana taraf aynı zamanda çarpık görünüyor.

Komut dosyalarına ve css'ye giden yolları değiştirene oldu.

Yolların düzeltilmesi

Yollar bir anda böyle görünüyor.

Troch'un konuşmasına kadar, konu harika, / ile yolu seslendirin ve \ düzeltin.

Ace paketini zaten yüklediyseniz, kodu tıklayıp ardından Ctrl + H tuşlarına (Linux ve Windows'ta çalışıyor) tıklayabileceğiniz bir yedek arayabilirsiniz, üst alana \, ve altta / hepsini tıklıyorum.