¿Qué es un PSD?

Los temas PSD y WordPress son dos términos que no necesitan introducción en el diseño web. PSD es un documento de Photoshop creado por Adobe Photoshop.

¿Qué Son los Temas de WordPress?

Asumiendo que eres nuevo en los temas de WordPress, déjame explicártelo de una manera más simple. Considere temas de WordPress similares a los temas de su teléfono inteligente.

Paso 1: Cortar el PSD

Usted corta el PSD y lo divide en archivos de imagen separados para que cada componente de diseño se guarde efectivamente como un archivo de diseño separado. Puede hacer uso de cualquier software de edición de fotos o, preferiblemente, Adobe Photoshop para cortar sus archivos PSD.

Una forma fácil de dividir tu PSD es buscar primero estos componentes.

• Fondo
• Encabezado y separador
• Pie de página y otros

Paso 2: Crear índice.html y Estilo.css

Ahora el siguiente paso es llegar al mundo de la programación desde el mundo del diseño. Pero va a ser bastante simple. A partir del diseño PSD que ha creado, cree una plantilla HTML y CSS estática.

Puede seguir un diseño web receptivo para asegurarse de que su sitio se vea hermoso en todas las pantallas.

Déjame mostrarte un ejemplo de desglose de código basado en la etiqueta div y el estilo CSS.

Paso 3: Desglosa tu índice.html en estructura de archivos de tema de WordPress

Ahora tiene la plantilla básica lista y necesita portarla al entorno de WordPress. Pero antes de hacer eso, es posible que necesite un poco de conocimiento sobre cómo se organizan las cosas en WordPress.

WordPress tiene una estructura de archivos específica que debes seguir. Básicamente, va a subir su página web a temas de WordPress y el software de WordPress debe funcionar sin problemas para que los complementos y las funcionalidades adicionales se puedan agregar sin problemas o problemas de incompatibilidad.

A continuación se enumeran algunos consejos que pueden ayudarlo.

Archivos básicos de Tema de WordPress

• índice.encabezado php
• .barra lateral php
• .php
• pie de página.php

• estilo.css
  

  La hoja de estilos principal: Este archivo debe estar adjunto al Tema, y contendrá la información del encabezado del tema.

• rtl.css
  

  La hoja de estilos principal: Este archivo debe estar adjunto al Tema y contendrá la información del encabezado del tema.

• índice.php
  

  El archivo de plantilla principal: Es el archivo padre de la plantilla.

• comentarios.php
  

  Este archivo define la plantilla de comentarios.

• portada.php
  

  La plantilla de portada: solo se usa para una portada estática.

• inicio.php

  La página de inicio es la primera página por defecto.

• soltero.php
  

  Este archivo se usa cuando se consulta una sola publicación. Para esta y todas las demás plantillas de consulta, indexe.php se utiliza si la plantilla de consulta no está presente.

• página.php
  

  Este se usa para plantillas de páginas individuales.

• categoría.php
  

  Esta página es necesaria para mostrar las categorías.etiqueta

• .php
  

  Esta página es necesaria cuando se necesita la etiqueta.

• fecha.php
  

  Para mostrar la fecha/ hora necesitamos esta página de plantilla.archivo

• .php
  

  Se usa cuando se consulta una categoría, autor o fecha. Tenga en cuenta que esta plantilla se sobrescribirá por categoría.php, autor.php y fecha.php para sus respectivos tipos de consulta.búsqueda

• .php
  

  Para realizar una búsqueda necesitamos este archivo dentro de la plantilla.

• adjunto.php
  

  Para ver un único archivo adjunto, necesitamos este archivo.

• imagen.php

  La plantilla de adjunto de imagen se utiliza cuando se visualiza un único adjunto de imagen.

• 404.php
  

  La plantilla 404 No encontrada es para mostrar el mensaje de error cuando la publicación no se encuentra.

Paso 4: Agregue etiquetas de WordPress

Todo lo que tiene que hacer ahora es importar las increíbles funcionalidades incorporadas proporcionadas por WordPress a sus archivos de temas con la ayuda de etiquetas de WordPress y agregar estas etiquetas, puede decir que ha creado un tema de WordPress. Siga el enlace dado para conocer las etiquetas de plantilla de WordPress disponibles.