WordPress Theme hoja de trucos para principiantes

WordPress Theme hoja de trucos para principiantes

¿Está buscando una hoja de trucos de WordPress tema para modificar rápidamente tu tema o crear un nuevo tema personalizado? WordPress viene con muchos Etiquetas de plantilla integradas que puede utilizar para obtener una ventaja. En este artículo, vamos a compartir una hoja de trucos de WordPress tema para principiantes.

Antes de empezar

WordPress viene con un potente motor de plantillas que permite a los desarrolladores de temas crear hermosos diseños para sitios web de WordPress powered. Hay temas de WordPress Premium y gratis 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 los colores, añadir imágenes de cabecera, menús de navegación de configuración y mucho más.

Sin embargo, aún está limitado a las características que admite el tema. A veces es posible que desee hacer pequeños cambios en su tema de WordPress que requieren algo de codificación. Para ello, necesitarás conocer algunos PHP, HTML y CSS básicos.

Lo primero que querrías hacer es familiarizarte con cómo funciona WordPress detrás de las escenas y las plantillas de temas de WordPress.

Después de eso hay algunas prácticas recomendadas que usted puede querer seguir. Por ejemplo, crear un tema secundario en lugar de realizar los cambios directamente en los archivos de tema.

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

Plantillas básicas de temas de WordPress

Archivos de temas básicos de WordPress

Cada tema de WordPress se compone de diferentes archivos llamados plantillas. Todo el tema de WordPress debe tener una hoja de estilos y un archivo de índice, pero por lo general vienen con un montón de otros archivos.

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

  • Style.css
  • Header.php
  • Index.php
  • Sidebar. php
  • footer. php
  • Single.php
  • Página. 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 de inicio de WordPress. Estos temas vienen con archivos de plantilla de WordPress listos para usar y CSS que le da un marco para construir sobre.

Etiquetas de plantilla en cabecera

WordPress viene con una gran cantidad de funciones prácticas que se pueden utilizar para producir diferentes cosas a lo largo de su tema. Estas funciones son llamadas etiquetas de plantilla.

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

1<?php wp_head();=""?>

Este código recupera todo lo importante que WordPress HTML necesita agregar en el<head>sección de cada página de su sitio Web.</head> También es esencial para muchos plugins de WordPress para trabajar correctamente en su sitio Web.

A continuación se encuentra una lista de etiquetas de plantilla que normalmente se utilizar en el archivo header. php del tema. Sin embargo, también se pueden utilizar en otro lugar de su tema cuando los necesite.

1234567891011121314151617181920212223242526Título del blog<?php bloginfo('name');=""> </?php> , o nombre del blog//título de una página<?php wp_title();=""> </?php> específica//URL exacta para el sitio<?php bloginfo('url');=""> </?php> //Descripción<?php bloginfo('description');=""> </?php> del sitio//Ubicación del archivo<?php bloginfo('template_url');=""> </?php> de tema del sitio//enlace a la dirección URL de<?php bloginfo('stylesheet_url');=""> </?php> la ubicación Style. CSS//RSS feed para el sitio<?php bloginfo('rss2_url');=""> </?php>//Pingback URL para el sitio<?php bloginfo('pingback_url');=""> </?php> //número de versión de WordPress<?php bloginfo('version');=""?>

Etiquetas de plantilla utilizadas en otros archivos de tema

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

Etiquetas de plantilla que incluyen otras plantillas

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 encabezado, pie de pagina, contenido, comentarios y plantillas de barra lateral.

1234567891011Muestra el contenido del archivo header<?php get_header();=""> </?php> . php//muestra el contenido del<?php get_footer();=""> </?php> archivo footer. php//muestra el<?php get_sidebar();=""> </?php> contenido del archivo Sidebar. php//muestra el contenido del archivo comment. php<?php comments_template();=""?>

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

123456789101112131415161718192021222324252627282930Muestra el contenido de la publicación<?php the_content();=""> </?php> //muestra el extracto que se utiliza en publicaciones<?php the_excerpt();=""> </?php> //título de la<?php the_title();=""> </?php> publicación específica//enlace de la publicación<?php the_permalink()=""> </?php> específica//categoría de una publicación<?php the_category(',="" ')=""> </?php> específica//autor de la entrada<?php the_author();=""> </?php> específica/ID de un Post<?php the_id();=""> </?php> específico//editar enlace para un post//oonly visible para los usuarios registrados con privilegios<?php edit_post_link();=""> </?php> de edición//URL de la página<?php next_post_link('="" %link="" ')=""> </?php> siguiente//URL de la página anterior<?php previous_post_link('%link')=""?>

Los temas de WordPress vienen con áreas listas para widgets llamadas sidebars. Estos 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, más comúnmente estas áreas de widget se encuentran en la derecha o barra lateral 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 tu tema de WordPress.

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

123456789<?php if="" (="" !="" is_active_sidebar(="" 'sidebar-1'="" )="" )="" {return;}?=""?> <aside id="secondary" class="widget-area" role="complementary"><?php dynamic_sidebar(="" 'sidebar-1'="" );=""?></aside><!-- #secondary -->

Tendrás que reemplazar Sidebar-1 con el nombre definido por tu tema para ese área en particular lista para widgets o la barra lateral.

Etiquetas de plantilla para mostrar menús de navegación

WordPress viene con un potente sistema de gestión de menús que permite usuarios para 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.

Consulte 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 el tema para mostrar un menú de navegación.

12345<?phpwp_nav_menu( array(="" 'theme_location'=""?>' mi-Custom-menú ', ' container_class ' = > ' Custom-menu-Class '));? >

La ubicación del tema depende del nombre del tema utilizado para registrar el menú de navegación. La clase de contenedor CSS se puede llamar a cualquier Como. Rodeará su menú de navegación, para que pueda en consecuencia.

Etiquetas de plantillas misceláneas

A continuación se muestran algunas de las etiquetas que utilizarás comúnmente a lo largo de tu tema de WordPress.

123456789101112131415161718192021222324Muestra la fecha en que se escribió<?php echo="" get_the_date();=""> </?php> la publicación actual//muestra la última vez que una publicación fue modifiedget_the_modified_time//muestra la última hora<?php echo="" the_modified_time('f="" d,="" y');=""> </?php> de modificación de una publicación//muestra<?php the_post_thumbnail(="" );=""> </?php> la miniatura de la publicación o la imagen destacada//muestra los archivos mensuales <?php wp_get_archives(="" );=""?> //Muestra la lista de categorías<?php wp_list_categories();=""> </?php> //muestra el Gravatar de un usuario desde la dirección de correo electrónico//32 píxeles es el tamaño, puede cambiar que si<?php echo="" get_avatar(="" 'email@example.com',="" 32="" );=""> </?php> necesita//muestra Gravatar del autor de la publicación actual<?php echo="" get_avatar(="" get_the_author_meta(="" 'id'="" ),="" 32="" );=""?>

Etiquetas condicionales en temas de WordPress

Las etiquetas condicionales son funciones que devuelven resultados en true o false. Estas etiquetas condicionales se pueden utilizar a lo largo de su tema o plugin 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 predeterminada en su lugar.

123456789<?phpif (="" has_post_thumbnail()="" )="" {the_post_thumbnail();}else="" {echo=""?><img src="' . src=""></img src="' .> get_bloginfo (' stylesheet_directory '). '/images/thumbnail-default.jpg "/> ';}? >

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

1234567891011121314Comprueba si una sola publicación está siendo displayedis_single ()//comprueba si una página está siendo displayedis_page ()//comprueba si la Página principal del blog es displayedis_home ()//comprueba si una página frontal estática es displayedis_front_page ()//comprueba si el visor actual está registrado inis_user _ logged_in ()

Hay muchas más etiquetas condicionales que puede utilizar. La lista completa de las etiquetas condicionales se pueden encontrar en la página del Codex de WordPress sobre las etiquetas condicionales.

El bucle de WordPress

El bucle o el bucle de WordPress es el código utilizado para buscar y mostrar Posts en WordPress. Muchas etiquetas de plantilla de WordPress sólo pueden funcionar dentro el bucle, ya que se asocian con los objetos post o post_type.

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

12345678910111213141516171819202122232425262728293031<?php  checks="" if="" there="" are="" any="" posts="" that="" match="" the="" queryif="" (have_posts())="" : //="" if="" there="" are="" posts="" matching="" the="" query="" then="" start="" the="" loopwhile="" (="" have_posts()="" )="" :="" the_post(); //="" the="" code="" between="" the="" while="" loop="" will="" be="" repeated="" for="" each="" post?=""?> <h2 id="post-<?php the_ID(); ?>"><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title();=""?></a></h2> <p class="date-author">Posted: <?php the_date();=""?> by<?php the_author();=""?></p> <?php the_content();=""?> <p class="postmetadata">Archivado en: <?php the_category();=""?> | Tagged: <?php the_tags();=""?> | <a href="<?php comments_link(); ?>" title="Leave a comment">Comentarios</a></p> <?php  stop="" the="" loop="" when="" all="" posts="" are="" displayedendwhile; //="" if="" no="" posts="" were="" foundelse="" :?=""?><p>Lo sentimos, ninguna publicación coincide con tus criterios.</p><?phpendif;??>

Para obtener más información sobre la salida de bucle ¿qué es un bucle en WordPress (infografía).

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

Fuente: WP principiante

Deja un comentario

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