Come costruire un blocco menu

  1. Minitutorial per la costruzione di un blocco menu
il mer 11 ottobre 2006 da Admin Stampa il Contenuto Crea file pdf del Contenuto
in Dentro e107 Visto: 4534

  1. Questo è un tutorial base che intende dare indicazioni sulla costruzione di un blocco menu

Considerata l'esigenza sempre maggiore degli utenti di e107 Italia di realizzare blocchi menu, abbiamo deciso di mettere on line questo minitutorial di livello base per dare una indicazione di massima sul come progettarlo.

Questa procedura è consigliata per tutti quei casi in cui l'opzione menu/pagine personali del menu amministrazione si rivelasse insufficiente, vuoi perchè si deve inserire del codice PHP, vuoi per altri motivi.

Scopo del tutorial: realizzare un blocco menu che visualizzi una immagine linkata. Come si vede lo scopo è semplicissimo, serve solo a fornire una idea della fattibilità dell'operazione.

Cosa serve: un editor html, o php o il blocco note.

Creazione del blocco:
1. Creiamo in locale una cartella che dovrà contenere il nostro codice. Ad esempio: immagine_menu.
2. Creiamo una sottocartella in immagine_menu (creata al punto 1) che dovrà contenere la nostra immagine. Ad esempio: images.
3. Inseriamo la nostra immagine nella sottocartella creata al punto 2 (ad esempio si chiamerà foto.jpg)
2. Apriamo il nostro editor e creiamo un file (ad esempio: img_menu.php
3. inseriamo le prime righe di codice:
  1. &lt?php
  2. ?>

quindi impostiamo una variabile php che ci servirà per 'disegnare' il nostro menu:
  1. &lt?php
  2.  
  3. $variabile = " ";
  4.  
  5. ?>

Attenzione ai doppi apici e al ; finale.
Inseriamo lo script di e107 che permette di visualizzare la nostra variabile

  1. &lt?php
  2.  
  3. $variabile = " ";
  4.  
  5. $ns -> tablerender('Titolo del menu',  $variabile);
  6.  
  7. ?>


Lo script a questo punto è completo, occorre solo inserire il codice html per avere una immagine linkata...
Ovvero:
  1. &lt?php
  2.  
  3. $variabile = " <a href='http://sitochesivuole.com' title='messaggio che appare al passaggio del mouse'><img src='".e_PLUGIN."/images/foto.jpg'/></a> ";
  4.  
  5. $ns -> tablerender('Titolo del menu',  $variabile);
  6.  
  7. ?>


Osservazioni: il nostro menu è pronto. Vale la pena ricordare alcune cose importanti. All'interno di $variabile che è racchiusa tra apici doppi, noterete che tutti gli apici sono singoli: questo è importantissimo. Esiste anche un altro metodo per inserire gli apici doppi all'interno, ma per ora consigliamo questo in quanto lo riteniamo più semplice.
Nell'esempio volutamente abbiamo inserito una variabile di sistema di e107:
  1.  ".e_PLUGIN."

questa, come le altre variabili di sistema, va inserita esattamente come è scritto: doppi apici e puntini prima e dopo il nome della variabile.

Conclusioni: inserite nelle cartelle (per motivi di sicurezza) un file index.html a lunghezza 0, ovvero vuoto; fatto questo uploadate il tutto nella cartella e107_plugins. Quindi entrate in amministrazione e cliccate sull'opzione menu/blocchi. Noterete che un nuovo blocco che si chiamerà img. Posizionatelo a piacere.

Ciò significa che e107 processa automaticamente le cartelle della directory e107_plugins e ogni volta che trova un file php con estensione _menu, automaticamente crea un nuovo menu in amministrazione menu/blocchi col nome del file senza _menu: nel nostro caso il file era chiamato img_menu, il menu si chiama img.
Render time:0.3245sec0.0065di queries.queries DB34. Memoria in uso:5,590kb