Wordpress Theme Development Cheat Sheet For Beginners

Hoja de trucos del tema de WordPress para principiantes

¿Está buscando una hoja de trucos de tema de WordPress para cambiar rápidamente su tema o crear un nuevo tema personalizado? WordPress viene con una gran cantidad de etiquetas de plantilla integradas que puede usar para comenzar con ventaja. En este artículo, compartiremos una hoja de trucos de temas de WordPress para principiantes.

Antes de comenzar

Contents

WordPress viene con un potente motor de plantillas que permite a los desarrolladores de temas crear diseños asombrosos para sitios web impulsados ​​por WordPress. Hay temas de WordPress premium y gratuitos que puede instalar en su 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 encabezado, configurar menús de navegación y más. Sin embargo, todavía está limitado a las funciones compatibles con su tema. A veces, es posible que desee realizar pequeños cambios en su tema de WordPress que requieran algo de codificación. Para hacer esto, necesitará conocer los conceptos básicos de PHP, 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 prácticas recomendadas que quizás desee seguir. Por ejemplo, cree un tema hijo en lugar de realizar los cambios directamente en los archivos de su tema. También puede practicar su tema instalando WordPress en su computadora. Dicho esto, vamos a sumergirnos en nuestra hoja de trucos de temas de WordPress para principiantes.

Plantillas de temas básicos de WordPress

Archivos De Temas Básicos De Wordpress
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 ofrecen muchos otros archivos. A continuación se muestra la lista de archivos principales para cada tema:

  • style.css
  • header.php
  • index.php
  • sidebar.php
  • footer.php
  • unique.php
  • page.php
  • comments.php
  • 404.php
  • functions.php
  • archive.php
  • formulario de búsqueda.php
  • research.php

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

Etiquetas de plantilla en el encabezado

WordPress viene con muchas funciones útiles que se pueden usar para generar diferentes cosas a lo largo de su tema. Estas funciones se denominan etiquetas de modelo. La primera y probablemente la función más importante requerida en todos los temas de WordPress que cumplen con los estándares se llama wp_head, y tiene este aspecto:

Este código recupera todo el HTML importante que WordPress necesita agregar en el sección de cada página de su sitio web. También es esencial que muchos complementos de WordPress funcionen bien en su sitio web. Aquí hay una lista de etiquetas de plantilla que encontrará y usará comúnmente 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 lugar

// Ubicación del archivo de tema del sitio

// Enlace a la ubicación de Style.css

// URL del feed RSS del sitio

// URL de ping para el sitio

// número de versión de WordPress

Etiquetas de plantilla utilizadas en otros archivos de tema

Ahora echemos un vistazo a algunas otras etiquetas de plantilla de uso común y lo que hacen.
Etiquetas De Plantilla Que Incluyen Otras Plantillas
Las siguientes etiquetas de plantilla se utilizan para invocar 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 en el ciclo de WordPress para mostrar el contenido, los fragmentos y los metadatos de sus publicaciones. // Muestra el contenido del mensaje

// Muestra el extracto utilizado en los artículos

// Título del puesto específico

// Enlace de la publicación específica

// Categoría de un puesto específico

// Autor de la publicación específica

// ID de un artículo específico

// Modificar el enlace de un artículo // Solo visible para usuarios conectados 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. Estos son lugares en los archivos de su tema donde los usuarios pueden arrastrar y soltar los widgets de WordPress. A menudo, un tema tiene varios lugares donde los usuarios pueden agregar widgets. Sin embargo, la mayoría de las veces estas áreas de widgets se encuentran 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 dinámicas listas para widgets 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 en particular lista para los widgets o la barra lateral.
Etiquetas de plantilla para mostrar menús de navegación
WordPress viene con un poderoso sistema de administració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últiples ubicaciones de menú de navegación. Consulte nuestra guía sobre cómo crear sus propios menús de navegación personalizados en un tema de WordPress. Aquí está el código que se utilizará en su tema para mostrar un menú de navegación.

‘mi-menú-personalizado’, ‘container_class’ => ‘clase-menú-personalizado’)); ?> La ubicación del tema depende del nombre que usó su tema para guardar el menú de navegación. La clase de contenedor CSS puede llamarse como desee. Rodeará su menú de navegación, por lo que puede diseñarlo en consecuencia.
Varias etiquetas de plantilla
Estas son algunas de las etiquetas que usará comúnmente en su tema de WordPress. // Muestra la fecha en la que se escribió el mensaje actual

// Muestra la última vez que se modificó un artículo get_the_modified_time // Muestra la hora de la última modificación de un artículo

// Mostrar la miniatura de la publicación o imagen destacada

// Mostrar los archivos mensuales

// Mostrar la lista de categorías

// Mostrar el gravatar de un usuario desde la dirección de correo electrónico // 32px es el tamaño, puede cambiarlo si lo necesita

// Muestra el gravatar del autor del mensaje 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 al respecto. Por ejemplo, si la publicación actual tiene una imagen destacada o no. Si no tiene una imagen destacada, puede mostrar una imagen destacada predeterminada en su lugar.Thumbnail Default‘; }?> Aquí hay algunas etiquetas condicionales adicionales que puede utilizar. // Verifica si se muestra una sola publicación is_single () // Verifica si se muestra una página is_page () // Verifica si se muestra la página principal del blog is_home () // Verifica si se muestra una página de inicio estática is_front_page () / / Compruebe si el visor actual está conectado is_user_logged_in () Hay muchas otras etiquetas condicionales que puede 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 bucle de WordPress es el código utilizado para recuperar y mostrar publicaciones en WordPress. Muchas etiquetas de plantilla de WordPress solo pueden funcionar dentro del ciclo, ya que están asociadas con objetos post o post_type. Aquí hay un ejemplo de un bucle simple de WordPress.

«>» rel = «bookmark» title = «Enlace permanente a «>

Al corriente: por

Lo sentimos, ningún artículo coincide con sus criterios.

Para obtener más información sobre el bucle, consulte Qué es un bucle en WordPress (infografía). Esperamos que este artículo lo ayude como una hoja de trucos básica de temas de WordPress para principiantes. También puede consultar nuestra lista de los consejos más útiles para el archivo de funciones de WordPress. Si le gustó este artículo, suscríbase a nuestro canal de YouTube para ver tutoriales en video de WordPress. También puede encontrarnos en Twitter y Facebook.

Leave a Reply