Italiano
Română
Русский¿Cómo agregar código a Header.php en un tema hijo?
Estoy creando un tema hijo por primera vez y tenía algunas preguntas sobre cómo agregar código al encabezado.
En un tema que no es hijo, normalmente agrego cierto código a mi archivo header.php como Google Analytics, Google Webmaster Tools, Buy Sell Ads, Facebook Open Graph, etc...
¿Cómo se hace esto en un tema hijo? ¿Se crea un archivo header.php en el tema hijo? Si es así, ¿cómo se hace? ¿Es igual que el @import que usé en el CSS?
Gracias.
Gracias. No tengo experiencia en crear un plugin. Tengo alrededor de 5 fragmentos de código que me gustaría añadir en el encabezado. ¿Necesitaría hacer un plugin para cada uno de ellos?
Rick Smith
@RickSmith He añadido el formato del plugin en la publicación de arriba
Brian Fegter
Ya sea que uses un Tema Padre, un Tema Hijo o cualquier tema en absoluto, el enfoque correcto es colocar dicho código en una función de callback, enganchada al gancho de acción apropiado. Podrías poner este código en el archivo functions.php del Tema o, aún mejor y como Brian ha sugerido, colocarlo en un Plugin específico del sitio.
Chip Bennett
@BrianFegter Muchas gracias. Trabajar con Php / temas hijos es nuevo para mí, así que estoy aprendiendo sobre la marcha. Gracias por tu paciencia. :) En mi tema anterior, entré al administrador de WordPress, luego al editor y agregué esto al encabezado. <meta property="fb:page_id" content="12345678" /> ¿Es mejor agregar todo eso al plugin?
Rick Smith
@RickSmith No hay problema. Para eso existe este foro. :)
Brian Fegter
Tom, gracias. Entonces, si necesito instalar 5 fragmentos de código diferentes en el header.php, ¿podría simplemente crear un solo plugin e instalarlo? ¿Todavía necesitaría copiar el archivo header.php en mi tema hijo?
Rick Smith
Sí, no hay razón para crear 5 plugins
Tom J Nowell
@RickSmith Si estás abstraiendo a un plugin, no hay razón para copiar el header.php. :)
Brian Fegter
El problema con esta solución es que cuando el tema se actualice, te perderás las correcciones en header.php realizadas por el autor.
Matthew S
¿WordPress sobrescribe el archivo completo o simplemente está agregando nuevo contenido al archivo padre?
Ooker
Gracias a Brian Fegter. Si esta respuesta te ayuda, por favor califica la respuesta de Brian aquí arriba.
Este es un ejemplo completamente funcional de cómo agregar elementos al "header" mediante su propio plugin. En este caso, estoy agregando las propiedades de Facebook Open Graph para los botones Compartir y Me gusta.
Solo crea un archivo PHP con el nombre especificado en "Plugin Script" al inicio del código de ejemplo, colócalo en una carpeta con el mismo nombre sin la extensión, obviamente, y copia esta carpeta en el destino "/wp-content/plugins".
Luego, dentro de "WordPress", actualiza la sección "Plugins" y verás tu nuevo plugin instalado. Solo actívalo, y tus páginas comenzarán a contener los metadatos de Open Graph de Facebook y Twitter.
MUY IMPORTANTE: El archivo PHP debe estar codificado en UTF-8 sin BOM, y no debe tener absolutamente ningún carácter al final. Debes asegurarte de esto.
<?php
/*
Plugin Name: Mi Protocolo Open Graph de Facebook
Plugin Script: my-facebook-open-graph-protocol.php
Plugin URI:
Description: Agrega el Protocolo Open Graph de Facebook al encabezado
Author: Diego Soto (Gracias a Brian Fegter)
Donate Link:
License: GPL
Version: 0.1-alpha
Author URI: https://wordpress.stackexchange.com/questions/43672/how-to-add-code-to-header-php-in-a-child-theme
Text Domain: myfogp
Domain Path: languages/
*/
/* Copyright 2014 Diego Soto (http://disientoconusted.blogspot.com.ar/)
Este programa es software libre; puedes redistribuirlo y/o modificarlo
bajo los términos de la Licencia Pública General GNU, versión 2, según
publicada por la Free Software Foundation.
Este programa se distribuye con la esperanza de que sea útil,
pero SIN NINGUNA GARANTÍA; sin siquiera la garantía implícita de
COMERCIALIZACIÓN o IDONEIDAD PARA UN PROPÓSITO PARTICULAR. Consulta la
Licencia Pública General GNU para más detalles.
Deberías haber recibido una copia de la Licencia Pública General GNU
junto con este programa; si no, escribe a la Free Software
Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA
*/
add_action('wp_head', 'wpse_43672_wp_head');
function wpse_43672_wp_head(){
$title = get_the_title() ." ‹ ". get_bloginfo( "name", "display" );
$src = wp_get_attachment_image_src( get_post_thumbnail_id(get_the_ID()), array( 90,55 ), false, "" );
$face_metad = get_post_meta(get_the_ID(), "metadescription", true);
$twitter_metad = get_post_meta(get_the_ID(), "metadescription140", true);
if (empty($twitter_metad))
$twitter_metad = $face_metad;
//Cierra las etiquetas PHP
?>
<meta property="og:title" content="<?php echo esc_attr($title); ?>" />
<meta property="og:image" content="<?php echo esc_attr($src[0]); ?>" />
<meta property="og:url" content="<?php the_permalink(); ?>" />
<meta property="og:description" content="<?php if (!empty($face_metad)) echo esc_attr($face_metad); else the_excerpt(); ?>" />
<meta name="twitter:title" content="<?php echo esc_attr($title); ?>" />
<meta name="twitter:image" content="<?php echo esc_attr($src[0]); ?>" />
<meta name="twitter:url" content="<?php the_permalink(); ?>" />
<meta name="twitter:description" content="<?php if (!empty($twitter_metad)) echo esc_attr($twitter_metad); else the_excerpt(); ?>" />
<?php //Abre las etiquetas PHP
}
?>
Para aquellos interesados en la funcionalidad del plugin.
El título será la concatenación del nombre de la página actual y el nombre del sitio.
Si existe un campo personalizado llamado "metadescription", el plugin intentará tomar la descripción de este campo. De lo contrario, tomará la descripción del extracto.
Como imagen, el plugin intentará usar la miniatura de la imagen destacada en la página.
Por favor usa esc_attr() para los contenidos de los atributos HTML.
fuxia
Modifiqué para usar esc_attr() como me indicaste. Gracias.
Diego Soto