Ako Kód WordPress z Illustratoru

I Illustrator nie je editačný program Web , môžete navrhnúť webové stránky návrh v Illustratoru . Miesto prestavby WordPress šablóny na základe návrhu , môžete kód šablóny priamo z Illustratoru . V takýchto prípadoch môžete použiť " plátky " nástroj na vytvorenie divízií webe , exportovať rozdelenie do HTML a kombinovať ich s prázdnym " developer " tému, ako je " Starkers . " Pokyny
Vytvorenie statické HTML stránky

1

Otvoriť Illustrator a načítať súbor obsahujúci vaše webové stránky šablóny .
2

vytvoriť " inteligentný " rezy pre objekty vo vašom dizajne . Vyberte objekt , kliknite na tlačidlo " objekt " , " rez " , potom " Vytvoriť " . Illustrator formátuje objekt na základe jeho obsahu . Napríklad , ak plátok obsahuje text , Illustrator bude detekovať a automaticky formátovať ho do HTML kódu pri vývoze .
3

Vytvorte žiadne ďalšie časti , ktoré potrebujete , pomocou " hlúpe " rezy . Kliknite na nástroj " Slice " , potom pretiahnite kurzor nad oblasť , ktorú chcete krájať . Blbý plátky sú nevyhnutné, ak objekt má dve časti stránok . Napríklad môžete chcieť dva stĺpce v objekte , ktorý obsahuje vaše hlavné oblasti obsahu .
4

Definujte plátky . Kliknite na " Slice Select " nástroj , kliknite na tlačidlo na reze . Prejdite na " objekt " , " rez " , potom " Voľby rezu . " Zvoľte " Image " pre zábery , " No Image " pre oblasti , ktoré majú byť prázdne , alebo oblastí , ktoré vyplní s iným kódom alebo obsah , a " HTML Text Slice " pre rezy obsahujúce text . Opakujte , kým boli definované všetky rezy .
5

Kliknite na " Súbor " potom " Uložiť pre web a zariadenia . " Vyberte " HTML " , vyberte umiestnenie pre miesta , kliknite na tlačidlo " Uložiť " . teraz máte statickú HTML stránku .
Transformácia statické stránky na WordPress šablóny
6

Prejsť na starkerstheme.com a kliknite na " Stiahnuť . zip . " Vyhľadajte a rozbaľte súbor na pevnom disku . Tieto súbory sú tematické súbory WordPress .
7

Load " header.php , " a potom nahrať do vášho statického HTML súboru . Z vašich stránkach , skopírujte kód pre hlavné záhlavie pod , a vložte ho pod v header.php .
8

otvorené " style.css . " Ak máte súbor CSS s vašou statické stránky , skopírujte a uložte jeho obsah do tohto súboru . V opačnom prípade pokračujte
9

Otvoriť " footer.php . " Zmazať všetko nad " " . A vložte do kódu piat z vašej statickej stránky .
10

Otvorte " sidebar.php . " Vložiť do kódu pre sidebar oblasti , ak máte jeden .
11.

Vyhľadajte hlavná oblasť obsahu na vašom statické miesto , kde musí byť umiestnený WordPress " Loop " . Slučka začína " < php if ( majú príspevky ? " A končí " < php endif ? " A je obsiahnutá v týchto súboroch : " index.php " , " page.php , " " search.php , " " single.php " a " archive.php . "Musíte vložiť obsah plochy do každého z týchto súborov , uvedenie otváracia tagy nad Loop a koncovým tagom pod ním , takže slučka je zabalený vnútri tagov obsahu .

12

Uložiť všetky súbory a kompresii súboru do súboru . zip . šablóna je pripravený pre nahranie na WordPress .

• Predchádzajúca strana: Ako Graf Chybové úsečky v Illustratoru 
• Ďalšia strana: Ako pridať razbu fóliou v Illustratoru