Obwohl Illustrator ist kein Web -Editing-Programm , können Sie eine Website Entwurf in Illustrator entwerfen. Statt des Wiederaufbaus ein WordPress Template basiert auf dem Design , können Sie die Vorlage direkt Code aus Illustrator . In solchen Fällen können Sie die "Scheiben" Werkzeug, um die Bereiche der Website zu erstellen , exportieren Sie die Divisionen HTML und kombinieren sie mit einem leeren " Entwickler "-Thema wie " Starkers . " Anleitung
Erstellen einer statischen HTML- Seite
1
öffnen Illustrator und laden Sie die Datei mit Ihren Website-Templates .
2
erstellen " Smart" Scheiben für die Objekte in Ihrem Design. Wählen Sie das Objekt , klicken Sie dann auf "Objekt ", " Scheibe ", dann " Stellen ". Illustrator Formate das Objekt auf dessen Inhalt. Zum Beispiel, wenn die Scheibe Text enthält, wird Illustrator erkennen und automatisch formatieren zu HTML-Code auf den Export.
3
Erstellen Sie zusätzliche Abschnitte müssen mit "dummen" Scheiben . Klicken Sie auf die " Slice" -Tool , dann ziehen Sie den Mauszeiger über die gewünschte Region in Scheiben schneiden . Dumb Scheiben sind notwendig , wenn ein Objekt hält zwei Teile der Website . Zum Beispiel möchten Sie vielleicht zwei Spalten im Objekt mit Ihrem Haupt- Inhaltsbereich.
4
Definieren Sie die Scheiben . Klicken Sie auf die " Slice-Auswahl "-Werkzeug , dann auf einer Scheibe auf . Gehen Sie auf " Objekt", " Scheibe ", dann " Slice-Optionen ". Wählen Sie "Bild" für Bilder, " Kein Bild " für Bereiche, zu leer gelassen werden , oder Bereiche mit anderen Code oder Inhalt gefüllt werden , und " HTML Text Scheibe " für Scheiben mit Text . Wiederholen, bis alle Scheiben definiert wurden .
5
Klicken Sie auf " Datei", dann " Für Web und Geräte speichern ". Wählen Sie " HTML ", wählen Sie einen Speicherort für die Website , und klicken Sie auf "Speichern". Sie haben nun eine statische HTML-Seite .
Transforming the Static Site zu einem WordPress Template
6
zur starkerstheme.com und klicken Sie auf " Laden Sie die . zip . " Locate und entpacken Sie die Datei auf Ihrer Festplatte . Diese Dateien sind die WordPress-Theme -Dateien.
7
Load " header.php ", dann laden Sie Ihre statische HTML-Datei. Von Ihrer Website , kopieren Sie den Code für die Haupt-Header , unter dem
, und fügen Sie es unter dem in header.php .
8
Öffnen " Style.css . " Wenn Sie eine CSS -Datei mit Ihrem statische Website , kopieren und speichern Sie den Inhalt in diese Datei . Andernfalls fahren
9
Öffnen " footer.php . " Löschen Sie alles über . " < Php wp_footer (); ? >" Und in den Code für den Fußbereich fügen Sie aus Ihrem statische Website .
10
öffnen " sidebar.php . " in dem Code für die Sidebar -Bereich einfügen , wenn Sie eine haben .
11
Suchen Sie den Hauptinhalt auf Ihrem statische Ort , wo das WordPress "Loop" gesetzt werden muss . Die Schleife beginnt mit " < php if ( Beiträge haben ? " Und endet mit " < php endif ? " Und innerhalb dieser Dateien enthalten : "index.php ", " page.php ", " search.php ", " single.php "und" archive.php . "Du den Inhaltsbereich in jede dieser Dateien müssen fügen , setzen die öffnende Tags über der Schleife und der schließenden Tags darunter, so dass die Schleife in den Inhalt Tags gewickelt ist.
12
Speichern Sie alle Dateien komprimieren und die Datei in eine . zip -Datei. die Vorlage ist bereit, auf WordPress .
hochladen
