Tecnología

Inicio

Cómo convertir un PSD Web Diseño En WordPress

December 25

El archivo de diseño de Web del PSD que creó en Photoshop se puede convertir en un archivo HTML y luego copiar y pegar en el editor HTML de tu blog WordPress.com. Este proceso se logra con la opción "Guardar para Web y dispositivos" opción en Photoshop que se puede personalizar para generar código HTML para su archivo PSD. El código generado puede ser copiado y pegado en un poste de WordPress.com y al alcance de los lectores de su blog.

Instrucciones

1 Iniciar Adobe Photoshop.

2 Haga clic en "Archivo", haga clic en "Abrir", y haga doble clic en el archivo PSD que contiene el diseño de su web.

3 Haga clic en "Archivo" en la parte superior de la ventana y haga clic en "Guardar para Web y dispositivos."

4 Haga clic en el botón "Guardar".

5 Haga clic en el menú desplegable a la derecha de "Formato" y, a continuación, haga clic en "HTML".

6 Haga clic en el menú desplegable a la derecha de "Configuración" y haga clic en "Valores por defecto", y haga clic en "Guardar". Tenga en cuenta que esto también generará una carpeta "Imágenes" en la misma carpeta en la que se guarda el archivo HTML. La carpeta "Imágenes" contendrá una imagen de su diseño web que tendrá que subir a su blog de WordPress también.

7 Busque el archivo HTML que acaba de crear, haga clic en el archivo, haga clic en "Abrir con" y haga clic en "Bloc de notas".

8 Pulse la tecla "Ctrl + A" para seleccionar todo el código y, a continuación, pulse la tecla "Ctrl + C" para copiarlo.

9 Abra una ventana del navegador Web, y luego ir a WordPress.com.

10 Escriba su nombre de usuario y contraseña en sus respectivos campos en la parte superior de la ventana y haga clic en "Iniciar sesión".

11 Haga clic en la pestaña "Mis blogs" en el centro de la ventana y haga clic en "Panel de control" en el blog con el que desea cargar el diseño de su web.

12 Haga clic en "Mensajes" en la parte izquierda de la ventana y haga clic en "Agregar nuevo".

13 Haga clic en la pestaña "HTML" en el centro de la ventana.

14 Haga clic dentro del campo "Introduzca aquí el título" en la parte superior de la ventana, a continuación, escriba un título para el mensaje.

15 Haga clic dentro del campo del cuerpo de correos y, a continuación, pulse la tecla "Ctrl + V" para pegar el código copiado.

dieciséis Haga clic en la pestaña "Visual" en el centro de la ventana y, a continuación, haga clic en el icono pequeño "enlace roto" en el centro del campo del cuerpo posterior.

17 Haga clic en el botón "Añadir imagen" a la derecha de "Subir / Insertar" y luego haga clic en "Seleccionar archivos".

18 Vaya a la imagen creada junto con su código HTML y, a continuación, haga doble clic en la imagen para subirlo a su galería de WordPress.

19 Desplazarse hasta la parte inferior de la ventana y, a continuación, haga clic en el botón "Insertar en la postal".

20 Haga clic en "Publicar" en la parte derecha de la ventana para publicar la entrada a su blog.

Consejos y advertencias

  • Las cuentas gratuitas de Wordpress.com no son capaces de utilizar el código CSS en una sección "<head>" del editor de HTML, por lo que la opción más sencilla para la conversión de su archivo PSD es utilizar la configuración por defecto en Photoshop de "Guardar para Web y dispositivos " característica.