Welkom op de Nederland Computer Kennisnetwerk!  
 
Zoeken computer kennis
Home Hardware Netwerken Programmering Software Computerstoring Besturingssysteem
Computer Kennis >> Software >> Adobe Illustrator >> Content
Hoe je code WordPress Van Illustrator
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 .

Previous: Next:
  Adobe Illustrator
·Hoe te wijzigen kleur in een v…
·Hoe je marges maken in Illustr…
·Hoe te Comic Characters in Ill…
·Hoe te Vector afbeeldingen mak…
·Hoe te wijzigen van een kleurv…
·Hoe te Swirly Lijnen maken in …
·Adobe Fireworks CS5 Vs . Adobe…
·Hoe maak je een grafiek in Ill…
·Hoe te Collage Twee Beelden Sa…
  Related Articles
Hoe maak je een Tilde gebruiken in een W…
Hoe kan ik een Umlaut gebruiken in een W…
Hoe maak je een Holiday Nieuwsbrief op u…
Hoe maak je een viervoudige Wenskaart ma…
Hoe maak je een Tent - Fold Wenskaart Ma…
Hoe te Spelling en grammatica fouten te …
Hoe kan ik een document Zoom in Word 200…
Hoe je tekst rond een afbeelding in Word…
Hoe je de uitlijning van de tekst wijzig…
  Software Articles
·Zal een Mac Open een film Vervaardigd op…
·Hoe je iets bewegen in SketchUp 
·Hoe je foto's bewerken met GIMP 2.6 
·Hoe to Date gegevens van de ene naar het…
·Wat is Adobe Photoshop Primaire Scratch …
·Bepalen het aantal pagina's in een PDF 
·Hoe de overdracht van een ISO image naar…
·Hoe maak je een bestandsextensie te vind…
·Hoe je Photoshop Elements Projecten bran…
Copyright © Computer Kennis http://www.nldit.com