Även Illustrator är inte ett Web redigeringsprogram , kan du designa en hemsida utkast i Illustrator . Istället för att bygga en WordPress mall bygger på design , kan du koda mallen direkt från Illustrator . I sådana fall kan du använda " skivor " verktyg för att skapa splittring av webbplatsen , exportera divisionerna till HTML och kombinera dem med en tom " utvecklare " tema som " starkers . " Instruktioner
Skapa en statisk HTML Site
1
Öppna Illustrator och ladda filen innehåller din webbplats mall .
2
Skapa "Smarta" skivor för objekten i din design . Markera objektet och klicka sedan på " Objekt ", " skiva " och sedan " Gör . " Illustrator -format objektet utifrån dess innehåll . Till exempel, om skivan innehåller text , kommer Illustrator upptäcka det och formatera det automatiskt till HTML -koden vid export .
3
Skapa ytterligare avsnitt som du behöver använda " dumma" skivor . Klicka på " Slice " verktyget och sedan dra markören över det område du vill skära . Dumma skivor är nödvändigt när ett objekt har två delar av webbplatsen . Till exempel kanske du vill ha två kolumner i objekt som innehåller ditt huvudinnehållet .
4
Definiera skivor . Klicka på " Slice Select " verktyg , klicka sedan på en skiva . Gå till " objektet " " skiva " och sedan " Slice alternativ . " Välj " Image " för bilder , " No Image " för områden som lämnas tomt , eller områden som ska fyllas med annan kod eller innehåll , och " HTML Text Slice " för skivor som innehåller text . Upprepa tills alla segment har definierats .
5
Klicka på " File" och sedan " Spara för webben och enheter . " Select " HTML ", välj en plats för webbplatsen och klicka sedan på " Spara ". du har nu en statisk HTML- sida . Addera omvandla statisk webbplats till en WordPress mall
6
Gå till starkerstheme.com och klicka på " Ladda ned . zip . " Leta och extrahera filen på din hårddisk . Dessa filer är WordPress tema filer .
7
Load " header.php " och sedan ladda upp din statiska HTML -filen . Från din sida , kopiera koden för huvudrubrik , nedanför
taggen och klistra in den under taggen i header.php .
8
Öppna " style.css . " Om du har en CSS -fil med din statisk webbplats , kopiera och spara innehållet i denna fil . Annars fortsätter
9
Öppna " footer.php . " Radera allt ovan . " < Php wp_footer ( ) ; ? > " Och klistra in koden för sidfoten från din statisk webbplats .
10
Öppna " sidebar.php . " Klistra in koden för sidofältet området , om du har en.
11
Lokalisera huvudinnehållet område på din statiska plats, där WordPress " Loop " måste placeras . Slingan börjar med " < php if ( har inlägg ? " Och slutar med " < php endif ? " Och finns inuti dessa filer : " index.php ", " page.php ", " search.php , " " single.php " och " archive.php . " Du måste klistra in innehållet området till var och en av dessa filer , sätta de inledande taggarna ovanför slingan och avslutande taggar under det, så att slingan är insvept inuti innehåll taggar .
12
Spara alla filer och komprimera filen till en . zip -fil . mallen är redo att lägga upp till WordPress .
