Idiomas: বাংলা • Inglés • Español • 日本語 한국어 • Português do Brasil • Русский • 中文 (简体) •中文 (繁體) • (Agregue su idioma)

Este artículo trata sobre el desarrollo de temas de WordPress. Si desea obtener más información sobre cómo instalar y usar temas, revise Uso de temas. Este tema difiere del uso de temas porque analiza los aspectos técnicos de la escritura de código para crear sus propios temas en lugar de cómo activarlos o dónde obtener nuevos temas.

Por qué los temas de WordPress

Los temas de WordPress son archivos que funcionan juntos para crear el diseño y la funcionalidad de un sitio de WordPress. Cada tema puede ser diferente, ofreciendo muchas opciones para que los propietarios de sitios cambien instantáneamente el aspecto de su sitio web.

Es posible que desee desarrollar Temas de WordPress para su propio uso, por un proyecto de cliente o para enviarlo al directorio de temas de WordPress. ¿Por qué más debería crear un tema de WordPress?

• Para crear una apariencia única para su sitio de WordPress.
• Para aprovechar las plantillas, las etiquetas de plantilla y el bucle de WordPress para generar diferentes resultados y apariencia del sitio web.
• Para proporcionar plantillas alternativas para funciones específicas del sitio como páginas de categorías y páginas de resultados de búsqueda.
• Para cambiar rápidamente entre dos diseños de sitio, o para aprovechar un tema o un selector de estilo para permitir que los propietarios del sitio cambien el aspecto de su sitio.

Un tema de WordPress también tiene muchos beneficios.

• Separa los estilos de presentación y los archivos de plantilla de los archivos del sistema para que el sitio se actualice sin cambios drásticos en la presentación visual de el sitio.
• Permite la personalización de la funcionalidad del sitio única para ese tema.
• Permite cambios rápidos del diseño visual y el diseño de un sitio de WordPress.
• Elimina la necesidad de que el propietario típico de un sitio de WordPress tenga que aprender CSS, HTML y PHP para tener un sitio web atractivo.

¿Por qué debería crear su propio tema de WordPress? Esa es la verdadera pregunta.

• Es una oportunidad para aprender más sobre CSS, HTML y PHP.
• Es una oportunidad para poner su experiencia en CSS, HTML y PHP para funcionar.
• Es creativo.
• Es divertido (la mayor parte del tiempo).
• Si lo publica al público, puede sentirse bien por haber compartido y devuelto algo a la comunidad de WordPress (de acuerdo, derechos de fanfarronear)

Estándares de desarrollo de temas

Los temas de WordPress deben ser codificado utilizando los siguientes estándares:

• Utilice PHP bien estructurado, libre de errores y HTML válido. Consulte los Estándares de codificación de WordPress.
• Utilice CSS limpio y válido. Consulte Codificación CSS Estándares.
• Siga las pautas de diseño en Diseño y disposición del sitio.

Anatomía de un tema

Los temas de WordPress se encuentran en subdirectorios del directorio de temas de WordPress (wp-content / themes / por defecto) que no se puede mover directamente usando el archivo wp-config.php. El subdirectorio del tema contiene todos los estilos del tema eet, archivos de plantilla y archivos de funciones opcionales (functions.php), archivos JavaScript e imágenes. Por ejemplo, un tema llamado «prueba» residiría en el directorio wp-content / themes / test /. Evite el uso de números para el nombre del tema, ya que esto evita que se muestre en la lista de temas disponibles.

WordPress incluye un tema predeterminado en cada nueva instalación. Examine los archivos en el tema predeterminado cuidadosamente para tener una mejor idea de cómo crear sus propios archivos de tema.

Para obtener una guía visual, consulte esta infografía sobre la anatomía del tema de WordPress.

WordPress Los temas suelen constar de tres tipos principales de archivos, además de imágenes y archivos JavaScript.

1. La hoja de estilo llamada style.css, que controla la presentación (diseño visual y diseño) de las páginas del sitio web.
2. Archivos de plantilla de WordPress que controlan la forma en que las páginas del sitio generan la información de su base de datos de WordPress que se mostrará en el sitio.
3. El archivo de funciones opcionales (functions.php) como parte de los archivos del tema de WordPress.

Veamos esto individualmente.

Temas secundarios

El tema más simple posible es un tema secundario que incluye solo un style.css archivo, más cualquier imagen. Esto es posible porque es un elemento secundario de otro tema que actúa como padre.

Para obtener una guía detallada de los temas secundarios, consulte Temas secundarios.

Tema Hoja de estilo

Además de la información de estilo CSS para su tema, style.css proporciona detalles sobre el tema en forma de comentarios. La hoja de estilo debe proporcionar detalles sobre el tema en forma de comentarios. No hay dos temas se les permite tener los mismos detalles listados en sus encabezados de comentarios, ya que esto dará lugar a problemas en el diálogo de selección de Tema. Si crea su propio Tema copiando uno existente, asegúrese de cambiar esta información primero.

El siguiente es un ejemplo de las primeras líneas de la hoja de estilo, llamado el encabezado de la hoja de estilo, para el tema «Twenty Thirteen»:

NB: El nombre usado para el autor es sugirió que sea el mismo que el nombre de usuario de wordpress.org del autor del tema, aunque también puede ser el nombre real del autor. La elección son los autores del tema.

Tenga en cuenta la lista de etiquetas utilizadas para describir el tema. Estas permiten al usuario encontrar su tema mediante el filtro de etiquetas. Puede encontrar una lista completa en el Manual de revisión de temas .

Las líneas de encabezado de comentario en style.css son necesarias para que WordPress pueda identificar el tema y mostrarlo en el Panel de administración en Diseño > Temas como una opción de tema disponible junto con cualquier otro tema instalado.

Directrices de la hoja de estilo

• Siga los estándares de codificación CSS al crear su CSS.
• Utilice CSS válido cuando posible. Como excepción, utilice prefijos específicos del proveedor para aprovechar las funciones de CSS3.
• Minimice los hacks de CSS. La excepción obvia es la compatibilidad con navegadores específicos, normalmente versiones de IE. Si es posible, separe los hacks de CSS en secciones separadas o archivos separados.
• Todos los elementos HTML posibles deben tener el estilo de su tema (a menos que sea un tema hijo), tanto en el contenido de la publicación / página como en contenido del comentario.
  • Tablas, leyendas, imágenes, listas, citas en bloque, etc.
• Se recomienda encarecidamente agregar estilos que se puedan imprimir.
  • Puede incluir una hoja de estilo de impresión con media = «print» o agregar un bloque de medios de impresión en su hoja de estilo principal.

Archivo de funciones

Un tema puede usar opcionalmente un archivo de funciones, que reside en el subdirectorio del tema y se llama functions.php. Este archivo básicamente actúa como un complemento, y si está presente en el tema que está utilizando, se carga automáticamente durante la inicialización de WordPress (tanto para las páginas de administración como para las páginas externas). Usos sugeridos para este archivo:

• Poner en cola las hojas de estilo del tema y los scripts. Consulte wp_enqueue_scripts.
• Habilite las funciones del tema, como barras laterales, menús de navegación, miniaturas de publicaciones, formatos de publicaciones, encabezados personalizados, fondos personalizados y otros.
• Defina las funciones utilizadas en varios archivos de plantilla de su tema.
• Configure un menú de opciones, dando a los propietarios del sitio opciones para colores, estilos y otros aspectos de su tema.

El tema predeterminado de WordPress contiene funciones. php que define muchas de estas características, por lo que es posible que desee utilizarlo como modelo. Dado que functions.php básicamente funciona como un complemento, la lista Function_Reference es el mejor lugar para obtener más información sobre lo que puede hacer con este archivo.

Nota para decidir cuándo agregar funciones a functions.php o a un complemento específico: puede encontrar que necesita la misma función para estar disponible para más de un tema principal. Si ese es el caso, la función debe crearse en un complemento en lugar de un functions.php para el tema específico. Esto puede incluir etiquetas de plantilla y otras funciones específicas. Todos los temas verán las funciones incluidas en los complementos.

Archivos de plantilla

Las plantillas son archivos de origen PHP que se utilizan para generar las páginas solicitadas por los visitantes y se generan como HTML. Los archivos de plantilla se componen de HTML, PHP y etiquetas de plantilla de WordPress.

Veamos las distintas plantillas que se pueden definir como parte de un tema.

WordPress le permite definir plantillas independientes para los distintos aspectos de su sitio. No es Sin embargo, es esencial tener todos estos archivos de plantilla diferentes para que su sitio funcione completamente. Las plantillas se eligen y generan en función de la jerarquía de plantillas, dependiendo de las plantillas disponibles en un tema en particular.

Como tema desarrollador, puede elegir la cantidad de personalización que desea implementar usando plantillas. Por ejemplo, como caso extremo, puede usar solo un archivo de plantilla, llamado index.php como plantilla para todas las páginas generadas y mostradas por el sitio. El uso más común es hacer que diferentes archivos de plantilla generen resultados diferentes, para permitir la máxima personalización.

Lista de archivos de plantilla

Aquí está la lista de archivos de tema reconocidos por WordPress. Por supuesto, tu tema puede contener cualquier otra hoja de estilo, imagen o archivo. Solo ten en cuenta que el los siguientes tienen un significado especial para WordPress; consulte Jerarquía de plantillas para obtener más información.

style.css La hoja de estilo principal. Esto debe estar incluido con su tema, y debe contener el encabezado de información de su tema. rtl.css La hoja de estilo rtl. Esto se incluirá automáticamente si la dirección del texto del sitio web es de derecha a izquierda. Esto se puede generar usando el complemento RTLer. Index.php La plantilla principal. Si su tema proporciona sus propias plantillas, index.php debe estar presente. comments.php La plantilla de comentarios front-page.php La plantilla de la página principal home.php La plantilla de la página principal, que es la página principal por defecto.Si usa una página principal estática, esta es la plantilla para la página con las últimas publicaciones. single.php La plantilla de publicación única. Se utiliza cuando se consulta una sola publicación. Para esta y todas las demás plantillas de consulta, se usa index.php si la plantilla de consulta no está presente. single- {post-type} .php La plantilla de publicación única que se utiliza cuando se consulta una publicación única de un tipo de publicación personalizado. Por ejemplo, single-book.php se usaría para mostrar publicaciones individuales del tipo de publicación personalizada llamada «libro». index.php se usa si la plantilla de consulta para el tipo de publicación personalizada no está presente. page.php La plantilla de página. Se utiliza cuando se consulta una página individual. category.php La plantilla de categoría. Se utiliza cuando se consulta una categoría. tag.php La plantilla de etiqueta. Se utiliza cuando se consulta una etiqueta. taxonomy.php El término plantilla. Se utiliza cuando se consulta un término de una taxonomía personalizada. author.php La plantilla de autor. Se utiliza cuando se consulta a un autor. date.php La plantilla de fecha / hora. Se utiliza cuando se consulta una fecha u hora. Año, mes, día, hora, minuto, segundo. archive.php La plantilla de archivo. Se utiliza cuando se consulta una categoría, un autor o una fecha. Tenga en cuenta que esta plantilla será anulada por category.php, author.php y date.php para sus respectivos tipos de consulta. search.php La plantilla de resultados de búsqueda. Se utiliza cuando se realiza una búsqueda. Attachment.php Plantilla de archivo adjunto. Se utiliza al visualizar un solo archivo adjunto. image.php Plantilla de archivo adjunto de imagen. Se utiliza al visualizar un archivo adjunto de una sola imagen. Si no está presente, se utilizará attach.php. 404.php La plantilla 404 No encontrado. Se usa cuando WordPress no puede encontrar una publicación o página que coincida con la consulta.

Estos archivos tienen un significado especial con respecto a WordPress porque se utilizan como reemplazo de index.php, cuando están disponibles, de acuerdo con la jerarquía de plantillas, y cuando la etiqueta condicional correspondiente devuelve verdadero. Por ejemplo, si solo se muestra una publicación, la función is_single () devuelve «verdadero» y, si hay un solo archivo.php en el tema activo, esa plantilla se usa para generar la página.

Plantillas básicas

Como mínimo, un tema de WordPress consta de dos archivos:

• style.css
• index.php

Ambos archivos van al directorio Theme. El archivo de plantilla index.php es muy flexible. Se puede utilizar para incluir todas las referencias al encabezado, barra lateral, pie de página, contenido, categorías, archivos, búsqueda, error y cualquier otra página creada en WordPress.

O se puede dividir en una plantilla modular archivos, cada uno tomando parte de la carga de trabajo. Si no proporciona otros archivos de plantilla, WordPress puede tener archivos o funciones predeterminados para realizar su trabajo. Por ejemplo, si no proporciona un archivo de plantilla searchform.php, WordPress tiene una función predeterminada para mostrar el formulario de búsqueda.

Los archivos de plantilla típicos incluyen:

• comentarios. php
• comments-popup.php
• footer.php
• header.php
• sidebar.php

Con estos archivos de plantilla, puede colocar etiquetas de plantilla dentro del archivo maestro index.php para incluir estos otros archivos donde desee que aparezcan en la página final generada.

Aquí hay un ejemplo de la incluir uso:

<?php get_sidebar(); ?><?php get_footer(); ?>

Los archivos predeterminados para algunas funciones de plantilla pueden estar obsoletos o no estar presentes, y debe proporcionar estos archivos en su tema. A partir de la versión 3.0, los archivos predeterminados obsoletos se encuentran en wp-includes/theme-compat. Por ejemplo, debe proporcionar header.php para que la función get_header () funcione de manera segura, y comments.php para la función comments_template ().

Para obtener más información sobre cómo funcionan estas diversas plantillas y cómo generar diferentes información dentro de ellos, lea la documentación de Plantillas.

Plantillas de página personalizadas

Los archivos que definen cada plantilla de página se encuentran en su directorio de Temas. Para crear una nueva plantilla de página personalizada para una página, debe crear un archivo. Llamemos a nuestra primera plantilla de página para nuestra página snarfer.php. En la parte superior del archivo snarfer.php, coloque lo siguiente:

<?php/*Template Name: Snarfer*/?>

Lo anterior El código define este archivo snarfer.php como la plantilla «Snarfer». Naturalmente, «Snarfer» puede ser reemplazado con casi cualquier texto para cambiar el nombre de la plantilla de página. Este nombre de plantilla aparecerá en el Editor de temas como el enlace para editar esta archivo.

El archivo puede tener casi cualquier nombre con una extensión .php (consulte los nombres de archivo de tema reservados para los nombres de archivo que no debe usar; estos son nombres de archivo especiales que WordPress reserva para propósitos específicos).

Lo que sigue a las cinco líneas de código anteriores depende de usted. El resto del código que escriba controlará cómo se mostrarán las páginas que usan la plantilla de página de Snarfer. Consulte Etiquetas de plantilla para obtener una descripción de las diversas funciones de la plantilla de WordPress puede utilizar para este propósito. Puede que le resulte más conveniente copiar alguna otra plantilla (tal vez page.php o index.php) a snarfer.php y luego agregue las cinco líneas de código anteriores al principio del archivo.De esa manera, solo tendrá que modificar el código HTML y PHP, en lugar de crearlo todo desde cero. A continuación se muestran ejemplos. Una vez que haya creado una plantilla de página y la haya colocado en el directorio de su tema, estará disponible como una opción cuando cree o edite una página. (Nota: al crear o editar una página, la opción Plantilla de página no aparece a menos que hay al menos una plantilla definida de la manera anterior.)

Archivos de plantilla basados en consultas

WordPress puede cargar diferentes plantillas para diferentes tipos de consultas. Hay dos formas de hacer esto: como parte de la jerarquía de plantillas incorporada y mediante el uso de etiquetas condicionales dentro del bucle de un archivo de plantilla.

Para usar la jerarquía de plantillas, básicamente es necesario proporcionar archivos de plantilla para fines especiales, que se usará automáticamente para anular index.php. Por ejemplo, si su tema proporciona una plantilla llamada category.php y se está consultando una categoría, se cargará category.php en lugar de index.php. Si category.php no está presente, index.php se usa como de costumbre.

Puede ser aún más específico en la jerarquía de plantillas si proporciona af archivo llamado, por ejemplo, category-6.php: este archivo se utilizará en lugar de category.php al generar la página para la categoría cuyo número de ID es 6. (Puede encontrar los números de ID de categoría en Administrar > Categorías si ha iniciado sesión como administrador del sitio en la versión 2.3 de WordPress y anteriores. En WordPress 2.5, la columna ID se eliminó de los paneles de administración. Puede ubicar la identificación de la categoría haciendo clic en «Editar categoría» y buscando en la barra de direcciones URL el valor cat_ID. Se verá «… categorías.php? Action = edit & cat_ID = 3» donde «3» es la identificación de la categoría). Para obtener una visión más detallada de cómo funciona este proceso, consulte Plantillas de categoría.

Si su tema necesita tener aún más control sobre qué archivos de plantilla se utilizan que el que se proporciona en la jerarquía de plantillas, puede utilizar Condicional Etiquetas. La etiqueta condicional básicamente verifica si alguna condición en particular es verdadera, dentro del bucle de WordPress, y luego puede cargar una plantilla en particular o poner algún texto en particular en la pantalla, según esa condición.

Para Por ejemplo, para generar una hoja de estilo distintiva en una publicación que solo se encuentra dentro de una categoría específica, el código podría verse así:

O, al usar una consulta, podría verse así:

<?php$post = $wp_query->post;if ( in_category( "9" ) ) { get_template_part( "single2" );} else { get_template_part( "single1" );}?>

En cualquier caso, este código de ejemplo hará que se usen diferentes plantillas dependiendo de la categoría de la publicación en particular que se muestre. Las condiciones de consulta no se limitan a las categorías; sin embargo, consulte el artículo Etiquetas condicionales para ver todas las opciones.

Definición de plantillas personalizadas

Es posible utilizar el sistema de complementos de WordPress para definir plantillas adicionales que se muestran según sus propios criterios personalizados. Esta característica avanzada se puede lograr usando el gancho de acción «template_include». Puede encontrar más información sobre la creación de complementos en la referencia de la API de complementos.

Incluyendo archivos de plantilla

Para cargar otra plantilla (que no sea el encabezado, la barra lateral o el pie de página, que tienen comandos incluidos predefinidos como get_header ()) en una plantilla, puede usar get_template_part (). Esto facilita que un tema reutilice secciones de código.

Hacer referencia a archivos desde una plantilla

Cuando haga referencia a otros archivos dentro del mismo tema, evite los URI y rutas de archivo codificados. En su lugar, haga referencia a los URI y las rutas de archivo con bloginfo (): consulte Hacer referencia a archivos desde una plantilla.

Tenga en cuenta que los URI que se utilizan en la hoja de estilo son relativos a la hoja de estilo, no a la página que hace referencia a la hoja de estilo. Por ejemplo, si incluye un directorio de imágenes / en su tema, solo necesita especificar este directorio relativo en el CSS, así:

h1 { background-image: url(images/my-background.jpg);}

Plugin API Hooks

Al desarrollar Temas, es bueno tener en cuenta que su Tema debe estar configurado para que funcione bien con cualquier complemento de WordPress que los usuarios decidan instalar. Los complementos agregan funcionalidad a WordPress a través de «Acción Hooks «(consulte la API de complementos para obtener más información).

La mayoría de los Action Hooks están dentro del código PHP principal de WordPress, por lo que su tema no tiene que tener etiquetas especiales para que funcionen. Pero algunas Action Los ganchos deben estar presentes en su tema para que los complementos muestren información directamente en su encabezado, pie de página, barra lateral o en el cuerpo de la página. Aquí hay una lista de las etiquetas de plantilla de gancho de acción especiales que debe incluir:

wp_enqueue_scripts Se utiliza en el archivo de funciones del tema. Se utiliza para cargar scripts externos y hojas de estilo. wp_head () Va en el < head > elemento de un tema, en header.php. Ejemplo de uso de complemento: agregar código JavaScript. wp_footer () Va en footer.php, justo antes de la etiqueta < / body > de cierre. Ejemplo de uso del complemento: inserte el código PHP que debe ejecutarse después de todo lo demás, en la parte inferior del pie de página.Muy utilizado para insertar código de estadísticas web, como Google Analytics. wp_meta () Normalmente va en < li > Meta < / li > sección del menú o barra lateral de un tema; plantilla sidebar.php. Ejemplo de uso de un complemento: incluye un anuncio rotativo o una nube de etiquetas. Comment_form () Va en comments.php directamente antes del archivo » s etiqueta de cierre (< / div >). Ejemplo de uso de un complemento: muestra una vista previa del comentario.

Para ver un ejemplo de uso en el mundo real, encontrará estos complementos incluidos en las plantillas predeterminadas del tema.

API de personalización del tema

A partir de WordPress 3.4, una nueva La función de personalización de temas está disponible de forma predeterminada para casi todos los temas de WordPress. La página de administración de Personalización de temas se llena automáticamente con opciones para las que un tema declara ser compatible con add_theme_support () o usando la API de configuración, y permite a los administradores ver vistas previas no permanentes de los cambios que realizan en tiempo real.

Los desarrolladores de temas y complementos interesados en agregar nuevas opciones a la página de personalización de temas de un tema deben ver la documentación sobre la API de personalización de temas. Hay tutoriales adicionales sobre la API de personalización de temas disponibles en el sitio web Ottopress.com.

Datos que no son de confianza

Debe escapar del contenido generado dinámicamente en su tema, especialmente el contenido que se envía a atributos HTML. Como se indica en los Estándares de codificación de WordPress, el texto que se incluye en los atributos debe ejecutarse a través de esc_attr () o las comillas dobles no terminan el valor del atributo e invalidan el XHTML y causan un problema de seguridad. Los lugares comunes para verificar son los atributos title, alt y value.

Hay pocas etiquetas de plantilla especiales para casos comunes donde Se necesita una salida segura. Uno de esos casos implica enviar un título de publicación a un atributo de título usando the_title_attribute () en lugar de the_title () para evitar una vulnerabilidad de seguridad. A continuación, se muestra un ejemplo del escape correcto para el atributo de título de un enlace de título de una publicación cuando se usa texto traducible:

<a href="<?php the_permalink(); ?>" title="<?php sprintf( __( "Permanent Link to %s", "theme-name" ), the_title_attribute( "echo=0" ) ); ?>"><?php the_title(); ?></a>

Translation Support / I18n

Para asegurar una transición fluida para la localización del idioma, use las funciones i18n basadas en gettext de WordPress para envolver todo el texto traducible dentro de los archivos de plantilla. Esto facilita que los archivos de traducción se conecten y traduzcan las etiquetas, títulos y otro texto de plantilla en el idioma actual del sitio. Vea más en Localización de WordPress e I18n para desarrolladores de WordPress.

Clases temáticas

Implemente las siguientes etiquetas de plantilla para agregar atributos de clase generados por WordPress a los elementos de cuerpo, publicación y comentario. Para clases de publicación, aplique solo a elementos dentro de The Loop.

• body_class ()
• post_class ()
• comment_class ()

Lista de verificación del archivo de plantilla

Cuando desarrolle un tema, verifique sus archivos de plantilla con los siguientes estándares de archivo de plantilla.

Cabecera del documento (header.php)

• Use el DOCTYPE adecuado.
• La etiqueta < html > de apertura debe incluir language_attributes ( ).
• El elemento < meta > conjunto de caracteres debe colocarse antes que todo lo demás, incluido el < título > elemento.
• Utilice bloginfo () para configurar el < meta > conjunto de caracteres y elementos de descripción.
• Use wp_title () para establecer el < título . Vea por qué.
• Utilice enlaces automáticos de feeds para agregar enlaces de feeds.
• Agregue una llamada a wp_head () antes del cierre < / head > etiqueta. Los complementos usan este gancho de acción para agregar sus propios scripts, hojas de estilo y otras funciones.
• No vincule las hojas de estilo del tema en la plantilla de encabezado. En su lugar, use el gancho de acción wp_enqueue_scripts en una función de tema.

Aquí hay un ejemplo de un área de encabezado compatible con HTML5 con el formato correcto:

Menús de navegación (header.php )

• La navegación principal del tema debe admitir un menú personalizado con wp_nav_menu ().
  • Los menús deben admitir títulos de enlaces largos y una gran cantidad de elementos de lista. Estos elementos no deben romper el diseño o la distribución.
  • Los elementos del submenú deben mostrarse correctamente. Si es posible, admita estilos de menú desplegable para elementos de submenú. Los menús desplegables permiten mostrar la profundidad del menú en lugar de solo mostrar el nivel superior.

• El tema debe tener un widget tan completo como sea posible. Cualquier área en el diseño que funcione como un widget (nube de etiquetas, blogroll, lista de categorías) o que pueda aceptar widgets (barra lateral) debe permitir widgets.
• Contenido que aparece en áreas con widgets de forma predeterminada (codificado en la barra lateral, por ejemplo) debería desaparecer cuando los widgets están habilitados desde Appearance > Widgets.

Footer (footer.php)

• Use la llamada wp_footer (), para que aparezca justo antes de cerrar la etiqueta del cuerpo.

<?php wp_footer(); ?></body></html>

Índice (index.php)

• Muestra una lista de publicaciones en forma de extracto o de tamaño completo. Elija uno u otro según corresponda.
• Incluya wp_link_pages () para admitir enlaces de navegación dentro de las publicaciones.

Archivar (archive.php)

• Muestra el título del archivo (etiqueta, categoría, basado en la fecha o archivos de autor).
• Muestra una lista de publicaciones en forma de extracto o de tamaño completo. Elija uno u otro según corresponda.
• Incluya wp_link_pages () para admitir enlaces de navegación dentro de las publicaciones.

Pages (page.php)

• Muestra el título y el contenido de la página.
• Muestra la lista de comentarios y el formulario de comentarios (a menos que los comentarios estén desactivados).
• Incluya wp_link_pages () para admitir enlaces de navegación dentro de una página.
• Los metadatos como etiquetas, categorías, fecha y autor no deben mostrarse.
• Mostrar un enlace «Editar» para los usuarios que han iniciado sesión con permisos de edición.

Publicación única (single.php)

• Incluye wp_link_pages () para admitir enlaces de navegación dentro de una publicación.
• Muestra el título y el contenido de la publicación.
  • El título debe ser texto sin formato en lugar de un enlace que apunte a sí mismo.
• Mostrar la fecha de publicación.
  • Respete la configuración de formato de fecha y hora a menos que sea importante para el diseño. (La configuración del usuario para el formato de fecha y hora se encuentra en los paneles de administración > Configuración General).
  • Para la salida basada en la configuración del usuario, use the_time (get_option («date_format»)).
• Muestre el nombre del autor (si corresponde).
• Muestre categorías de publicaciones y etiquetas de publicaciones.
• Muestre un enlace «Editar» para los usuarios registrados con permisos de edición.
• Mostrar lista de comentarios y formulario de comentarios.
• Mostrar enlaces de navegación a la publicación anterior y siguiente utilizando previous_post_link () y next_post_link ().

• El comentario del autor debe resaltarse de manera diferente.
• Muestre gravatars (avatares de usuario) si corresponde.
• Admite comentarios en cadena.
• Muestre trackbacks / pingbacks.
• Este archivo no debe contener definiciones de funciones a menos que esté en la marca function_exist () para evitar errores de redeclaración. Idealmente, todas las funciones deberían estar en functions.php.

Resultados de búsqueda (search.php)

JavaScript

• El código JavaScript debería ser colocados en archivos externos siempre que sea posible.
• Utilice wp_enqueue_script () para cargar sus scripts.
• JavaScript cargado directamente en documentos HTML (archivos de plantilla) debe estar codificado en CDATA para evitar errores en navegadores antiguos .

<script type="text/javascript">/* <!]> */</script>

Captura de pantalla

Cree una captura de pantalla para su tema. La captura de pantalla debe llamarse screenshot.png y debe colocarse en el directorio de nivel superior. La captura de pantalla debe mostrar con precisión el diseño del tema y guardarse en formato PNG. Si bien .jpg, .jpeg y .gif también son extensiones y formatos de archivo válidos para la captura de pantalla, no se recomiendan.

El tamaño de imagen recomendado es de 1200 px de ancho por 900 px de alto. La captura de pantalla generalmente se mostrará más pequeña pero la imagen de gran tamaño permite una visualización de alta resolución en pantallas HiDPI. Tenga en cuenta que debido a que la pantalla Administrar temas es receptiva, es posible que la parte superior e inferior de la imagen de la captura de pantalla no se puedan ver, así que mantenga los gráficos cerca del centro.

Opciones de tema

Los temas pueden opcionalmente admitir el Tema Personalizar pantalla. Para ver un código de ejemplo, consulte Una página de opciones de tema de WordPress de muestra.

Cuando habilite la disponibilidad de la pantalla de personalización del tema para un rol de usuario, use la capacidad de usuario «edit_theme_options» en lugar de la capacidad «switch_themes» a menos que el El rol del usuario en realidad también debería poder cambiar los temas. Vea más en Roles y capacidades y Adición de menús de administración.

Si está utilizando la capacidad «edit_themes» en cualquier lugar de su tema para obtener el acceso de rol de administrador a la pantalla de personalización del tema (o tal vez algunas pantallas personalizadas), Tenga en cuenta que desde la Versión 3.0, esta capacidad no se ha asignado al rol de Administrador de forma predeterminada en el caso de la instalación de WordPress Multisite. Vea la explicación. En tal caso, utilice la capacidad «edit_theme_options» en su lugar si desea que el administrador vea el menú «Opciones de tema». Vea las capacidades adicionales de la función de administrador al usar WordPress Multisite.

Proceso de prueba de temas

1. Corrija los errores de PHP y WordPress. Agregue la siguiente configuración de depuración a su archivo wp-config.php para ver las llamadas a funciones obsoletas y otros errores relacionados con WordPress: define («WP_DEBUG», true) ;. Consulte el enlace Funciones obsoletas para obtener más información.
2. Verifique los archivos de plantilla con la lista de verificación de archivos de plantilla (consulte más arriba).
3. Realice una prueba con la prueba de unidad de tema. li> Validar HTML y CSS. Consulte Validación de un sitio web.
4. Busque errores de JavaScript.
5. Pruebe en todos sus navegadores de destino. Por ejemplo, IE9, Safari, Chrome, Opera, Firefox y Microsoft Edge.
6. Limpie cualquier comentario extraño, configuración de depuración o elementos TODO.
7. Consulte Revisión de temas si es público publicar el tema enviándolo al directorio de temas.

Recursos y referencias

Estándares de código

• Conozca sus fuentes
• Estándares de codificación de WordPress
• Estándares de codificación CSS

Diseño de temas

• Diseño y disposición del sitio

CSS

• CSS
• Taquigrafía CSS
• Clases generadas por WordPress

Plantillas

• Pasando a las plantillas
• Plantillas
• Jerarquía de plantillas
• Etiquetas de plantilla
• El bucle
• Etiquetas condicionales
• Referencia de funciones
• I18n para desarrolladores de WordPress
• Validación de datos

Listado de funciones

• Referencia de funciones

Pruebas y control de calidad

• Unidad temática Te st
• Validación de un sitio web
• CSS Corrección de errores del navegador
• Resolución de problemas de CSS
• modern.IE: para probar IE en diferentes plataformas con -herramientas de origen

Lanzamiento & Promoción

• Proceso de revisión del tema