Rivoluzione MODX - Tutorial di base. MODX Revolution - Tutorial di base Accordatura di base di MODX Revolution

Sito ufficiale di MODX

http://modx.com/

Materiali primari sulla creazione di siti suMODx

Parametri degli snippet

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

Il resto della distribuzione può essere scaricato su http://modx.com/download/evolution/

La sequenza di creazione del sito suMODxEvoluzione

1. Crea un database con lo stesso prefisso, assegnato dall'hoster, in modo da non modificare il file config.inc.php.
2. Installa MODx. Zrobiti nalashtuvannya.
3. Copia il modello nel sito nella cartella asset/modelli.
4. Copia il codice del modello index.html dal modello Modelli minimi.
5. Tutto nel mezzo scrivi un modo

   .

6. Scrivi percorsi per script, immagini, stili (img, link, scrypt). Per esempio,

7. Designare i modelli di collegamento sul sito.
8. Vedere le camere da letto per tutti i lati della parte della puzza sarà un pezzo. Pezzi appaiono sulle tempie ricci con ferretto. Ad esempio, ((TESTA))
9. Il menu smut del sito può essere attribuito a un pezzo okremy. .
10. Menu del sito Questa mappa del sito viene visualizzata come uno snippet di Wayfinder. Descrizione del frammento di Wayfinder.
11. L'elenco delle risorse per quel numero con descrizioni, immagini, messaggi ... viene visualizzato con il nippet Ditto. Descrivi e allega lo snippet Ditto.
12. La lanterna di navigazione "Breadcrumbs" viene visualizzata nello snippet Breadcrumbs. Descrizione del frammento di breadcrumbs.
13. La ricerca nel sito viene eseguita con lo snippet AjaxSearch. Descrizione dello snippet AjaxSearch.
14. Il modulo zvorotny zv'azku- Modulo elettronico frammento. Il calcio di una forma pieghevole di uno zvorotny zv'yazku utilizzando lo snippet eForm.
15. Plug-in Phx incarichi per ricontrollare la presenza dell'immagine nei parametri TV, indicando i poteri del padre e int.
16. È necessario prescrivere inoltre uno spratto di stili.
17. Dopo aver trasferito il sito all'hosting:

Ciao a tutti, amici! Tse lezione di base da CMF MODX Revo soluzione, per quanto ne sappiamo dal sistema MODX, possiamo installare i plugin necessari e possiamo sistemare il framework di base.

Batti le mani

Zapiniti

Risorse per una lezione MODX di base:

• Documentazione di pdoTools: docs.modx.pro/components/pdotools/

Installazione e personalizzazione dei plugin MODx

Installabile Avanzate Versione MODx, al momento dell'installazione, viene indicato che la cartella sarà nominata per l'amministratore super.

Plugin indispensabile MODx

Le aggiunte più popolari e più spesso malvagie per MODx:

1. Asso- Editor di codice MODx;
2. Collezioni- introduzione e gestione delle raccolte di risorse;
3. pdoTools- Set di strumenti di base MODx;
4. FormIt- robot con moduli in MODx;
5. phpThumbOf- robot con immagini in MODx;
6. Editor TinyMCE/CK (opzionale)- Editor di testo WYSIWYG per MODx;
7. traslittare- Traslitterazione URL per MODX;
8. MIGX- Aggiunti campi da aggiungere in MODx;
9. modello automatico- Riconoscimento automatico "intelligente" dei modelli di risorse.

Modifiche di base a MODx Revolution

Vai a " Adeguamento sistemico".

1. Condiviso: URL amichevole

   • Traslitterazione di pseudonimi: Russo;
   • URL compatibile con la frusta: Così;
   • Modalità URL amichevole di Suvory: Così;
   • Modifica per duplicare URI in tutti i contesti: Così;
   • URL dei contributi in primo piano: Così;
   • Non dimenticare di cambiare anche il nome ht.access in .htaccess alla radice del sito.

2. Razdіl: pannello keruvannya

   • Mostra la descrizione nel menu in alto: Ni.

3. Rozdil: sito web

   • Storinka pardon 404 "Documento non trovato": ID risorsa 404;
   • Per il blocco: Così;
   • Nome del sito: Dai un nome al tuo progetto.

4. Rozdіl: sistema e server

   • Intestazione Nadsilati X-Powered-By: Ni.

5. Spazio dei nomi: asso

   • Dimensione del font: 18px;
   • Tabulazione morbida: Ciao;
   • Tabulazione di Rozmir: 2;
   • Tema dell'editor (opzionale): dell'alba, ambiente, cloud_midnight, cobalto, cromo, crimson_editor, dreamweaver, eclipse, github, idle_fingers, il caos, katzenmilch, kr, kuroir, merbivoro, merbivore_soft, mono_indrk, domani_notte, domani_notte, domani_notte_blu, domani_notte_ottanta, domani_notte_ottanta, inchiostro vibrante, xcode, zweirã¤drige;
   • Inoltre, puoi cambiare argomento Materiale con l'editor Ace. Istruzioni:

     Tema materiale MODx Ace 1. Personalizzazione del sistema > Spazio dei nomi "ace": Dimensione carattere: 15px Altezza area di modifica: 560 Caratteri invisibili: Tak Scheda morbida: Dimensione scheda N: 2 Tema editor: domani_notte 2. File: super > predefinito > CSS > indice .css: (Aggiungi in cіncі) !important) .ace_gutter(color:#666E79!important) .ace_active-line,.ace_gutter-active-line(background-color:#2A2F38!important) .ace_scroller,.ace_gutter (background- colore: #272B33! importante) . 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. Svuota cache attraverso il menu.

Creazione di risorse di base

1. Storinka 404- non è stato trovato il lato per la riparazione del documento. Non mostrare al menu;
2. Mappa del sito- risorsa per la visione [] . Modello vuoto. Non visualizzare nel menu. Digita sul posto: XML. Non disponibile per scherzo. Non taggare l'editor HTML;
3. robot- risorsa per la visione robots.txt. Modello vuoto. Non visualizzare nel menu. Digita sul posto: Testo. Non disponibile per scherzo. Non taggare l'editor HTML.

Nelle lezioni precedenti, abbiamo installato e riparato modx, e anche installato i pacchetti che saranno necessari per la creazione del sito. Il tutorial di oggi riguarda il porting di un ottimo design HTML/CSS/JS su MODX Revo. Dove puoi ottenere il design, ho scritto nell'articolo: modelli MODX: cos'è, come puoi ottenerlo (prendilo, prendilo, compralo). Per il mio sito, ho selezionato ready paid bootstrap reattivo template on theforest per $ 17 sotto il nome brightbox (clicca sul nome per sfogliare la demo e la descrizione dello yoga). Puoi batterlo assolutamente, è lo stesso senza alcun costo, quindi comprendi l'intero principio dello stretching sempre più rapidamente.

Struttura HTML del tema

Il tema della pelle pratica può avere file html, css, js e immagine + avere di più file php- Forme Obrobnik.

A mio avviso, nella cartella asset ci sono file css e js (nelle directory separate), nella cartella immagini - immagini e file rossi (puoi averli non rossi - tutto è memorizzato nel browser installato dietro il lucchetto) - questi sono file html.

Porting di un modello su Modx

Il modo più semplice è caricare tutti i file con le cartelle (crema html) nella radice del sito web. Ale, seguirò un sentiero pieghevole. Dal momento che non ho file modx e directory delle risorse, caricherò le risorse (sottocartelle css e js) nella radice del sito e le immagini nella radice.

In precedenza, ho creato la directory del modello e ho caricato tutti i file da essa: puoi farlo da solo.

Modifica del modello di base

Nell'albero delle lingue, vai alla scheda "Elementi" e apri il modello pannocchia (puoi semplicemente fare clic su LMB o RMB e selezionare modifica).

Possiamo vederlo e sostituirlo con il codice di index.html (non lo abbiamo inserito nella root del sito).

Puoi aprire un file HTML con l'aiuto di un ottimo blocco note o, meglio ancora, scrivere redattore speciale Per esempio

Andiamo alla pagina principale del sito.

Lato principale allo stesso tempo sembra storto.

È successo a colui che ha cambiato i percorsi di script e CSS.

Correzione dei modi

I percorsi sembrano subito così.

Fino al discorso del troch, l'argomento è meraviglioso, scandaglia la strada attraverso la barra / e \, correggilo.

Se hai già installato il pacchetto ace, puoi cercare facilmente e semplicemente un sostituto, per il quale puoi cliccare sul codice e poi sui tasti Ctrl + H (funzionante su Linux e Windows), nel campo in alto inserisci \, e in basso / faccio clic su tutto.