Hoewel Illustrator is geen Web bewerkingsprogramma , kunt u een website ontwerp te ontwerpen in Illustrator . In plaats van de wederopbouw van een WordPress template op basis van het ontwerp, kunt u de sjabloon rechtstreeks coderen vanuit Illustrator . In dergelijke gevallen kunt u de functie " plakken " te gebruiken om de verdeeldheid van de site te maken , exporteert de divisies naar HTML en combineer ze met een leeg " ontwikkelaar " thema als " Starkers . " Instructies maken van een statische HTML site < br > Open Illustrator 1 en laadt het bestand met uw website template . kopen van 2 creëren " Smart " plakken voor de objecten in uw ontwerp . Selecteer het object en klik op ' Object ', ' Slice , " dan" Make . " Illustrator formaten het object op basis van de inhoud ervan . Bijvoorbeeld, als het schijfje bevat tekst , Illustrator zal het detecteren en automatisch te formatteren naar HTML -code bij de uitvoer . 3 Maak geen extra secties moet je met behulp van "domme " plakjes. Klik op de functie " Slice " , sleep de cursor over het gebied dat u wilt snijden . Dumb plakjes zijn nodig wanneer een object houdt twee onderdelen van de site . Bijvoorbeeld , wilt u misschien twee kolommen in het object met uw belangrijkste content gebied . 4 Definieer de plakjes . Klik op de functie " Slice Select " , klik vervolgens op een schijfje . Ga naar ' Object ', ' Slice ' en vervolgens ' Slice Options . " Kies " Beeld " voor afbeeldingen , " No Image " om gebieden te worden ingevuld , of gebieden die moeten worden gevuld met andere code of inhoud , en " HTML Tekst Slice " voor plakken met tekst . Herhaal dit totdat alle segmenten zijn gedefinieerd . 5 Klik op " File " en vervolgens " Opslaan voor web en apparaten . " Selecteer " HTML ", kies een locatie voor de site en klik op ' Opslaan '. je hebt nu een statische HTML-site . het transformeren van de statische site naar een WordPress sjabloon 6 Ga naar starkerstheme.com en klik op " Download het . zip . " Locate en pak het bestand op uw harde schijf . Deze bestanden zijn de WordPress theme bestanden . 7 Load " header.php , " dan is uw statische HTML-bestand te laden . Van uw site , kopieer de code voor de belangrijkste kop , onder de en plak deze onder het in header.php . 8 Open " style.css . "Als je een CSS-bestand hebt met uw statische site , kopieer en sla de inhoud in dit bestand . Ga anders verder Open " footer.php . " 9 Wis alles boven . " ' En plak de code voor de voettekst van uw statische website . 10 Open " sidebar.php . " Plakken in de code voor de zijbalk gebied , als je er een hebt . 11 Zoek de belangrijkste content gebied op uw statische plaats , waar de WordPress " Loop " worden geplaatst . De lus begint met " 12 Sla alle bestanden te comprimeren en het bestand in een . zip-bestand . de template is klaar om te uploaden naar WordPress .
|