Hoja de trucos de WordPress para principiantes

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

Antes de empezar

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

Cada tema de WordPress viene con un número de opciones de personalización. Estas opciones le permiten cambiar los colores, añadir imágenes de encabezado, configurar los menús de navegación y mucho más.

Sin embargo, todavía está limitado a las funciones que admite el tema. A veces puede que quieras hacer pequeños cambios en tu tema de WordPress que requieran cierta codificación. Para hacer eso, usted necesitará saber algo de PHP, HTML y CSS básico.

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

Después de eso, hay algunas mejores prácticas que puede seguir. Por ejemplo, crear un tema hijo en lugar de hacer los cambios directamente en los archivos de tema.

También puedes practicar sobre tu tema instalando WordPress en tu ordenador.

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

Plantillas Temáticas Básicas 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 normalmente se les ocurren muchos otros archivos.

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

  • style.css
  • header.php
  • index.php
  • sidebar.php
  • footer.php
  • single.php
  • page.php
  • comments.php
  • 404.php
  • functions.php
  • archive.php
  • searchform.php
  • search.php

Si estás construyendo tu propio tema, entonces puedes empezar con uno de los temas iniciales de WordPress. Estos temas vienen con archivos de plantilla de WordPress listos para usar y CSS que le proporcionan un marco de trabajo sobre el que construir.

Etiquetas de plantilla en el encabezado

WordPress viene con muchas funciones útiles que pueden ser usadas para producir diferentes cosas a lo largo del 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 estándar de WordPress se llama wp_head, y tiene el siguiente aspecto:

1

Este código recupera todo lo que WordPress HTML importante necesita añadir en la sección de cada página de su sitio web. También es esencial que muchos plugins de WordPress funcionen correctamente en su sitio web.

A continuación encontrará una lista de plantillas de etiquetas que normalmente encontrará y utilizará en el archivo header.php de su tema. Sin embargo, también se pueden usar en cualquier otro lugar del tema cuando los necesites.

12345678910111213141415161718181920212223242526// 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 Temático del sitio // Enlace a la ubicación de Style.css?php bloginfo('stylesheet_url'); ?> // RSS Feed URL para el sitio // Pingback URL para el sitio/ WordPress número de versión de WordPress / Pingback URL para el sitio

Etiquetas de plantilla utilizadas en otros archivos temáticos

Ahora echemos un vistazo a algunas otras etiquetas de plantillas usadas comúnmente y a lo que hacen.

Las siguientes etiquetas de plantilla se utilizan para llamar e incluir otras plantillas. Por ejemplo, el archivo index.php del tema los utilizará para incluir encabezados, pies de página, contenido, comentarios y plantillas de barra lateral.

1234567891011/// 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 mensajes.

1234567891011121314151516171718192021222324252627282930/// Muestra el Contenido del Post // Muestra el extracto que se usa en los Postes // Título del Post Específico // Enlace del Post Específico // Categoría del Post Específico de un Post Específico<?php the_category(', ') ?Autor del Mensaje Específico //ID de un Mensaje Específico // Editar enlace para un Mensaje // Sólo 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 Sidebars. Estas son ubicaciones en los archivos de temas donde los usuarios pueden arrastrar y soltar widgets de WordPress. A menudo, un tema tiene varias ubicaciones donde los usuarios pueden añadir widgets.

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

Este es el código que se utiliza para mostrar una barra lateral en el tema.

123456789<?php if( ! is_active_sidebar('sidebar-1') ) Subtítulos por aRGENTeaM

Deberá reemplazar la barra lateral-1 con el nombre definido por el tema para esa área específica preparada para widgets o la barra lateral.

Plantilla de etiquetas para mostrar menús de navegación

WordPress viene con un poderoso 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 en el 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 utilizará en el tema para mostrar un menú de navegación.

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

La ubicación del tema depende del nombre que el tema utilizó para registrar el menú de navegación. La clase de contenedor CSS puede llamarse como usted quiera. Rodeará su menú de navegación, para que pueda darle el estilo adecuado.

Varios Etiquetas de plantilla

A continuación se presentan algunas de las etiquetas que comúnmente se utilizan en todo el tema de WordPress.

1234567891011121314151516171818192021222324// Muestra la fecha en que se escribió el mensaje actual // Muestra la última vez que se modificó un mensaje @the_modified_time // Muestra la última vez que se modificó un mensaje @?php echothe_modified_time('F d, Y'); ?> Muestra la lista de categorías // Muestra el gravatar de un usuario desde la dirección de correo electrónico/// 32 píxeles es el tamaño, puedes cambiar eso si necesitas // Muestra el gravatar del autor del mensaje actual / Muestra el gravatar del autor del mensaje actual, 32

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 el tema o plugin para ver si se cumplen ciertas condiciones y luego hacer algo en consecuencia.

Por ejemplo, si la entrada actual tiene una imagen destacada o no. Si no tiene una imagen destacada, puede mostrar una imagen destacada predeterminada.

123456789<?phpif( has_post_thumbnail()) { the_post_thumbnail();}else{ echo' ';}?>?

A continuación se presentan algunas etiquetas condicionales más que puede utilizar.

1234567891011121314/// Comprueba si se está visualizando una sola entradais_single() // Comprueba si se está visualizando una páginais_page() // Comprueba si se está visualizando la página principal del blogis_home() // Comprueba si se está visualizando una página frontal estáticais_front_page() // Comprueba si el visor actual está registrado inis_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 recuperar y mostrar los mensajes en WordPress. Muchas etiquetas de plantilla de WordPress sólo pueden funcionar dentro del bucle ya que están asociadas a los objetos post o post_type.

El siguiente es un ejemplo de un simple bucle de WordPress.

123456789101112131414151617171819202122232425262728293031

">""title="Permanent Link to ">"> Enlace permanente a <?php the_title()      Publicado: por            Filed in: | Tagged: | ""title="Leave a comment">Comentarios

      ?

Lo sentimos, no hay mensajes que coincidan con tus criterios.

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

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

Si te ha gustado este artículo, suscríbete a nuestros tutoriales de vídeo de YouTube Channel for WordPress. También puede encontrarnos en Twitter y Facebook.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir