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

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

ACEPTAR
Aviso de cookies
Subscríbete a nuestros Posts.

Subscríbete a nuestros Posts.

Apúntate y te enviaremos todos nuestros posts sobre WooCommerce y WordPress.

You have Successfully Subscribed!

Compartir