Home page

Dopo aver installato con successo la versione corrente, avrete già familiarizzato con le impostazioni base del Pannello di Amministrazione. Questa sezione illustrerà i punti essenziali per la configurazione iniziale e le potenzialità nella creazione del layout .

L'architettura del sito rappresenta il suo cuore. Lo stile del sito dipenderà naturalmente dal target dei suoi visitatori. Agli utenti del vostro sito aziendale non interessa il blocco degli "Articoli più letti" o degli articoli vecchi. Gli interesserà magari solo sapere se i vostri prezzi sono più convenienti e i vostri prodotti migliori degli altri :) Abbiamo bisogno di un sistema flessibile che può adattarsi a tutti gli scopi e atutti i tipi di flussi informativi.

I maggiori problemi sorgono quando si vogliono fare modifiche durante il periodo di normale operatività del sito. Altre volte vogliamo porre l'attenzione su un contenuto che è disponibile solo in una certa pagina. Il costo è quello del tempo aggiuntivo per effettuare dette modifiche in un sistema rigido, anche per le più piccole modifiche. eNvolution fornisce diverse possibilità per disegnare la propria architettura del sito. Si possono scegliere gli strumenti inclusi nel sistema o creare le proprie funzioni usando script in HTML o PHP.

Nel web design convenzionale, il grafico web crea un'architettura semplicistica per avere la mappa del sito. Si evidenzia così il flusso delle informazioni e la loro gerarchia, decidendo anche per quali parti ripetere la grafica e quali debbano avere un layout diverso. Poi si creano le pagine web vere e proprie, pagina dopo pagina, seguendo le linee guida dellamappa del sito. L'uso degli applicativi  CMS è certamente una soluzione per automatizzare molti di questi processi. Ma non è tanto semplice per chi non è programmatore modificare le caratteristiche incluse in questi prodotti per permettere una buona personalizzazione e la realizzazione dele proprie idee creative.

Riepilogo Step by Step

E' risaputo che ci vuole tempo extra per implementare il concetto delle Zone di eNvo per personalizzare il proprio sito. E' vero, ma il vantaggio di questo metodo è che permette un grosso risparmio di tempo e una ampia flessibilità nella gestione dei processi di sviluppo e manutenzione del sito.

Step 1: Installazione e configurazione del tema Borobudur

• Installazione: Caricare il tema Borobudur nella cartella VostroDominio/themes/ .

• La cartella Cache: Creare una cartella Borobudur dentro la cartella VostroDominio/xcache/ , impostare il CHMOD (permessi) a 777

• Attivazione del Tema: Attivare il tema Borobudur. Andate in Amministrazione => Impostazioni => Encompass => Configurazione Temi, cliccare su Aggiungi Tema. Scegliere i colori che volete usare per il vostro sito.

• Configurazione del Tema: Nella Configurazione Tema cliccare sulle Impostazioni di Borobudur, più in basso nella pagina trovate la tabella delle Impostazioni generali: modificate la dimensione dei caratteri, la larghezza della pagina e le opzioni per i pulsanti. Ci sono tre diversi tipi di pulsanti, il numero duwe è quello impostato per default.

• Le Zone Master: Aggiungere le zone master dalle Impostazioni di Encompass. Andate in Amministrazione => Impostazioni => Encompass; per aggiungere ogni zona fare riferimento a questa stessa guida.

• LogicPlus: Applicare LogicPlus ai moduli principali, verranno rimosse tutte le impostazioni dei blocchi da vostri moduli. Andate in Amministrazione => Impostazioni => NoMoreBlocks

Step 2: Design del Layout, preparazione dei File Template & Blocchi

• File Master HTML: Aprite il vostro editor HTML, modificate il file master1.htm, ottimizzate i tag delle tabelle secondo il layout del sito scelto. Se avete intenzione di utilizzare più file master per i moduli, create i diversi layout e salvateli come master2.htm, master3.htm. Tutti i file si devono trovare in Vost5roDominio/themes/Borobudur/templates.

• File Template HTML dei Blocchi: Disegnate, modificate e create i file HTML che costituiranno la vostra libreria di modelli per i blocchi, come mainmenu.htm, dsblock.htm, lsblock.htm ecc. Far riferimento al capitolo sui Modelli per Blocchi in questa stessa guida. Potete utilizzare i nomi che volete e tutti questi file devono trovarsi in VostroDominio/themes/Borobudur/templates.

• Creazione dei Blocchi: Create i blocchi da utilizzare nelle Zone Master, come Menu Alto, Menu Sinistro, Blocchi eNvo ecc. Usate nomi brevi e significativi per il titolo di questi blocchi, come MenuSinistro Principale, MenuSinistro generale, ecc.

• Assegnare i Modelli di Zone al Tema: Si possono assegnare diversi file modello ai blocchi e ai moduli. Andate in Amministrazione => Impostazione => Encompass => Configurazione Borobudur, create nuovi modelli di zone per i vostri Blocchi e Moduli. Far riferimento al capitolo sui Template delle Zone dei Temi in questa stessa guida. Per assegnare file modello master diversi ai moduli, utilizzare sempre il prefisso M-NomeModulo per il nome delle Etichette delle Zone. Per esempio M-News per il modulo delle News, oppure M-Downloads per il modulo Downloads, poi scegliere master2.htm, o master3.htm come file master modello per quel particolare modulo.

• File Modello Indice degli Articoli: Si possono assegnare diversi file modello per l'indice degli articoli. Create alcuni file modello per l'indice degli articoli formattati in HTML, posizionate tutti i file nella cartella VostroDominio/themes/Borobudur/templates/news.

Step 3: Preparazione del Sito

• NoMoreBlocks: Assegnate tutti i vostri Moduli e Blocchi usando questo strumento: andate in Amministrazione => Impostazioni => NoMoreBlocks.

• Amministrazione di Visual Blocks: Gestite tutti i vostri Moduli e Blocchi usando questo strumento: attivate Visual Blocks da Amministrazione => Impostazioni => Blocchi => Configurazione. Far riferimento al capitolo sull'Amministrazione di Visual Blocks in questa stessa Guida.

In questa sezione esploreremo la funzione Zone e i relativi blocchi e moduli per costruire iul proprio sito.

In eNvo 1.2 nel Configuratore di Encompass, troviamo due tipi di zone: il primo tipo di zona si trova nel config del tema e queste impostazioni riguardano solo il tema di default. Il secondo tipo di zone si trova nel Configuratore principale di Encompass. Per evitare confusioni sui tipi di zone useremo il termine To avoid confusing about the zoning terms, we will use Templates delle zone del tema per il primo tipo e Templates delle zone del Master per il secondo tipo.

Templates delle zone del tema

Da questo strumento si può modificare il layout dei blocchi scegliendo il file modello html presenti nella cartella themes/TuoTema/templates. Si possono usare direttamente il file modello disponibili oppure creare i propri file html.

Per esempio non volete che sia visualizzato il titolo nel blocco Reminder, perciò create un file modello come nella tabella seguente, salvate come plain.htm e copiate il file nella cartella theme/TuoTema/templates/ :

I seguenti passi spiegano come assegnare un nuovo modello di zona del tema per il blocco 'Reminder':

Step1:
Aprite il Configuratore di Encompass oppure digitate http://www.YourDomainName/index.php?module=Encompass&type=admin, poi cliccate sul link Modifica Tema.

Step2:
Cliccate sul link Aggiungi Nuova Zona, inserite Reminder come Nome Zona e reminder scritto in minuscolo come Etichetta Zona e cliccate sul tasto Invia.

Da notare: Guardate se avete un nome di blocco tipo 'Main Menu' come nome di zona, in caso dovete cambiarlo in 'mainmenu' senza spazi e in minuscolo per l'etichetta della zona.

Step3:
Scorrete la tabella delle impostazioni delle Zone da configurare e attivate il Modella della zona di Reminder. Cliccare sul link Configura e scegliete plain.htm dalla lista a discesa dei template e cliccate sul tasto Invia e ricliccate il link di attivazione. Ora il vostro blocco Reminder conterrà solo del testo e non avrà il titolo.
Templates delle zone del Master
Per avere un'idea, guardatevi l'immagine del Master Zoning Template sample e capirete come vengono usate le variabili delle zone all'interno del file master1.htm. Tutto i nomi delle zone all'interno del Configuratore di Encompass verranno riconosciuti da qualsiasi tema installato nel vostro sistema, finchè questi nomi delle variabili delle zone risultano appunto in master1.htm. Così, se per esempio aggiungete ZUPPERTOP da usare come tag nel vostro tema, dovrete includere la variabile [-$ZUPPERTOP-] nel vostro master1.htm

Guardando l'immagine d'esempio, ci sono tre colori diversi usati per il layout dell'area: marrone per la Main Content Area (l'area principale), il grigio per l'area Existing Theme Function (funzione del tema corrente) e il bianco per la Customized Zone Area, cioè la zona personalizzata..

1. Area del Contenuto Principale
Quest'area è costituita dalla variabile del contenuto principale e dall'area fissa dei tre blocchi aggiuntivi: i blocchi centrali, i blocchi interni e i blocchi centrali inferiori della pagina. Dovete solo inserire la variabile principale [-$MAINCONTENT-] nel file master1.htm, senza i blocchi aggiuntivi. Questi blocchi derivano dal tema precedente di PostNuke e seguono automaticamente l'are43a di contenuto principale. Lo svantaggio rappresentato da questi blocchi aggiuntivi sta nella impossibilità di modificare la dislocazione dell'area, perchè è integrata pesantemente nel codice. Ma se volete lo stesso usare quest'area, potete modificare i files all'interno della cartella themes/Borobudur/addons.

2. Funzioni dei temi
Queste funzioni rappresentate come area di colore grigio nell'esempio, sono funzioni in PHP presenti nel file themes/Borobudur/funcs.php. Il file contiene alcune funzioni che possono essere usate anche nel master file. All'interno di master1.htm del tema Borobudur potete trovare alcune di queste funzioni come [-$GREETINGS-] e  [-$TOPLINKS-]. Se conoscete il linguaggio PHP, potete personalizzare questo file e aggiungere variabili al master file. La seguente tabella mostra la lista delle funzioni presenti e disponibili nell'applicazione. Non è possibile modificare il nome dei tag variabili: usatele così come sono:

Non approfondiamo oltre la programmazione in PHP, perchè il tutorial è indirizzato a chi non è programmatore. Comunque approfondiremo la questione in altre guide. Si può leggere a proposito anche l'articolo di pani su Come trasformare un tema PostNuke per envolution
3. Zone Personalizzate
le aree bianche dell'esempio rappresentano le area delle zone personalizzate. Vuol dire che avete la possibilità di usare vostre variabili che perciò non sono già integrate nel codice dell'applicazione. Come riferimento, potete trovare queste variabili all'interno dell'immagine d'esempio della Master Zoning , e creare la vostra Zona Master da Encompass, come segue:

Dopo aver aggiunto queste aree di zona, potete finalmente personalizzare il layout della vostra pagina. Ricordarsi che i nomi di variabili usate sono di esempio e perciò potete creare zone e modificare i nomi a piacimento. Potete poi usare le zone disponibili per comporre il layout dei moduli e ciò non significa che siete obbligati ad usare tutte le zone. Questo sistema è come un contenitore di dati: potete utilizzarlo oppure lasciarlo per utilizzi futuri. In una singola zona potete poi inserire più blocchi e la lista di zone disponibili dovrebbe essere sufficiente per la vostra personalizzazione. Nella prossima sezione inizieremo a preparare il layout con lo strumento dei blocchi.

Cliccate sulla freccina per vedere l'immagine del Master Zoning Template

Ecco un esempio del sistema delle Zone:

Pannello di Amministrazione di Visual Blocks

Una volta impostati tutti i file delle Zone Master, dei Blocchi e dei Moduli, è possibile gestire i blocchi tramite il Pannello di Amministrazione di Visual Blocks. Seguite la procedura descritta sotto per attivare lo strumento Visual Blocks:

Step 1:

Attivazione di Visual Blocks: Aprite Amministrazione => Impostazioni => Blocchi => cliccate il link Configurazione, attivate la voce 'Attiva amministrazione visuale'.

Step 2:

Icone di Visual Blocks:

Segue Step 3
Step 3:

Il Pannello di Amministrazione di Visual Blocks:

• Scaricate il modulo Cnl_Blank

Attivazione del Modulo: Fate l'upload del modulo Cnl_Blank nella vostra cartelle dei moduli. Potete rinominare il modulo come volete. Poi bisogna generare questo modulo in Amministrazione => Impostazioni => Moduli => Genera, cercate Cnl_Blank (o il nome che gli avete assegnato), inizializzatelo e attivatelo.

Preparazione della Zona: Assegnate LogicPlus e altri blocchi di zona. Andate in Amministrazione => Impostazioni => NoMoreBlocks, selezionate Cnl_Blank (il nome che avete dato al modulo) dalla lista a discesa dei moduli e selezionate LogicPlus e altri blocchi come Logo, TopMenu, LeftMenu ecc.

Contenuto HTML: Potete anche creare del contenuto html all'interno di questo modulo. Aprite la index.php del modulo Cnl_Blank con un editor html. Potete aggiungere qualsiasi testo e tag html tra le parentesi

?>

Scrivete i vostri contenuti quì.

Eseguite il vostro modulo. Digitate index.php?name=Cnl_Blank per esguire il modulo.

• Scaricate il modulo Cnl_Template.

 Questo esempio di modulo vi aiuterà ad indirizzare e canalizzare il flusso informativo o la categoria degli articoli. Potete creare ulteriori moduli basati su questo modello.

Step 1:

Download: Scaricate il modulo Cnl_Template.

Step 2:

Rinominate il modulo con nome scelto da voi. Aprite tutti i file PHP della cartella del modulo Cnl_Template e modificateli come segue:

• Sostituite tutte le parole Cnl_Template con il nome da voi dato al modulo, p. es. Cnl_Modules

• Sostituite cnl_ftemplate con il nome da voi dato, per es. cnl_fmodules [in minuscolo]

• Cambiate il numero $catid dentro il file index.php [riga 62-63] con il vostro numero di categoria.

Step 3:

Attivazione del Modulo: Caricate il modulo Cnl_Modules (o il nuovo nome da voi assegnato) nella cartella dei moduli di sistema. Generate il modulo da Amministrazione => Impostazioni => Moduli => Genera, trovate Cnl_Modules (o il nuovo nome assegnato), inizializzate ed attivate il modulo.

Step 4:

Preparazione della Zona: Assegnate LogicPlus ealtri blocchi di zona. Poi andate in Amministrazione => Impostazioni => NoMoreBlocks, selezionate Cnl_Modules (o il nome da voi dato al modulo) dalla lista a discesa dei moduli, selezionate LogicPlus e gli altri blocchi, come Logo, TopMenu, LeftMenu etc.

Step 5:

Lanciate il modulo: Digitate index.php?name=Cnl_Modules per eseguire il modulo.

Esistono vari modi per creare un modulo partendo da altri moduli, per es. da WebLinks, Ephemerids, FAQ ecc. Aggiungendo alcuni blocchi come Topics (Argomenti) o Story (Articoli), potete creare una ricca interfaccia utente per i vostri moduli personali.

Building your site using eNvo 1.2.0 è di sjah. Potete liberamente distribuire, tradurre per voi o per il eNvo community network l'opera. Siete invitati a esprimere suggerimenti, correzioni e idee per questa guida. Contattate l'autore sjahrazad at BataviaMall dot com
sjah - April 09, 2003

La traduzione è stata curata da Angelo Gagliani, staff di eNvolution.it e da computerx. L'impaginazione in formato pdf della versione in Download è di ßlue.

[Traduzione di computerx]

Con la versione corrente di Envolution, bisogna buttare i vecchi metodi di phpnuke, postnuke, e quelli precedenti di Envolution riguardo il design del layout. Fino a quando il precedente concetto sarà ancora nella vostra mente, le vostre domande saranno sempre attorno ai classici argomenti, come come posso rimuovere il top link.., voglio avere la colonna destra nella homepage ma non nelle altre pagine.., ecc.. Molte di queste domande derivano dai precedenti problemi con il sistema dei temi. Prima il design del layout dipendeva da come il layout era integrato nei file del tema e nelle funzioni. Se non sei un programmatore non potrai mai sapere se ci sono tag di chiusura html mancanti nel tema php. In alcuni casi troverai che il modulo con i link in basso non si trova dove dovrebbe.

Ora si ha un controllo totale del layout della pagina, visto che la funzione dei temi di Envolution 1.2 non è un Modello di Design, ma diventerà il tuo Master Modelli delle Zone. Il design del layout si compone col sistema dei Blocchi, e ciò è il motivo per cui inseriamo i blocchi come elementi del tema.

Come in prologo in questa sezione, ecco le possibilità per l'integrazione delle funzioni delle Zone e dei Blocchi:

• si può usare un File Master unicoo come area principale delle Zone per tutti i moduli, dove per ogni modulo si può generare un layout differente e illimitate modifiche al modello

• si può usarne più di un file master. Ogni modulo può avere il suo File Master delle Zone, ciò significa avere una maggiore flessibilità per modificare il design del layout.

• Si può creare illimitati file del modello per le news e per i contenuti dei blocchi.

• Con i blocchi in html, si possono espandere le funzioni dei blocchi con più caratteristiche come l'inserimento di Flash, JavaScript, o di qualsiasi altra applicazione basata sul web supportata dai tag html.

• Si possono avere illimitate immagini e pulsanti dentro un modello del tema.

• La cosa importante è che la maggior parte dello sviluppo di questi blocchi può essere fatta con i tag html, utilizzando il tuo editor html preferito.

Nella prossima pagina mostreremo come ottimizzare i blocchi come elementi del Design
Creare Blocchi come modelli del design

Come esempio veloce di design per modelli, si possono confrontare questi due link, link1 e link2 dal mio sito di test. Vedrete che il primo link ha il suo logo e i menu diversi dal secondo link. In master1.htm troverete la variabile [-$ZLOGO-], la Zona Logo è la Zona per creare un logo diverso per ogni modulo. Questo esempio mostra come produrre differenti stili.

Preparazione dei Moduli

Per iniziare a preparare un pò degli elementi che ci servono nel design, è sempre una buona idea crearsi qualche schema o immagine delle pagine o del layout dei moduli desiderato. Questo aiuta a scegliere quali blocchi usare ripetitivamente nei moduli o quale blocco specifico usare in ogni modulo.

Applicare poi la logica LogicPlus ai moduli per usare l'area Master di Zona. Ci sono due modi per assegnare LogicPlus:

• Assegnare LogicPlus individualmente ai tuoi moduli, apri Amministrazione => Impostazioni => NoMoreBlocks, o entrare in http://YourDomainName/admin.php?module=NoMoreBlocks&op=main&type=admin. Scegliere il nome del modulo dalla lista dei moduli, quindi selezionare LogicPlus dalla lista dei blocchi, quindi cliccare sul pulsante Invia.

• Applica LogicPlus a tutti i moduli, apri Amministrazione => Impostazioni => NoMoreBlocks => Seleziona Logic, o entrare in http://YourDomainName/admin.php?module=NoMoreBlocks&op=NoMoreBlocks_LogicPlusAllConf. Cliccare sul link Cambia Logica. Se si aggiunge un nuovo modulo, bisogna assegnare LogicPlus anche al nuovo modulo.

File Modello dei Blocchi

Ogni tema di eNvolution si compone sempre di un file modello dei blocchi che sono collocati nella cartella themes/Borobudur/templates. Si possono usare i file esistenti per i blocchi o creare i propri modelli. Se vuoi creare il tuo modello, ci sono tre variabili che possono essere usate dentro i tag html, [-$TITLE-] per il titolo del Blocco, [-$CONTENT-] per il contenuto del Blocco e [-$MINBOX-] per ridurre/ ingrandire i pulsanti di collegamento. Puoi creare il tuo modello di stile, ed includere almeno [-$CONTENT-] in ogni file modello. Salva il file con l'estensione htm, e copialo nella cartella themes/Borobudur/templates. Puoi gestire il modello dal Pannello di Configurazione di Encompass, oppure fare riferimento alla sezione apposita in questa Guida.

Blocchi per il Master di Zona

Mostreremo un esempio di creazione del blocco Top Menu:

Step 1:
Create un nuovo blocco HTML, aprite Amministrazione => Impostazioni => Blocchi => Aggiungi Nuovo Blocco, o digitate http://YourDomainName/index.php?module=Blocks&type=admin&func=new. Scegliete 'Core/HTML' dalla lista a discesa dei Blocchi, inserite TopMenu come titolo quindi cliccate sul pulsante Invia.

Step 2:
Inserite nella casella di testo i vostrii tag html per il design del top menu, quindi cliccate sul pulsante Invia.

Step 3:
Assegnate il blocco al modulo, aprite Amministrazione => Impostazioni => NoMoreBlocks, o digitate http://YourDomainName/admin.php?module=NoMoreBlocks&op=main&type=admin. Scegliete il nome del modulo dalla lista a discesa dei moduli, quindi selezionate LogicPlus, TopMenu dalla lista dei blocchi, quindi cliccate sul pulsante Invia.

Step 4:
Ora per cambiare la posizione del blocco delle zone, scorrete la pagina verso il basso e troverete la lista dei moduli selezionata. Cambiate la posizione della zona col Blocco TopMenu.

Ripetere questi passaggi per creare un altro top menu, se si decide di usare un top menu diverso per moduli specifici.

PHP per i tuoi blocchi
Blocchi PHP

Nel tema Borobudur si include del PHP per i blocchi di menu. Invece di usare i blocchi html, si può creare un blocco con script php e copiare il contenuto da un altro script. Usando i seguenti script php si possono cambiare le immagini e i pulsanti dal Pannello di Configurazione di Encompass. Nelle Impostazioni Generali della Pagina di Configurazione del Tema, si trova lo Stile dei Bottoni, scegliere tra i numeri 1, 2 o 3, e verranno create le immagini nella cartella themes/Borobudur/templates/images/Channels/channel_number.

• block_logo.php: puoi creare un logo con lo sfondo diverso in base allo sfondo selezionato. Cambia l'immagine del logo con il tuo logo

• block_menubot.php: Se hai pensato di utilizzare un menu in basso diverso per i gli utenti registrati, puoi usare questo script per il tuo blocco Bottom Menu

• block_menuleft.php: puoi modificare il menu a sinistra ed aggiungere sottomenu con questo script

• block_menutop.php: Questo esempio crea pulsantii attivi, simile ai pulsanti di questo sito.

Non includere i tag di apertura <?php e di chiusura ?> nei tuoi blocchi in php, copia solo il contenuto dello script php nel blocco.

Ecco come creare il blocco LeftMenu:

• Crea un blocco php, e inserisci come titolo del blocco LeftMenu Home

• Copia e incolla il contenuto da block_menuleft.php

• Modifica il contenuto, se hai deciso di usare sottomenu.

• Imposta il modello del blocco dalla configurazione del tema encompass

• Assegna il blocco LeftMenu Home al tuo modulo Home, utilizzando l'utility NoMoreBlocks

• Ripeti i passaggi per creare un altro blocco LeftMenu