Estructura básica de diseño para wordpress

Un diseño para WordPress se comprende desde el panorama de un layout, que ya contiene una estructura bien definida pero ofrece la versatilidad de modificarse fácilmente lo que convierte al sistema en una excelente herramienta para crear sitios rápidos.

La estructura del layout de wordpress

WP tiene algunas partes mínimas para construir un tema o diseño:

• Header
• Contenido
• Pantalla Individual (single)
• Footer (incluso también puede ser opcional)

Tomando en cuenta estas secciones podríamos construir un sitio web sin problema.

Adicional a esto WordPress brinda opciones para agregar otras secciones como sidebar, content, footer, etc.

The-Pixel-Blog-Creative-Wordpress-Header

Para que sirve cada sección

Cada parte es fundamental para que el sitio funcione correctamente ya que están interconectados para aligerar los tiempos de carga, además de hacer más versátil el acomodo en otras secciones… es decir, cada parte de la pagina funciona como elemento de un total como una estructura, individualmente estas secciones podrían ser insuficientes pero en conjunto forman el total.

Header
La cabecera es una parte importante del rompecabezas, aquí es donde comienza todo el código, desde los estilos hasta el head y pasando por los scripts… es por eso que no debemos dejarla a un lado.

Nota importante. Si estas modificando un template o creando uno nuevo te puedes dar cuenta los archivos hasta arriba llaman una etiqueta de php similar a esta:

<?php get_header(); ?>

y es justamente la etiqueta que abre el archivo del header.php

Contenido
La siguiente sección muy importante es la de contenido; aquí es donde se hace la magia para mostrar los artículos, contenido de páginas, etc. Esto lo hace gracias a una cosa llamada loop, que es el responsable en esencia de verificar cuando haya elementos nuevos y mostrarlos dentro del mismo.

Este loop también puede ser modificado sin problemas y es algo similar a esto:

<?php while ( have_posts() ) : the_post(); ?>
  <?php get_template_part( 'content', 'page' ); ?>
    <?php comments_template( '', true ); ?>
  <?php endwhile; // end of the loop. ?>

Página individual (single)
Esta página es importantísima dentro de el layout de WordPress ya que es la que se encarga de mostrar los artículos individuales y es por esto que no debemos dejarla pasar.

Esta la puedes encontrar para modificar en el archivo single.php

Footer
La última sección importante es el footer, es decir la parte inferior de la página; al igual que el header se mandar a llamar el archivo footer.php con la función:

<?php get_footer(); ?>

Dentro del archivo de footer es donde podemos darle estilo a nuestro diseño.

Puntos finales

Tener noción de como se estructura WordPress es muy importante ya que esto te ayuda si eres diseñador a entender como puedes jugar con los elementos dentro de un sitio web.

¿Te gustaría que escribiéramos un tutorial para diseñar plantillas de WordPress?