WordPress Theme Cheat Sheet para principiantes

¿Está buscando una hoja de trucos de WordPress para modificar rápidamente su tema o crear un nuevo tema personalizado? WordPress viene con muchas etiquetas de plantilla incorporadas que puede utilizar para obtener una ventaja. En este artículo, compartiremos una hoja de trucos de WordPress para principiantes..

Antes de empezar

WordPress viene con un potente motor de plantillas que permite a los desarrolladores de temas crear diseños hermosos para sitios web potenciados por WordPress. Hay temas premium y gratuitos de WordPress que puedes instalar en tu sitio web.

Cada tema de WordPress viene con una serie de opciones de personalización. Estas opciones le permiten cambiar colores, agregar imágenes de encabezados, configurar menús de navegación y más.

Sin embargo, todavía está limitado a las características que admita su tema. A veces, es posible que desee hacer pequeños cambios en su tema de WordPress que requieren un poco de codificación. Para hacer eso, necesitarás saber algo de PHP básico, HTML y CSS.

Lo primero que querría hacer es familiarizarse con el funcionamiento de WordPress entre bastidores y las plantillas de temas de WordPress..

Después de eso, hay algunas mejores prácticas que tal vez quiera seguir. Por ejemplo, crear un tema secundario en lugar de realizar cambios directamente en sus archivos de temas.

También puedes practicar tu tema instalando WordPress en tu computadora.

Dicho esto, vamos a sumergirnos en nuestra hoja de trucos de WordPress para principiantes.

Plantillas básicas de WordPress Theme

Cada tema de WordPress se compone de diferentes archivos llamados plantillas. Todos los temas de WordPress deben tener una hoja de estilo y un archivo de índice, pero generalmente tienen muchos otros archivos..

A continuación se muestra la lista de archivos básicos que tiene cada tema:

• style.css
• header.php
• index.php
• barra lateral.php
• footer.php
• single.php
• page.php
• comentarios.php
• 404.php
• funciones.php
• archive.php
• searchform.php
• search.php

Si está creando su propio tema, entonces puede comenzar con uno de los temas de inicio de WordPress. Estos temas vienen con archivos de plantilla de WordPress y CSS listos para usar que le brindan un marco para construir.

Etiquetas de plantillas en el encabezado

WordPress viene con una gran cantidad de funciones prácticas que se pueden usar para generar diferentes elementos a lo largo de su tema. Estas funciones se denominan etiquetas de plantilla..

La primera y probablemente la función más importante que se requiere en todos los temas de WordPress compatibles con el estándar se llama wp_head, y se ve así:

Este código recupera todos los HTML importantes que WordPress necesita agregar en el sección de cada página en su sitio web. También es esencial que muchos complementos de WordPress funcionen correctamente en su sitio web.

A continuación hay una lista de etiquetas de plantilla que comúnmente encontrará y usará en el archivo header.php de su tema. Sin embargo, también se pueden usar en otros lugares de su tema cuando los necesite..

 // Título del blog, o Nombre del blog // Título de una página específica // URL exacta del sitio // Descripción del sitio // Ubicación del archivo de tema del sitio // Enlace a la ubicación de Style.css // URL de la fuente RSS para el sitio // URL de Pingback para el sitio // Número de versión de WordPress  

Etiquetas de plantillas utilizadas en otros archivos de temas

Ahora echemos un vistazo a otras etiquetas de plantilla de uso común y lo que hacen.

Las siguientes etiquetas de plantilla se utilizan para llamar e incluir otras plantillas. Por ejemplo, el archivo index.php de su tema los usará para incluir encabezado, pie de página, contenido, comentarios y plantillas de barra lateral.

 // Muestra el contenido del archivo Header.php // Muestra el contenido del archivo Footer.php // Muestra el contenido del archivo Sidebar.php // Muestra el contenido del archivo Comment.php  

Las siguientes etiquetas de plantilla se utilizan dentro del bucle de WordPress para mostrar contenido, extractos y metadatos de sus publicaciones.

 // Muestra el contenido de la publicación // Muestra el extracto que se usa en las publicaciones // Título de la publicación específica // Enlace de la publicación específica // Categoría de una publicación específica // Autor de la publicación específica // ID de una publicación específica // Editar enlace para una publicación // Solo visible para usuarios registrados con privilegios de edición // URL de la página siguiente // URL de la página anterior  

Los temas de WordPress vienen con áreas listas para widgets llamadas barras laterales. Estas son ubicaciones en sus archivos de temas donde los usuarios pueden arrastrar y soltar widgets de WordPress. A menudo, un tema tiene múltiples ubicaciones donde los usuarios pueden agregar widgets.

Sin embargo, lo más común es que estas áreas de widgets estén ubicadas en la barra lateral derecha o izquierda del diseño del tema. Para obtener más información, consulte nuestra guía sobre cómo agregar barras laterales listas para widgets dinámicos en su tema de WordPress.

Aquí está el código utilizado para mostrar una barra lateral en su tema.

Deberá reemplazar la barra lateral-1 con el nombre definido por su tema para esa área particular lista para widgets o la barra lateral.

Etiquetas de plantillas para mostrar los menús de navegación

WordPress viene con un potente sistema de gestión de menús que permite a los usuarios crear menús de navegación para su sitio web. Un tema de WordPress puede tener más de una ubicación del menú de navegación.

Vea nuestra guía sobre cómo crear sus propios menús de navegación personalizados en un tema de WordPress.

A continuación se muestra el código que se usará en su tema para mostrar un menú de navegación.

  'my-custom-menu', 'container_class' => 'custom-menu-class')); ?> 

La ubicación del tema depende del nombre utilizado por su tema para registrar el menú de navegación. La clase de contenedor CSS puede ser llamada como quieras. Rodeará su menú de navegación, para que pueda personalizarlo como corresponda..

Etiquetas misceláneas de plantillas

A continuación se incluyen algunas de las etiquetas que usará comúnmente en todo su tema de WordPress.

 // Muestra la fecha en que se escribió la publicación actual // Muestra la última vez que se modificó una publicación get_the_modified_time // Muestra la última hora de modificación de una publicación // Muestra la miniatura de la publicación o la imagen destacada // Muestra los archivos mensuales // Muestra la lista de categorías // Muestra el gravatar de un usuario de la dirección de correo electrónico // 32 píxeles es el tamaño, puede cambiarlo si lo necesita // Muestra gravatar del autor de la publicación actual  

Etiquetas condicionales en temas de WordPress

Las etiquetas condicionales son funciones que devuelven resultados en Verdadero o Falso. Estas etiquetas condicionales se pueden usar en todo su tema o complemento para ver si se cumplen ciertas condiciones y luego hacer algo en consecuencia.

Por ejemplo, si la publicación actual tiene una imagen destacada o no. Si no tiene una imagen destacada, puede mostrar una imagen destacada por defecto..

 '; ?> 

A continuación hay algunas etiquetas condicionales más que puedes usar.

 // Comprueba si una sola publicación se muestra is_single () // Comprueba si una página se muestra is_page () // Comprueba si la página principal del blog se muestra is_home () // Comprueba si se muestra una página principal estática is_front_page ( ) // Comprueba si el visor actual está registrado en is_user_logged_in () 

Hay muchas más etiquetas condicionales que puedes usar. La lista completa de etiquetas condicionales se puede encontrar en la página del códice de WordPress sobre etiquetas condicionales.

El bucle de WordPress

El bucle o el bucle de WordPress es el código utilizado para obtener y mostrar publicaciones en WordPress. Muchas etiquetas de plantillas de WordPress solo pueden funcionar dentro del bucle, ya que están asociadas con los objetos post u post_type.

A continuación se muestra un ejemplo de un simple bucle de WordPress.

   
Publicado por 
  
Archivado en: | Etiquetado: | Comentarios
  
Lo sentimos, ningun texto coincide con tu Criteria.
  

Para obtener más información sobre el bucle, consulte Qué es un bucle en WordPress (Infografía).

Esperamos que este artículo te ayude como la hoja de trucos básica de WordPress para principiantes. También puede querer ver nuestra lista de los trucos más útiles para el archivo de funciones de WordPress.

Si le ha gustado este artículo, suscríbase a nuestros tutoriales en video del Canal de YouTube para WordPress. También puedes encontrarnos en Twitter y Facebook..