Come posso ottenere un blocco per l'utilizzo di una classe CSS in Drupal?

December 17

Come posso ottenere un blocco per l'utilizzo di una classe CSS in Drupal?


Per impostazione predefinita, Drupal sfrutta Cascading Style Sheets (CSS) per modificare la visualizzazione dei font, sfondi e altri elementi della pagina. Sidebar e contenuti blocchi, componenti del layout Drupal, sono anche in stile con l'identificazione CSS e tag di classe. Gli sviluppatori che desiderano personalizzare l'aspetto di questi blocchi hanno alcune opzioni diverse per ottenere risultati simili. Idealmente, tuttavia, essi saranno o modificare le attuali definizioni di classe o inserire completamente nuovi tag classe da definire.

istruzione

Creazione di un ambiente di editing

1 Installare il Firebug add-on per il browser Firefox. Un'icona insetto apparirà nell'angolo in basso a destra di Firefox.

2 Confermare che si dispone di un editor di testo. In caso contrario, scaricare uno che è compatibile con il sistema.

3 Confermare che si dispone di un client FTP. In caso contrario, installare uno che è compatibile con il sistema.

Prototype Usando Firebug

4 Passare al tuo sito web Drupal utilizzando Firefox.

5 Avviare Firebug. Fare clic sull'icona "ispezione" all'interno della barra degli strumenti di Firebug.

6 Utilizzare lo strumento "ispezione" a librarsi sopra il blocco di Drupal si desidera modificare con i CSS.

7 Fare clic sul blocco di congelare spettatore di Firebug.

8 Prendere nota di tutte le classi CSS o tag di identificazione attualmente in uso.

9 Prototype eventuali modifiche utilizzando la modalità di modifica di Firebug.

Informazioni aggiornamento corrente CSS

10 Utilizzare la scheda "Stile" di Firebug notare il file CSS (s) attualmente utilizzato dal blocco.

11 Tirare una copia di tale file dal server al desktop utilizzando il client FTP.

12 Posizionare una seconda copia di quel file in una cartella separata. Questo è un backup.

13 Aprire il primo file locale e apportare le modifiche utilizzando un editor di testo,

14 Carica il file modificato al server utilizzando il client FTP.

Aggiungere Completamente Nuovo Informazioni CSS

15 Scarica il modulo di Drupal "Block Class".

16 Seguire tutte le istruzioni per l'installazione dei moduli.

17 Vai a "Amministrazione", "Cantiere," "Blocchi" per aggiungere una nuova classe di blocco.

18 Aggiornare foglio di stile del tema corrente con la definizione della classe.

19 Aggiornare la pagina del blocco per visualizzare le modifiche.

Consigli e avvertenze

  • Come tutte le cose Drupal, ci sono diversi modi per raggiungere gli stessi risultati. astenersi sempre dalla modifica dei file "core" quando si apportano modifiche, e fare le più piccole modifiche possibili per ottenere il risultato desiderato. Quando possibile, mantenere il proprio registro di personalizzazioni come riferimento.