formats Estructura de un tema WordPress Infografía

Tema WordPress

Está estructura de archivos controla una parte específica del tema. Algunas partes del tema permanecen estáticas independientemente de la pagina en la que estamos y son la cabecera, la barra lateral y el pie de página. Estos archivos se pueden modificar para presentar contenido diferente como modificar el código de los post para cambiar por ejemplo su distribución a nuestra necesidad, pero normalmente estás secciones tienen siempre el mismo aspecto.

Archivo header.php: Archivo global que muestra el encabezado y la navegación (generalmente el menú principal), también contiene código HTML.

Loop: En está zona de muestran el contenido del área principal del sitio (timeline del blog) que se controla mediante los archivos del tema wordpress utilizando lo que se llama “el loop”.

Archivo sidebar.php: La barra lateral es contriolada por este archivo. Varias barras laterales se pueden configurar en el archivo functions.php y el contenido de los widgets están configurados desde el panel de administración de WordPress en Apariencia.

 

Archivo footer.php: Contiene el código para el pie de página y cierra etiquetas HTML.

Archivo index.php: Este archivo controla la página principal de su tema wordpress. Por defecto es un bucle que consulta y muestra los post más recientes del blog, con un enlace en la parte inferior para ver los post anteriores.

De forma opcional se puede especificar en el panel de administración de wordpress en ajustes / lectura que la página de inicio sea una página creada, la cual se especifica una página concreta diferente a la presentación de la página de inicio por defecto de los posts que se van publicando, está página pasa a ser generada por index.php.

 Archivo single.php: Archivo que muestra los post individuales, contiene un bucle que sólo consulta un sólo mensaje y lo muestra.

Puede modificar este archivo si desea modificar la apariencia de las barras laterales para que sean diferentes a otras páginas del blog.

Archivo page.php: Este archivo controla la apariencia de las páginas. Puede eliminar o modificar barras laterales u otros elementos y puede agregar otros elementos a las páginas.

WordPress también le permite crear crear diferentes plantillas de página dentro del tema wordpress actual para diferentes tipos de páginas.  Para crear una plantilla de página, simplemente copie el archivo page.php, cámbiele el nombre a lo que desee y luego agrege este código en la parte superior:

<?php

/*

Nombre de la plantilla: SuNombreDePáginaAquí

*/

?>

Archivos archive.php, category.php, tag.php: También se pueden modificar los diferentes archivos que utiliza el tema wordpress de su blog. Los archivos de su tema wordpress se parecerán a index.php, category.php, tag.php pero puede crear su propio archivo para sobre escribirlo.

The Loop: El bucle es quizás la parte más poderosa de su tema wordpress. Empieza con una consulta que determina que post o páginas se van a mostrar y finaliza con una sentencia PHP “endwhile”. Se puede modificar muchas cosas como van a ser los títulos, el contenido del post, los metadatos, campos personalizados y comentando todo dentro del bucle donde cada elemento es mostrado para cada post o página hasta que el bucle finaliza.

Archivos esenciales de un tema WordPress

Para que un tema wordpress pueda trabajar necesita unos archivos esenciales para que funcione. Estos se pueden modificar según nuestras necesidades y cambiar el diseño del tema y la funcionalidad del blog.

Archivo comment.php: Controla la apariencia de los comentarios que se puede incluir en el bucle si desea tener comentarios en los post en el tema wordpress. Hay plugins como disqus que invalidan este archivo y toman el control de los comentarios de los post.

Archivo functions.php: Le permite poner su propio código PHP personalizado con el fin de modificar los elementos esenciales de nuestro tema wordpress. Por ejemplo puede ser usado para varias barras laterales, cambiar el número de caracteres en el excerpt (es un extracto de texto limitado de nuestro post) o agregar opciones personalizadas a nuestro panel de administración wordpress.

Archivo style.css: Es la hoja de estilo principal del tema wordpress. Contiene el texto en la parte superior que nos indica el nombre del tema wordpress, su autor y la URL del desarrollador.

Estructura de un tema wordpress