wp-theming.md

Creación de Temas en WordPress

• Documentación
• Estructura de Archivos
• Hooks
• The Loop
• Jerarquía de Plantillas

Documentación:

• Buenas prácticas PHP en WordPress
• Codex WordPress
• Developers WordPress
• Glosario de conceptos importantes en WP
• API de Hooks WP
  • Lista de Acciones WP
  • Lista de Filtros WP
• API de Plugins WP
• API de Widgets WP
• Jerarquía de Plantillas WP
  • por Templates Files
  • por Conditional Tags

⬆ regresar al índice

Estructura de Archivos

Un Tema es una colección de archivos que trabajan juntos para producir un interfaz gráfica con un diseño unificado para el sitio. Estos archivos se llaman archivos de plantilla.

Un tema modifica el modo en que el sitio es mostrado, sin modificar el código fuente de WordPress.

Los temas pueden incluir archivos de plantilla personalizados, archivos de imagen, hojas de estilo, scripts (.php o .js), así como cualquier otro archivo necesario.

Archivos básicos:

• index.php: Plantilla principal.
• style.css: Hoja de estilos principal.
• functions.php: Archivo de funciones.
• screenshot.png: Imagen de captura de pantalla.

Archivos para contenido común:

• header.php: Contiene la cabecera.
• footer.php: Contiene el pié de página.
• sidebar.php: Contiene la barra lateral.

⬆ regresar al índice

Hooks:

El archivo functions.php es la biblioteca particular de funciones del tema en cuestión, es una manera fácil de agregar o modificar el comportamiento por defecto de WordPress.

Se comporta exactamente igual que un plugin, añadiendo características y funcionalidad al tema, se puede utilizar tanto para definir nuevas funciones PHP como para modificar las que ya incorpora WordPress.

El comportamiento de WordPress se modifica mediante hooks, que son eventos que se ejecutan por la invocación de acciones o la aplicación de filtros. También se puede modificar a través de widgets y plugins.

Funciones de inclusión obligatoria:

Para el correcto funcionamiento de hooks propios, de wordpress y/o de plugins de terceros en el tema, es necesario activar las siguientes funciones:

• wp_head() debe colocarse antes de </head>.
• wp_footer() debe colocarse antes de </body>.

De esta manera WordPress permite inyectar de forma dinámica el código html, css y/o js que se requiera para cada funcionalidad.

⬆ regresar al índice

The Loop

The Loop es el código PHP usado por WordPress para mostrar el contenido solicitado:

if( have_posts() ):
  while( have_posts() ):
    the_post();
    //mostrar el contenido
  endwhile;
else:
  //no hay contenido que mostrar
endif;

⬆ regresar al índice

Jerarquía de Plantillas

Dependiendo del contenido a mostrar en el navegador, WordPress buscará dentro de la carpeta del tema el archivo indicado para cada ocasión, si no lo encuentra disponible siempre mostrará el index.php.

Se puede tomar ventaja de la jerarquía de plantillas creando diferentes archivos para presentar los contenidos de formas diferentes dependiendo las circunstancias y necesidades tanto de contenido, como de diseño.

⬆ regresar al índice