Selv om Illustrator er ikke en webside redigering program , kan du designe et nettsted utkast i Illustrator . I stedet for å gjenoppbygge en WordPress mal basert på design , kan du kode malen direkte fra Illustrator . I slike tilfeller kan du bruke " skiver " verktøyet for å skape splittelse av nettstedet, eksportere divisjoner til HTML og kombinere dem med en blank " utvikler " tema som " starkers . " Instruksjoner
Opprette en statisk HTML Site
en
Åpen Illustrator og laste inn filen inneholder ditt nettsted mal .
2
Lag "Smarte" skiver for objektene i motivet . Velg objektet , og klikk " Object ", " Slice " og deretter " Lag ". Illustrator formater objektet basert på innholdet. For eksempel, hvis stykket inneholder tekst , vil Illustrator oppdage den og formater det automatisk til HTML -koden ved eksport .
3
Lag noen flere deler du trenger hjelp "dumme " skiver. Klikk på " Slice "-verktøyet , og dra markøren over området du vil skjære . Dumb skiver er nødvendig når et objekt har to deler av området . For eksempel vil du kanskje to kolonner i objektet som inneholder hovedinnholdsområdet .
4
Definer skiver. Klikk på " Slice Select "-verktøyet , klikk deretter på en skive . Gå til "objekt ", " Slice " og deretter " Slice Options . " Velg " Image" for bilder , "No Image" for områder som skal fylles ut, eller områder som skal fylles med annen kode eller innhold , og "HTML Text Slice " for skiver med tekst. Gjenta til alle skivene er definert.
5
Klikk på "File " og deretter " Lagre for Web og enheter . " Select "HTML ", velg en plassering for området , og klikk deretter "Lagre". du har nå en statisk HTML-side .
Transforming the Static nettstedet til en WordPress mal
6
Gå til starkerstheme.com og klikk " Last ned . zip . " Finn og pakke ut filen på harddisken . Disse filene er WordPress tema filer .
7
Load " header.php ", deretter laste opp statiske HTML-fil. Fra nettstedet ditt , kopier koden for den viktigste header , under
, og lim den under i header.php .
8
Åpne " Style.css . " Hvis du har en CSS-fil med statisk nettsted , kopiere og lagre innholdet i denne filen. Ellers fortsetter
9
Åpne " footer.php . " Slett alt over . " < Php wp_footer (); ? >" Og limer inn koden for bunntekst området fra statisk nettsted .
10
Åpne " sidebar.php ." Lim inn i koden for sidepanelet området, hvis du har en.
11
Finn hovedinnhold område på den statiske området, hvor WordPress " Loop " må plasseres . Løkken starter med " < php if ( har innlegg ? " Og slutter med " < php endif ? " Og finnes inni disse filene : " index.php ", " page.php ", " search.php ", " single.php "og" archive.php . " Du må lime inn innholdet område i hver av disse filene , sette åpningen koder over Loop og de avsluttende kodene under den, slik at Loop er pakket inne i innhold koder.
12
Lagre alle filer og komprimere filen til en . zip -fil. malen er klar til å laste opp til WordPress .