Anche se Illustrator non è un programma di editing Web , è possibile progettare un progetto di sito Web in Illustrator . Invece di ricostruire un modello di WordPress sulla base del disegno , è possibile codificare il modello direttamente da Illustrator . In questi casi , è possibile utilizzare lo strumento " fette " per creare le divisioni del sito , esportare le divisioni in HTML e combinarle con un "developer " tema vuoto come " Starkers . "
Istruzioni Creazione di un sito HTML statico
pagina 1

Apri Illustrator e caricare il file contenente il modello di sito web .
2

creare sezioni "intelligenti" per gli oggetti del disegno . Selezionare l'oggetto , quindi fare clic su " oggetto ", " fetta ", quindi "Crea ". Formati di Illustrator l'oggetto in base al suo contenuto. Ad esempio, se la fetta contiene testo , Illustrator lo identifica e formattare automaticamente in codice HTML all'esportazione.
3

Create tutte le sezioni aggiuntive necessarie utilizzando fette " stupidi" . Fare clic sullo strumento " Slice" , quindi trascinare il cursore sopra la regione che si desidera tagliare . Fette Dumb sono necessari quando un oggetto contiene due parti del sito . Ad esempio, si potrebbe desiderare due colonne l'oggetto contenente la tua area di contenuto principale .
4

Definire le fette . Fare clic su " Select Slice " strumento , quindi fare clic su una fetta . Vai a "oggetto ", " fetta ", poi " Opzioni sezione . " Scegli "Immagine" per le immagini , " No Image " per le aree ad essere lasciato vuoto, o aree da riempire con altro codice o il contenuto , e " Slice Testo HTML " per le fette che contengono testo . Ripetere fino a quando sono state definite tutte le sezioni .
5

Fare clic su " File ", poi " Salva per Web e dispositivi. " Seleziona " HTML ", scegliere una posizione per il sito, quindi fare clic su " Salva ". si dispone ora di un sito HTML statico .
trasformando il sito statico ad un WordPress Template
6

Vai starkerstheme.com e cliccare su " Scarica . zip . " Individua ed estrarre il file sul disco rigido . Questi file sono i file del tema WordPress .
7

carico " header.php ", quindi caricare il tuo file HTML statico . Dal tuo sito , copia il codice per l'intestazione principale , sotto il tag body , e incollalo sotto il tag in header.php .
8

Aperte Style.css " . " Se si dispone di un file CSS con il tuo sito statico , copiare e salvare il contenuto in questo file . In caso contrario , continuano
9

Aperte " footer.php . " Elimina tutto sopra . " < Php wp_footer (); ? ? > " E incollare il codice per il piè di pagina dal tuo sito statico .
10

aperte " sidebar.php ". Incollare il codice per l'area barra laterale , se ne avete uno .
11

Individuare l' area del contenuto principale sul vostro statico luogo , dove il WordPress "Loop " deve essere collocato. Il ciclo inizia con " < php if ( avere i messaggi ? " E termina con " < php endif ? " Ed è contenuto all'interno di questi file : " index.php ", " page.php ", " search.php ", " single.php "e" archive.php . " è necessario incollare l'area contenuto in ciascuno di questi file , mettere il tag di apertura sopra il Loop e il tag di chiusura al di sotto di essa , in modo che il loop è avvolto all'interno dei tag di contenuto . < br > Pagina 12

Salvare tutti i file e di comprimere il file in un file . zip . il modello è pronto a caricare su WordPress .