Hola, me gustaria saber si es posible elegir concretamente los posts id donde se muestren los iconos flotantes del sitio (agregados con codigo en functions) y css personalizado.
Se que es posible ocultarlo en determinadas paginas, pero quisiera que por defecto no aparezcan con excepcion en las paginas que yo indique.
El codigo que uso es este:
// Boton flotante contacto
function bps_call_button () { ?>
<a href="https://estudiowls.com.ar/contacto">
<div id="contact-me">
<p>Consultas Gratis</p>
<img width="50" height="50" src="https://estudiowls.com.ar/wp-content/uploads/2021/01/Icono-Contacto-WLS-ABOGADOS.png" alt="Consultas por correo electronico WLS ABOGADOS LABORALES">
</div>
</a>
<?php
}
add_action('wp_footer', 'bps_call_button');
// Boton flotante WhatsApp
add_action('wp_footer','dcms_add_footer_whatsapp');
function dcms_add_footer_whatsapp () { ?>
<a href="https://wa.me/541122478491">
<div id="whatsapp-me">
<img width="50" height="50" src="https://estudiowls.com.ar/wp-content/uploads/2021/01/Icono-WhatsApp-min.png" alt="WhatsApp online chatea con abogados laborales"> </div>
</a>
<?php
}
Gracias!
Contenido solo visible a usuarios registrados
Hola Walter,
En este caso puedes probar ocultado los iconos de acuerdo a el id de tu pagina, este ID puedes obtenerlos de la URL o abriendo el inspector de elementos de tu navegador
Una vez los localices el código CSS que debes añadir es
.page-id-7240 #contact-me {
display: none;
}
Comprueba si con ello logras ocultar lo que deseas
Un Saludo
@karen Hola Karen,
Claro, yo ya uso ese metodo, pero quisiera usar algun metodo que sea exactamente al revés ya que solo quiero que se vean los iconos en 2 urls de los 150 que tiene la pagina.
En consecuencia mi pregunta es: puedo hacer que no se muetren los iconos en los posts 1 y 2, en lugar de decir que no se muestren en los 148 restantes?
Hola Walter,
Entiendo, en este caso primero debes desactivar los iconos para todas las paginas y luego decidir de acuerdo al page id en cuales deseas se muestre, por ejemplo
/* desactivar botones*/
#contact-me {
display: none;
}
/* activar botones*/
.page-id-7240 #contact-me {
display: block;
}
Verifica si con esto puede configurar lo que deseas
Un Saludo