Los complementos, los temas y el propio WordPress pueden "enganchar" su c\u00f3digo Para definir ganchos que usas Para cualquiera que est\u00e9 interesado en saber m\u00e1s, tengo otra publicaci\u00f3n que detalla los ganchos<\/a> en WordPress.<\/p>\n Un tema de WordPress debe incluir algunos ganchos (acciones) importantes y espec\u00edficos. Estos enlaces permiten que WordPress, los complementos y nuestro propio tema se conecten y hagan cosas cr\u00edticas. Veamos esos ganchos cr\u00edticos que necesitamos agregar.<\/p>\n Todos los temas de WordPress deben tener dos ganchos en las plantillas. Se debe colocar una acci\u00f3n en el encabezado (dentro de la Los ganchos que necesitamos son Normalmente, cuando queremos ejecutar un gancho, llamamos a Agreguemos estos dos ganchos (llamadas a funciones) a nuestras plantillas de encabezado y pie de p\u00e1gina, y veamos qu\u00e9 sucede.<\/p>\n Presiona actualizar en tu interfaz. Si ha iniciado sesi\u00f3n, ahora deber\u00eda ver aparecer la barra de administraci\u00f3n de WordPress. Esto significa que WordPress ahora puede agregar con \u00e9xito sus scripts y estilos a su tema.<\/p>\n Puede verificar su fuente HTML y ver que su encabezado ahora contiene bastante c\u00f3digo. Este es un c\u00f3digo que no agregaste a tu tema. Como puede ver, el mismo WordPress est\u00e1 usando los ganchos que agregamos para hacer sus propias cosas.<\/p>\n Pasemos de los ganchos y comencemos a ver c\u00f3mo podemos obtener contenido din\u00e1micamente de WordPress y mostrarlo en nuestro encabezado.<\/p>\n Digamos a WordPress que establezca din\u00e1micamente el t\u00edtulo del documento (para la La funci\u00f3n Cambie su Los entusiastas de ustedes podr\u00edan haber notado que la p\u00e1gina principal no generar\u00e1 un t\u00edtulo. Este es el comportamiento est\u00e1ndar de WordPress que corregiremos m\u00e1s adelante en este tutorial (lo haremos con la ayuda del filtro). Si visita una sola publicaci\u00f3n o p\u00e1gina, debe obtener el t\u00edtulo de la publicaci\u00f3n.<\/p>\n WordPress tiene una funci\u00f3n ingeniosa que genera din\u00e1micamente un mont\u00f3n de clases para la Actualice y eche un vistazo a todas las clases agregadas a la Para seguir las buenas pr\u00e1cticas de HTML, tambi\u00e9n debemos informar sobre el idioma del sitio en el HTML. Para ello utilizamos una funci\u00f3n de WordPress para obtener el idioma desde Ajustes; atributos_idioma<\/a>.<\/p>\n Y finalmente, me gustar\u00eda agregar algunas etiquetas meta que no son espec\u00edficas de WordPress, pero siguen pr\u00e1cticas comunes de dise\u00f1o web. As\u00ed es Para el siguiente paso de este tutorial, lo dejaremos add_action()<\/code>para acciones y add_filter()<\/code>filtros. Estas dos funciones le dicen a WordPress que ejecute el c\u00f3digo enganchado siempre que la ejecuci\u00f3n llegue a estos ganchos.<\/p>\ndo_action()<\/code>para acciones y apply_filters()<\/code>para filtros.<\/p>\nLos ganchos de encabezado y pie de p\u00e1gina del tema<\/h2>\n
<head><\/code>etiqueta) y otra en el pie de p\u00e1gina (justo antes de cerrar la <\/body><\/code>etiqueta). Estos dos ganchos son absolutamente necesarios para que WordPress, su tema y cualquier complemento puedan agregar sus scripts y c\u00f3digos de estilos a su tema.<\/p>\nwp_head<\/code>y wp_footer<\/code>para el encabezado y el pie de p\u00e1gina, respectivamente.<\/p>\ndo_action(<hook name>)<\/code>. Pero debido a que estos dos ganchos son tan cr\u00edticos, WordPress los ha simplificado para nosotros poni\u00e9ndolos en una llamada de funci\u00f3n simple. Entonces, para estos dos ganchos, simplemente puede usar wp_head()<\/code>y wp_footer()<\/code>. En segundo plano, estos dos ejecutan el do_action()<\/code>.<\/p>\n<!DOCTYPE html>\n<html>\n <head>\n <meta charset=\"utf-8\">\n <title>A White Pixel Theme<\/title>\n\u00a0\n <?php wp_head(); ?>\n <\/head>\n<body><\/code><\/pre>\n <?php wp_footer(); ?>\n <\/body>\n<\/html><\/code><\/pre>\n![\"Tutorial](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-152824-61e4fb80a88c0.png\")
<\/a><\/p>\nContenido din\u00e1mico en el encabezado<\/h2>\n
<title><\/code>etiqueta). Para ello utilizaremos una funci\u00f3n, (que por cierto tiene filtro), llamada wp_title()<\/code>. Como aprendimos anteriormente, debido a que wp_title()<\/code>es un filtro, usted, WordPress o los complementos pueden modificar la salida. Agregaremos un filtro a esto m\u00e1s adelante en este tutorial.<\/p>\nwp_title()<\/code>toma varios argumentos<\/a> que puede ajustar a su gusto, pero por ahora agregar\u00e9 una cadena vac\u00eda para que solo muestre el t\u00edtulo de cualquier p\u00e1gina en la que estemos.<\/p>\n<title><\/code>etiqueta header.php<\/code>a esto:<\/p>\n<title><?php wp_title(''); ?><\/title><\/code><\/pre>\n<body><\/code>etiqueta dependiendo de la p\u00e1gina en la que nos encontremos; llamado body_class<\/a>. Actualice la <body><\/code>etiqueta en header.php<\/code>esto:<\/p>\n<body <?php body_class(); ?>><\/code><\/pre>\n<body><\/code>etiqueta. Echa un vistazo a las diferentes p\u00e1ginas (portada, individual, categor\u00eda). Todas estas clases son muy \u00fatiles para dise\u00f1ar y diferenciar diferentes partes similares. Lo m\u00e1s probable es que utilice algunos de estos en su CSS.<\/p>\n<html <?php language_attributes(); ?>><\/code><\/pre>\nheader.php<\/code>como se ve el archivo completo:<\/p>\n<!DOCTYPE html>\n<html class=\"no-js\" <?php language_attributes(); ?>>\n<head>\n <meta charset=\"utf-8\">\n <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n\u00a0\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title><?php wp_title(''); ?><\/title>\n\u00a0\n <?php wp_head(); ?>\n<\/head>\n<body <?php body_class(); ?>><\/code><\/pre>\nheader.php<\/code>y profundizaremos index.php<\/code>para aprender a obtener contenido m\u00e1s din\u00e1mico, como publicaciones.<\/p>\nDocumentaci\u00f3n sobre los m\u00e9todos utilizados<\/h2>\n