Come modificare un modello di Drupal

November 29

Come modificare un modello di Drupal


Drupal presenta un ricco pannello di amministrazione che consente il controllo completo sopra il vostro sito Drupal. Le funzioni del pannello di amministrazione sono costruiti per i principianti e gli sviluppatori, dando a tutti la possibilità di gestire gli aspetti della comparsa, i contenuti e le funzionalità del sito web. La pagina Aspetto concentra sul layout, i colori e il tema di Drupal. La profondità di queste opzioni è determinato dal tema o template utilizzati. Per impostazione predefinita, Drupal non include un modo per modificare i modelli. Per modificarli, si dovrebbe tradizionalmente necessario scaricare il tema e aprire ogni file di modello in un editor HTML. Il modulo editor di tema Drupal, un semplice add-on, può essere installato tramite il pannello di amministrazione per ottenere questo risultato.

istruzione

1 Accedi al tuo sito web Drupal per accedere al pannello di amministrazione. Clicca su "Moduli" nella barra di navigazione superiore e annotare la versione elencato accanto ai vostri moduli installati.

2 Scarica il "Editor tema," "CTools" e "Vista" moduli dal sito Drupal. Scorrere verso il basso fino alla sezione "download" di ogni pagina corrispondente e fare clic destro sul link ".zip" sotto i "download" voce che appartiene alla versione Drupal, e scegliere "Salva collegamento come". Salvare ogni file in una posizione facile da trovare, come ad esempio il desktop di Windows. Assicurarsi di salvare il file ZIP e non estrarlo.

3 Torna alla tua amministrazione Drupal. Nella pagina Moduli, fai clic su "Installa nuovo modulo." Fare clic sul pulsante "Browse" sotto "Carica un modulo o tema archivio per l'installazione" e passare alla posizione del file ZIP scaricato. Selezionare il file e fare clic su "Apri". Fare clic su "Install". Apparirà una breve barra di avanzamento, seguito da un messaggio di successo. Clicca sul link "Abilita moduli appena aggiunti". Si tornerà alla pagina Moduli. Ripetere questa procedura per installare gli altri file di modulo.

4 Scorrere fino alla fine della pagina Moduli, una volta ritornati da installazione del modulo finale. Controllare ogni casella sotto il "Chaos Tools Suite," "Vista" e "sezioni Theme Editor" per attivare le funzioni. Potrebbe non essere in grado di controllare "Chaos Tools (CTools) Plugin esempio," che va bene, in quanto questa opzione non è necessaria. Al termine, fai clic su "Salva configurazione".

5 Clicca su "Aspetto" nella barra di navigazione superiore. Accanto a ciascun tema, troverete un nuovo link "Editor". Fare clic su tale link per entrare l'editor tema. Per impostazione predefinita, il primo file si sono mostrati è il file "info" del tema. Scorrere verso il basso fino a visualizzare l'elenco dei file di modello tema.

6 Clicca sul link nome del file per "page.tpl.php." Questo modello controlla la struttura delle pagine Drupal all'interno del vostro tema ed è dove si dovrebbe aggiungere, modificare o rimuovere elementi come contenitori DIV o variabili di utilità Drupal. È inoltre possibile modificare le classi CSS per ogni DIV se si ha intenzione di scrivere stili personalizzati. Una volta terminato l'editing, cliccare su "Salva e abilitare le modifiche" per vedere il modello aggiornato immediatamente se il tema è attualmente abilitato.

7 Ripetere la procedura per modificare il file "layout.css" "style.css" e. Questi fogli di stile definire il posizionamento, stile, immagini e colori del layout tema principale. È inoltre possibile modificare tutti gli altri fogli di stile inclusi con il tema, così come il "node.tpl.php". Il "node.tpl.php" controlla il layout del contenuto o messaggi.

Consigli e avvertenze

  • Utilizzare la pagina Aspetto nel pannello di amministrazione Drupal se avete solo bisogno di modificare i colori, logo, o blocchi abilitati del tema, in quanto presenta una interfaccia più user-friendly. Utilizzare il "Firebug" add-on per Firefox per aiutare a capire ciò che ogni controlli classe CSS. Questo add-on consente di fare clic destro qualsiasi parte del vostro sito Drupal e scegliere l'opzione "Inspect Element", che vi mostrerà il relativo codice HTML, e quali file CSS le informazioni sullo stile risiede in. Si può anche utilizzare il browser Opera , che ha questa funzione incorporata.