Selvom Illustrator ikke er en web redigering program , kan du designe en hjemmeside udkast i Illustrator. I stedet for at genopbygge en WordPress skabelon baseret på design , kan du kode skabelonen direkte fra Illustrator. I sådanne tilfælde kan du bruge " skiver " værktøj til at skabe de afdelinger af webstedet, eksportere divisioner til HTML og kombinere dem med en blank " developer " tema som " Starkers . " Instruktioner
Oprettelse af et statisk HTML site < br >
1
Open Illustrator og indlæse filen med dit website skabelon.
2
Opret "Smart" udsnit til objekterne i dit design. Marker objektet , og klik derefter på " Object ", " Slice " og derefter "Make ". Illustrator -formater objektet baseret på dens indhold. For eksempel, hvis den skive indeholder tekst , vil Illustrator opdage det og automatisk formatere det til HTML-kode ved eksport .
3
Opret yderligere sektioner, du har brug for hjælp "dumme " skiver. Klik på " Slice " værktøj , og træk derefter markøren over det område, du vil slice . Dumb skiver er nødvendige, når en genstand besidder to dele af sitet. For eksempel ønsker du måske to kolonner på objekt, der indeholder dit hovedindhold område.
4
Definer skiver. Klik på " Slice Select " værktøj , og klik derefter på en skive . Gå til "objekt ", " Slice " og derefter "Udsnit Options". Vælg "Image" for billederne , "Nej Image" for områder, der skal stå tomt eller områder til at være fyldt med anden kode eller indhold , og " HTML Text Slice " for skiver , der indeholder tekst. Gentag indtil alle skiver er blevet defineret.
5.
Klik på " Filer" og derefter "Gem til web og enheder . " Vælg " HTML ", vælg en placering til webstedet, og klik derefter på "Gem". du har nu en statisk HTML site.
Omdannelse Static websted til en WordPress skabelon
6
Gå til starkerstheme.com og klik på " Download . zip ". Find og udpak filen på din harddisk . Disse filer er WordPress tema filer .
7
Load " header.php " og derefter lægge op din statiske HTML-fil. Fra dit websted , skal du kopiere koden for den primære header , under
og indsætte den under i header.php .
8
Åbn " style.css . "Hvis du har en CSS-fil med dit statisk hjemmeside , kopiere og gemme indholdet i denne fil. Ellers fortsæt
9
Åbn " footer.php . " Slet alt over . " < Php wp_footer (); ? >" Og indsætte i koden for sidefodsområdet fra din statiske hjemmeside .
10
Åbn " sidebar.php ." Sæt ind i koden for sidepanelet området , hvis du har en.
11
Find hovedindholdet område på din statiske site, hvor WordPress "Løkke " skal placeres . Sløjfen starter med " < php if ( har indlæg? " Og slutter med " < php endif ? " Og indeholdt i disse filer: " index.php ", " page.php ", " search.php ", " single.php "og" archive.php . »Du må indsætte indholdet området i hver af disse filer , sætte de indledende tags over Loop og afsluttende tags under det, så Loop er pakket inde i indholdet tags. < br >
12
Gem alle filer, og komprimere filen til en . zip-fil. skabelonen er klar til at uploade til WordPress.