Einführung in die Anatomie eines WordPress-Themas

(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.

Auf diese Weise werden nicht alle Hauptelemente (Kopfzeile, Hauptinhalt, Seitenleiste, Fußzeile usw.) in einer einzigen Datei gespeichert (wie dies bei statischem HTML der Fall ist), sondern alle Elemente im Hauptteil (in WordPress-Themen) ) lebt in separaten Dateien.

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 FusszeileUn 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.

Folgen Sie? Siehe folgende Abbildung:

Aus unserer vorherigen Abbildung, , Y. Sie werden Vorlagen-Tags genannt. Ihre Aufgabe ist es, in Ihrem Themenverzeichnis nach header.php, sidebar.php und footer.php in dieser Reihenfolge zu suchen und den Inhalt in Ihrer index.php anzuzeigen, um die Webseite zu vervollständigen.

Lass das nicht .php erschrecken Sie, der Inhalt in PHP-Dateien ist nur HTML-Code, mit dem Sie vertraut sind. Beispielsweise kann Ihre header.php eine typische HTML-Listennavigation enthalten. Auf die gleiche Weise können Sie typischen HTML-Code in footer.php, sidebar.php und index.php einfügen.

Gleichzeitig können Sie die platzieren 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.

Nach vorne…

Ein grundlegendes WordPress-Theme besteht aus mindestens vier Vorlagendateien, nämlich:

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

Mal sehen, was jedes davon beinhaltet magisch Aufzeichnungen:

Index.php-Vorlagendatei

Dies ist die Hauptdatei, ohne die Sie kein funktionierendes WordPress-Theme haben. Es ist die erste (oder Standard-) Datei, die geladen wird, wenn Sie eine WordPress-Website besuchen. Betrachten Sie es als das Äquivalent von index.html.

Eine typische index.php in WordPress-Themes sieht folgendermaßen aus:

Sie können die Schleife zwischen hinzufügen Y. um Blog-Beiträge auf der Homepage (index.php) wie folgt anzuzeigen:

<?php get_header(); ?>
<div class="content">
<?php if ( have_posts() ) : ?>
<?php while ( have_posts() ) : the_post(); ?>
	<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="/de/</?php the_permalink(); ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
	<div class="author"><?php the_author(); ?></div>
	</div><!--end post header-->
	<div class="entry clear">
	<?php if ( function_exists( 'add_theme_support' ) ) the_post_thumbnail(); ?>
	<?php the_content(); ?>
	<?php edit_post_link(); ?>
	<?php wp_link_pages(); ?>
	</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-->
<?php else : ?>
<?php endif; ?>
</div>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

Header.php Vorlagendatei

Diese Vorlagendateien enthalten Ihren HTML-Headercode, Ihre Navigation und Ihren Headercode. Grundsätzlich speichert header.php alles, was Sie anzeigen möchten, oben auf Ihrer Website. Sie wissen, Dinge wie der Titel Ihrer Website und solche Dinge.

Al mismo tiempo enlaza a su StylesheetConcepto 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 Vorlagendatei

Sidebar.php contiene todo lo que necesita para aparecer en sus RiegelLas 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 kann je nach Bedarf reine HTML-Markup- oder PHP-Funktionsaufrufe enthalten. Daher könnte eine einfache sidebar.php folgendermaßen aussehen:

<div class="sidebar">

Put your custom content or HTML code here.

</div>

Footer.php-Vorlagendatei

Was denkst du geht in footer.php? Sie können hier Ihre Copyright-Informationen, zusätzliche Menüs, Links, Social-Media-Symbole, was auch immer Sie wollen, einfügen! Möchten Sie sehen, wie eine einfache footer.php aussieht? Hier:

<footer class="footer">

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

</footer>

</body>

</html>

Merkst du die schließenden Tags? y in footer.php? Können Sie sich vorstellen, warum sie in footer.php enthalten sein sollten? Können Sie auch erraten, warum die öffnenden Tags y sind sie in header.php enthalten? Teilen Sie uns Ihre Vermutungen im Kommentarbereich am Ende dieses Beitrags mit 😉

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 Fehler 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.

Um die Anatomie eines WordPress-Themas vollständig zu kennen, müssen Sie sich mit verschiedenen Vorlagendateien vertraut machen. Sie können alle durchsuchen verwendbare Vorlagenkacheln in WordPress.

Dann haben wir Vorlagen-Tags, mit denen WordPress Vorlagendateien aus dem Themenverzeichnis findet. Sie können mehr darüber erfahren Vorlagen-Tags und ihre Rolle in WordPress.

Zusammenfassung

Ein WordPress-Theme besteht aus folgenden anatomischen Elementen:

• Vorlagendateien wie index.php, header.php, search.php, category.php usw.
• Vorlagen-Tags wie , usw
• CSS
• Bilder und andere Multimediadateien
• Archiv 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

Und hier ist eine Illustration, die die Anatomie eines WordPress-Themas zusammenfasst:

Willst du weiter lernen? Siehe die detaillierten Themenanatomie-Leitfaden in WordPress Codex.

Fazit

Alle WordPress-Themes, die Sie im Web sehen, verwenden dieselbe anatomische Struktur (auch unsere beliebte Gesamtes WordPress-Theme), die Sie an Ihre Bedürfnisse anpassen können. Sobald Sie die Grundlagen der WordPress-Theme-Entwicklung verstanden haben, gibt es keine Grenzen mehr, was Sie mit WordPress-Themes tun können.