¡Buenas a todos!
Hace unos días os contamos como hacer para que se pudiera pulsar en el teléfono que aparece en la cabecera de Divi y que se llamara directamente. Lo malo de la solución que os proponíamos es que había que tocar en ficheros del tema y, en caso de actualizar el tema, se perderían los cambios.
Hoy os vamos a enseñar a hacerlo de otra manera y, de paso, veremos como hacer un tema hijo. ¡Vamos al lío!.
Vamos a crear dos ficheros y los guardaremos en nuestro servidor en la carpeta wp-content/themes/dropwp-child-theme:
style.css
/* Theme Name: Dropwp Theme URI: http://www.dropshippingwordpress.com/ Description: Child theme for http://www.dropshippingwordpress.com/ Author: Dropwp Author URI: http://www.dropshippingwordpress.com/ Template: Divi Version: 1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html */
functions.php
<?php
function style_enqueue_css() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}
add_action( 'wp_enqueue_scripts', 'style_enqueue_css' );
function dropwp_header_phone_link() {
if ( '' !== ( $et_phone_number = et_get_option( 'phone_number' ) ) ) {
?>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('#et-info-phone').wrap('<a href="tel:<?php echo esc_html( $et_phone_number ); ?>"></a>');
});
</script>
<?php
}
}
add_action( 'wp_head', 'dropwp_header_phone_link' );Pues bien, si ahora vamos a la lista de temas instalados en nuestro WordPress, veremos que tenemos uno nuevo llamado Dropwp. Simplemente con activarlo ya se harán los cambios necesarios para que se pueda pulsa en el teléfono.
Además, con este sencillo proceso también creamos un tema hijo, así que si tenéis que cambiar cualquier cosa de CSS, es mejor hacerlo en este nuevo fichero que creamos, ya que así aunque se actualice el tema de divi no perderéis vuestros cambios. Así que recordad: en vez de toquetear directamente un tema, mejor hacer uno hijo y meter ahí todos los cambios.
