Konvertieren Sie eine PSD-Web-Design in WordPress

May 30

Die PSD-Web-Design-Datei, die Sie in Photoshop erstellt kann in eine HTML-Datei konvertiert und dann kopiert und in der HTML-Editor von Ihrem Blog de. eingefügt werden. Dieser Prozess wird mit der Option "Speichern für Web & Geräte" in Photoshop erreicht, die zum Generieren von HTML-Code für die PSD-Datei angepasst werden können. Der generierte Code kann dann kopiert und in eine de.-Post eingefügt und von Leser Ihres Blogs angezeigt.

Anweisungen

1 Starten Sie Adobe Photoshop.

2 Klicken Sie auf "Datei" auf "Öffnen" und doppelklicken Sie auf die PSD-Datei mit Ihren Web-Design.

3 Klicken Sie oben im Fenster "Datei" und dann auf "Für Web und Geräte speichern".

4 Klicken Sie auf "Speichern".

5 Klicken Sie auf das Dropdown-Menü rechts neben "Format", und klicken Sie auf "HTML".

6 Klicken Sie im Dropdown-Menü rechts neben "Einstellungen", klicken Sie auf "Default Settings" und dann auf "Speichern". Beachten Sie, dass dadurch auch einen Ordner "Images" im selben Ordner generiert in der HTML-Datei gespeichert ist. Der Ordner "Images" enthält ein Bild von Ihrem Web-Design, die Sie benötigen auf Ihrer WordPress-Blog als auch hochladen.

7 Wechseln Sie zu der HTML-Datei, die Sie gerade erstellt haben, mit der rechten Maustaste der Datei, klicken Sie auf "Öffnen mit" und klicken Sie auf "Notepad".

8 Drücken Sie "STRG + A", um alle den Code auszuwählen, und drücken Sie "STRG + C" kopieren.

9 Öffnen Sie ein Web-Browser-Fenster, und fahren Sie dann mit de..

10 Geben Sie Ihren Benutzernamen und Ihr Passwort in ihren jeweiligen Feldern am oberen Rand des Fensters, und klicken Sie dann auf "Einloggen".

11 Klicken Sie auf "Meine Blogs" in der Mitte des Fensters, und klicken Sie dann unter der Blog, in dem Sie Ihr Web-Design hochladen möchten "Dashboard".

12 Klicken Sie auf "Beiträge" auf der linken Seite des Fensters, und klicken Sie auf "Neu hinzufügen".

13 Klicken Sie auf die Registerkarte "HTML" in der Mitte des Fensters.

14 Klicken Sie in das Feld "Geben Sie Titel hier" am oberen Rand des Fensters, und geben Sie einen Titel für Ihren Beitrag.

15 Klicken Sie in der Post-Körper-Feld, und drücken Sie "STRG + V" zum Einfügen der kopierten Codes.

16 Klicken Sie auf "Visual", in der Mitte des Fensters, und klicken Sie auf das kleine Symbol "Broken Link" in der Mitte des Feldes Körper Post.

17 Klicken Sie auf "Bild hinzufügen" rechts neben "Hochladen/einfügen" und dann auf "Dateien auswählen".

18 Suchen Sie das Bild zusammen mit Ihrem HTML-Code erstellt, und doppelklicken Sie auf das Bild, um es auf Ihrer WordPress-Galerie hochladen.

19 Führen Sie einen Bildlauf zum unteren Rand des Fensters, und klicken Sie auf die Schaltfläche "Einfügen in Post".

20 Klicken Sie auf "Veröffentlichen" auf der rechten Seite des Fensters, um Ihren Beitrag in Ihrem Blog veröffentlichen.

Tipps & Warnungen

  • De. kostenlose Konten sind nicht in der Lage, CSS-Code in einem Abschnitt "< >" Kopf"des HTML-Editors nutzen, weshalb die einfachste Option zum Konvertieren Ihrer PSD-Datei in Photoshop"Save for Web & Devices"Funktion die Standardeinstellungen verwenden soll.