Tutorial per creare un CMS (content management system) responsive
Condividi
Tutorial per creare un CMS (content management system) responsive
In questa guida spiego come realizzare uno content management system da zero, come l’attuale sito, sulla rete potete trovare anche altri esempi: illustrerò la realizzazione, i software, per un uso open source o privato.
Perché realizzare un CMS proprietario?
Perché i vari software open source come Joomla, wordpress, Drupal usano un loro Framework che è sempre in evoluzione, cambia nel tempo è richiede un certo tempo per assimilare i nuovi contenuti.
Un altro motivo i moduli o i plugin di questi software non sono sempre gratuiti o a passo con i tempi, la possibilità di avere un CMS personalizzabile ed avere il pieno controllo, alla lunga porta dei benefici di tempo ed economici.
Così potete creare gratis i siti e portali Web senza impazzire con gli aggiornamenti, che possono non far funzionare i moduli o i plugin.
Cosa serve per realizzare un CMS?
I software che uso per realizzare un CMS sono :
- una piattaforma software di sviluppo web WAMP o LAMP :
- un IDE semplice, io consiglio Notepad++ o più complesso NetBeans;
- un editor di testo per il CMS http:⁄⁄ckeditor.com ;
- Scaricare il kit di Google per creare il template responsive per le pagine Web, lo trovate alla start kit,poi cliccare su Try a sample layout e salvare la pagina nella stessa cartella dove si è scaricato il kit. Se non vi piace il layout del kit di Google (il colore lo potete modificare), ma volete fare CMS più belli potete optare per bootstrap
Infine tanta voglia, saper programmare in PHP, strutturare un Database è saper assemblare Js, Jquery, CSS3 nonché sapere un poco di HTML5.
In sintesi cosa faremo in questo tutorial:
Creiamo il Database per il CMS
Dobbiamo creare il database, installiamo Easyphp, una volta installato lo troviamo a destra in basso di Windows sulla sbarra, tasto destro sul icona di Easyphp è selezionare “Administration”, cliccare su “open” si apre PhpMyAdmin (in Linux basta scrivere http://127.0.01/phpmyadmin).
Possiamo creare un db e 5 tabelle: una per i dati sensibili per il modulo di contatto (ricordiamoci di criptarli), una per il testo, una per il menu, uno per le slide ed infine una che contiene il titoli di primo livello dei link della barra del menu.
Adesso creiamo il file di configurazione del CMS
Imitiamo Joomla creiamo il primo file di configurazione con dentro tutti i dati che abbiamo utilizzato per la configurazione di Apache e Mysql.
Iniziamo a costruire il Layout del CMS realizziamo il menu
Scriviamo il codice per rendere il sito dinamico, per non fare confusione o tripli lavori è meglio copiare il file e il kit che abbiamo scaricato da Google, rinominami il file html come vogliamo con estensione php, cancelliamo tutto ciò che sta dopo il TAG <⁄nav> e lo includiamo nel file index.php.
Nel file che abbiamo rinominato iniziamo a creare i cicli per creare il menu, prendendo i dati dal db(naturalmente popoliamo prima le tabelle del db).
Ora costruiamo il corpo delle nostra pagine tutto dinamico il file Index.php
Quindi il nostro file index troviamo incluso il file di configurazione, poi il file che contiene il menu e l’intestazione HTML5.
Ora sopra l’inclusione del file che contiene il menu e sotto il file di configurazione mettiamo i nostri cicli scritti in PHP, che naturalmente prendono i dati dal database nella tabella ove contiene il testo che vogliamo visualizzare.
Adesso passiamo a creare il file della amministrazione del CMS
CMS made simple il file di amministrazione va incluso:
- un modulo per cercare le pagine;
- un modulo per cercare gli articoli del Blog;
- un modulo per inserire le pagine;
- un modulo per inserire gli articoli nel Blog;
Se vogliamo fare un CMS per l’ecommerce dobbiamo creare una tabella articoli e un modulo trova articolo e un modulo inserisci l’articolo;
Quale CMS scegliere o usare? I buoni CMS hanno la parte amministrativa Easy per velocizzare l’inserimento dei dati come Wordpress.
Adesso nella nostra pagina possiamo inserire l’editor nella pagina che abbiamo scaricato da http:⁄⁄ckeditor.com.
Per finire creiamo la pagina che verifica ed inserisce i record o gli aggiornamenti dei record nelle tabelle del Database.
Realizziamo passo passo il nostro CMS propietario:
- Installiamo la piattaforma wamp (sotto Windows) o la piattaforma lamp ( sotto Linux Ubuntu)
- Creiamo il modulo di login per la nostra dashboard dove amministriamo il nostro CMS;
- Realizziamo la dashboard
- Realizziamo il layout per il cms
- Creiamo il cms : intestazione e menu
- Realizziamo un CMS da zero
- Realizziamo un form di contatto
se siete arrivati qui, potete dire che figata!!! Ho realizzato il mio CMS proprietario !!! Adesso per realizzare un sito c'impiego meta tempo rispetto a Wordpress !!! Sono un figo!!!