Introduction to the anatomy of a WordPress theme

(o tablas si realmente eres de la vieja escuela). A parte de esto, los temas de WordPress se dividen en diferentes archivos phpEl PHP es un lenguaje de scripting de código abierto, del lado del servidor, con programación HTML integrada que se usa para crear páginas web dinámicas. Las ventajas de PHP son su flexibilidad y su alta compatibilidad con otras bases de datos. Al mismo tiempo, PHP es considerado como un lenguaje fácil de aprender. Funciones de PHP Las funciones de PHP se relacionan con los scripts del lado del servidor. plus, que luego se vuelven a unir usando etiquetas de plantilla.

In this way, instead of having all the body items (header, main content, sidebar, footer, etc.) living in a single file (as is the case with static HTML), each of the items in the body (in WordPress themes) lives in separate files.

De esta manera, el encabezado vivirá en headerConcepto de Header¿Qué es el Header?El Header, encabezado en español, es una definición que se usa en el terreno del diseño y la programación web para referirse a la parte de arriba de una página. Se trata del primer punto a ver por cualquier usuario que entra en un portal web, por lo que cuenta con una responsabilidad enorme y ha de contener la carga informativa esencial para mostrar la plus.php, la barra lateral encontrará el inicio en sidebar.php, el contenido principal vivirá en indexUn index o índice es generalmente un directorio en un orden específico que se usa con fines de orientación. En términos de motores de búsqueda, un índice es la lista de páginas web que es emitido por el motor de búsqueda en respuesta a una solicitud de búsqueda del usuario. Información general La lista que se muestra posteriormente de introducir una solicitud de búsqueda específica se llama SERPs (Search Engine plus.php o single.php (si es una publicación) o page.php (si es una página ). La sección de pie de página vivirá en footerUn footer o pie de página es una línea o bloque de texto que aparece en la parte inferior de una página o documento separado del texto principal. Los footers incluyen notas en el título de la página, o navegación dentro del documento. En los sitios web, los pies de página son además un área especial que está separada del cuerpo principal y el encabezado. Por lo general, contienen información plus.php y así sucesivamente.

Are you following? See the following illustration:

From our previous illustration, , Y they are called template tags. Your job is to search for header.php, sidebar.php, and footer.php in that order from your themes directory, and display the content in your index.php, thus completing the web page.

Don't let the .php scare you, the content inside php files is just HTML code that you are familiar with. As an example, your header.php may contain typical HTML list navigation. In the same way, you can put typical HTML code in footer.php, sidebar.php, and index.php.

At the same time you can place the loop.php funciona en su index.php (o en cualquier lugar que desee) para mostrar las publicaciones de su BlogEl término blog se usa para describir un diario virtual en Internet. El autor de un blogger puede publicar posts sobre cualquier tema. Los posts suelen estar presente de forma cronológica. El estilo de redacción de un blog suele ser informal y se escribe en primera persona. No obstante, además son posibles otros estilos, por ejemplo en el caso de los periódicos online, en los que la atención se centra plus, pero debería disminuir la velocidad y volver a la anatomía de los temas de WordPress. He mencionado un par de cosas sobre el ciclo en la parte 2 de cómo crear un tema de WordPress a partir de HTML. y hablaremos de él (el bucle) y otras funciones en el futuro.

Forward…

A basic WordPress theme is made up of at least four template files, namely:

1. index.php
2. header.php
3. sidebar.php
4. footer.php

Let's see what each of these includes magical records:

Index.php template file

This is the main file without which you don't have a working WordPress theme. It is the first (or default) file to load when you visit a WordPress website. Consider it the equivalent of index.html.

A typical index.php in WordPress themes will look like this:

You can add the loop between Y to display blog posts on home page (index.php) as shown below:

<?php get_header(); ?>
<div class="content">

	<div id="post-<?php the_ID(); ?>" no numeric noise key 1022>
	<div class="post-header">
	<div class="date"><?php the_time( 'M j y' ); ?></div>
	<h2><a href="/en/</?php the_permalink(); ?>" rel="bookmark" title="Permanent Link to"><?php the_title(); ?></a></h2>
	<div class="author"><?php the_author(); ?></div>
	</div><!--end post header-->
	<div class="entry clear">
	
	</div><!--end entry-->
	<div class="post-footer">
	<div class="comments"><?php comments_popup_link( 'Leave a Comment', '1 Comment', '% Comments' ); ?></div>
	</div><!--end post footer-->
	</div><!--end post-->
<?php endwhile; /* rewind or continue if all posts have been fetched */ ?>
	<div class="navigation index">
	<div class="alignleft"><?php next_posts_link( 'Older Entries' ); ?></div>
	<div class="alignright"><?php previous_posts_link( 'Newer Entries' ); ?></div>
	</div><!--end navigation-->

</div>

Header.php template file

These template files contain your HTML header code, navigation, and header code. Basically, header.php stores everything you want to display at the top of your website. You know, things like your website title and things like that.

Al mismo tiempo enlaza a su style sheetConcepto de Hoja de estilo¿Qué es una Hoja de estilo?Una Hoja de estilo es un archivo que suele acompañar al fichero principal de cualquier página web, con la amplitud css, y que se encarga de definir distintos aspectos relacionados con el formato y el diseño de la web, estableciendo los parámetros que definen las etiquetas utilizadas en el código fuente de la misma.Este fichero es donde se almacena información del plus CSS en el header.php. Aquí hay un ejemplo básico de header.php:

<html>
<head>
	<meta charset="<?php bloginfo( 'charset' ); ?>">
	<meta name="viewport" content="width=device-width">
	<title><?php wp_title( '|', true, 'right' ); ?></title>
	<link rel="profile" href="http://gmpg.org/xfn/11">
	<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
	<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" />
	<!--[if lt IE 9]>
	<script src="<?php echo get_template_directory_uri(); ?>/js/html5.js"></script>
	<![endif]-->
	<?php wp_head(); ?>
</head>
<body>
<div class="header">
<p>This is header section. Put your logo and other details here.</p>
</div>

Sidebar.php template file

Sidebar.php contiene todo lo que necesita para aparecer en sus barsLas trailing slashes son las barras que aparecen al final de una URL ( "https://es.ryte.com/" ) y representan un directorio. Si la URL no finaliza con una barra representa un archivo. No obstante, esto son solo guías, no un requerimiento. No obstante, usar una barra como representación de un directorio ha sido aceptado como estándar con el tiempo. Uso de las barras "https://es.ryte.com/" y SEO A pesar de que dichas plus laterales. La barra lateral contiene menús adicionales, widgetsConcepto de Widgets¿Qué son los Widgets?Los Widgets son una serie de pequeños programas que se usan para añadir funciones, simplificar o automatizar aquellas acciones que se lleven a cabo a menudo dentro de una web. Son herramientas adicionales, añadidos que se elaboran con la finalidad de hacer más fácil las labores de mantenimiento o inclusive de generación de contenidos dentro de cualquier sitio de Internet y que no han hecho plus, categorías, íconos de redes sociales, contenido personalizado, código HTML como anuncios, etc.

Sidebar.php can contain pure HTML markup or php function calls depending on your needs. As such, a basic sidebar.php might look like this:

<div class="sidebar">

Put your custom content or HTML code here.

</div>

Footer.php template file

What do you think goes into footer.php? You can put your copyright information here, additional menus, links, social media icons, whatever you want! Would you like to see what a basic footer.php looks like? Here:

<footer class="footer">

Put your footer content here including php function calls (to fetch different template files eg search.php) if need be.

</footer>

</body>

</html>

Do you notice the closing tags and in footer.php? Can you guess why they should be included in footer.php? Identically, can you guess why the opening tags and are they included in header.php? Let us know your guesses in the comment section at the bottom of this post 😉

Los cuatro archivos de plantilla que acabamos de cubrir previamente constituyen un tema de WordPress muy básico. Hay muchos otros archivos de plantilla; hay un archivo de plantilla para cada elemento que ve en un tema de WordPress, ya sean comentarios, resultados de búsqueda y páginas de Error 404Concepto de Error 404¿Qué es un Error 404?El Error 404 es uno de los más frecuentes y que más complicaciones trae a todos aquellos que trabajan con una página web. Consiste en un código de estado HTTP que está ligado al error que tiene lugar cuando se intenta entrar a una página y esta no se encuentra. Es el fallo por excelencia de Internet y, probablemente, el más común tanto plus, solo por mencionar algunos.

To fully know the anatomy of a WordPress theme, you have to become familiar with different template files. You can browse all usable template tiles in WordPress.

Then we have template tags, which WordPress uses to find template files from the theme directory. You can learn more about Template tags and the role they play in WordPress.

Summary

A WordPress theme consists of the following anatomical items:

• Template files like index.php, header.php, search.php, category.php, etc.
• Template tags like , etc
• CSS
• Pictures and other multimedia files
• Records JavaScriptJavaScript es un lenguaje de programación que funciona en el lado del cliente y con el que las webs pueden ser más funcionales. Incorporación en código HTML El código JavaScript puede ser incrustado en las páginas HTML, para que adquieran funcionalidad. Existen varias opciones. Puede estar entre las etiquetas <SCRIPT> y </SCRIPT>, puede estar contenido en un archivo externo, puede ser un parámetro de las etiquetas HTML, y puede estar plus

And here is an illustration that summarizes the anatomy of a WordPress theme:

Do you want to keep learning? See the detailed theme anatomy guide in WordPress Codex.

conclusion

All the WordPress themes you see on the web use the same anatomical structure (even our popular Total WordPress theme), which you can customize to meet your needs. Once you understand the basics of WordPress theme development, there is no limit to what you can do with WordPress themes.