Come convertire un PSD Web Design Into WordPress

September 17

Il file PSD Web design che si è creato in Photoshop può essere convertito in un file HTML e poi copiato e incollato nel editor HTML del tuo blog WordPress.com. Questo processo si ottiene con il "Salva per Web e dispositivi" opzione in Photoshop che può essere personalizzato per generare il codice HTML per il file PSD. Il codice generato può essere copiato e incollato in un post WordPress.com e visualizzato dai lettori del tuo blog.

istruzione

1 Avviare Adobe Photoshop.

2 Fare clic su "File", cliccare su "Apri" e quindi fare doppio clic sul file PSD contenente il Web design.

3 Fai clic su "File" nella parte superiore della finestra, quindi fare clic su "Salva per Web e dispositivi."

4 Fare clic sul pulsante "Salva".

5 Fai clic sul menu a discesa a destra di "Format", e quindi fare clic su "HTML".

6 Fai clic sul menu a discesa a destra di "Impostazioni", fai clic su "Impostazioni predefinite", e quindi fare clic su "Salva". Si noti che questo genererà anche una cartella "Immagini" nella stessa cartella in cui è stato salvato il file HTML. La cartella "Immagini" conterrà l'immagine del vostro disegno Web che sarà necessario per caricare il tuo blog WordPress pure.

7 Individuare il file HTML appena creato, fare clic destro sul file, fai clic su "Apri con" e quindi su "Blocco note".

8 Premere il tasto "Ctrl + A" per selezionare tutto il codice, quindi premere "Ctrl + C" per copiarlo.

9 Aprire una finestra del browser Web, e poi andare a WordPress.com.

10 Digitare il nome utente e la password nei rispettivi campi nella parte superiore della finestra, e poi cliccare su "Log In".

11 Fare clic sulla scheda "My Blog" al centro della finestra, e poi cliccare su "Dashboard" sotto il blog a cui si desidera caricare il Web design.

12 Fai clic su "Messaggi" sul lato sinistro della finestra, quindi fare clic su "Aggiungi nuovo".

13 Fare clic sulla scheda "HTML" al centro della finestra.

14 Fare clic all'interno del campo "Enter Title Here" nella parte superiore della finestra, e quindi digitare un titolo per il tuo post.

15 Fare clic all'interno del campo di corpo palo, e poi premere il tasto "Ctrl + V" per incollare il codice copiato.

16 Fare clic sulla scheda "Visual" al centro della finestra, e quindi fare clic sull'icona piccola "Link rotto" al centro del campo di posta corpo.

17 Fare clic sul pulsante "Aggiungi un'immagine" a destra di "Upload / Insert" e quindi fare clic su "Seleziona file".

18 Individuare l'immagine creata con il vostro codice HTML, e quindi fare doppio clic sull'immagine per caricarlo sul vostro galleria di WordPress.

19 Scorrere fino alla parte inferiore della finestra, quindi fare clic sul pulsante "Inserisci nella Post".

20 Fai clic su "Pubblica" nella parte destra della finestra di pubblicare il tuo post per il tuo blog.

Consigli e avvertenze

  • WordPress.com account gratuiti non sono in grado di utilizzare il codice CSS in una sezione "<head>" dell'editor HTML, che è il motivo per cui l'opzione più semplice per convertire il file PSD è quello di utilizzare le impostazioni predefinite di Photoshop di "Salva per Web e dispositivi "caratteristica.