Drupal è un open- source del sistema di gestione dei contenuti che permette agli sviluppatori di creare facilmente e rogna il contenuto di un sito web. PSD riferiscono ai file di progettazione Photoshop . Il vostro sviluppo di siti web parte dal disegno di Photoshop . Una volta che hai il disegno PSD , è possibile convertirlo in HTML , Joomla , Wordpress e Drupal sito . Per convertire il PSD in HTML in Drupal , è necessario comprendere i tag HTML , CSS e Drupal temi e contenuti e nodi . Affettare il PSD file
Vai alla tua Photoshop e aprire il file di disegno. Fare clic sulla barra degli strumenti e selezionare " Strumento Slice ". Tagliate l'immagine che si desidera conservare . Fare clic su "Salva" per salvare le fette . Questi file devono essere salvati nella cartella yourwebsite /theme_files . Se strumento sezione è nascosta , è possibile renderlo compare facendo clic su "Visualizza ", " Show" e "fette ". Evitare di tagliare i blocchi di testo , perché non sono ricercabili in Google . Tuttavia, in genere si desidera mantenere il testo del logo nell'immagine logo .
Creare una Homepage
In qualsiasi editor di testo, creare un nuovo file home.html e immettere il seguente codice :
< html xmlns =" http://www.w3.org/1999/xhtml " il file CSS prima di < /head> .
Creazione DIV Tags
creare aree DIV secondo il disegno originale in PSD . Ogni sezione del layout dovrebbe essere incluso in un tag DIV ed essere dato un nome di classe come intestazione e piè di pagina. Aggiungere tag DIV nella sezione corpo :
< /div > . Allo stesso modo , aggiungere il numero di tag DIV di cui hai bisogno per ogni singola sezione del layout .
Creazione di un file CSS
l'editor di testo, creare un nuovo file e salvarlo come " style.css ". Stile le classi create in precedenza . Posizionare le sezioni del layout utilizzando galleggiante , padding e margini .
/* Top
Conversione in un Drupal tema
Vai al tuo sito Drupal e trovare la cartella del tema . Creare una nuova sottocartella con il nome del vostro tema . Torna al tuo file HTML . Aggiungere il < ? Php print ? > Tag prima tag body . Drupal utilizza questo tag di stampa per stampare le sezioni specifiche del sito . Il codice è il seguente :
< /title>
< < php print $ head_title ? ? > ? php print $ a testa ? >
< ? php print $ stili ? >
< ? php print $ script >
Salva questo file come nuovo file : page.tpl.php sotto la nuova cartella del tema . Trascinate il file style.css lì .
Girando Sezioni in blocchi di Drupal
Drupal ha blocchi predefiniti , tra cui $ intestazione , $ sinistra -header , $ content e $ footer_message . Questi blocchi saranno chiamati nel file page.tpl.php dal tage < ? Php print $ intestazione ? > . Cambiare le sezioni di contenuti dinamici in blocchi aggiungendo i blocchi di tag .