[SOLUCIONADO] boton de llamada sólo en pantalla de móviles

[Iballa]

Hola

estoy haciendo una página web y quiero poner un botón clickable para llamar, en verde,
pero quiero que este botón sólo salga en diseños móviles, pero no en pantalla grande de laptos, pc´s etc... sé cambiar estilos en responsive, pero en este caso tengo que poner
el botón en html y me sale en todos los tamaños.

esto se haria con un script js?

gracias

[Rafael]

Usa un script para identificar mobiles, directo en el servidor.

https://www.google.com.mx/search?q=php+mobile+detect

Al final de instalar la clase tendrás algo así como:

if ( $detect->isMobile() ) {
Acá pones tu contenido html que quieras que aparezca, tu botón verde.
}

[franciscomarin]

Un off-topic: Yo soy partidario de poner ese enlace también en el resto de dispositivos, al fin y al cabo la mayoría tienen instalados Skype o cualquier otro software de comunicación por voip, así podrán llamarte también desde su ordenador.

[Iballa]

Iniciado por Rafael

Usa un script para identificar mobiles, directo en el servidor.

https://www.google.com.mx/search?q=php+mobile+detect

Al final de instalar la clase tendrás algo así como:

if ( $detect->isMobile() ) {
Acá pones tu contenido html que quieras que aparezca, tu botón verde.
}

Hola Raphael, gracias....Le puse el plugin y me sale este código

Código PHP:

function wpmd_phone( $tats, $content="" ) {
    global $detect;
    if( $detect->isMobile() && ! $detect->isTablet() ) return do_shortcode($content);
}
add_shortcode( 'phone', 'wpmd_phone' );
 

no entiendo bien donde tengo que poner el contenido que quiero que me salga, pues entre los corchetes esta el código condicional, ¿quizás tenga que poner aparte mi contenido dentro de la variable $content?

gracias.


Gracias por tu opinión FranciscoMarin, la página es para un psicólogo, no sé si la gente se atreverá a llamar por skype desde el laptop. Un saludo!

[Iballa]

Gracias, al final es mucho mas facil sin plugin. En realidad son pocas lineas. Solucionado,

Saludos!!

[starfix]

Otra solución sería utilizar media query en CSS3. De esta manera podrás crear una clase para que solamente se muestren en dispositivos pequeños y no depender de otra librería. Además, no necesitas poner condiciones en tu código para saber si mostrar algún elemento o no (el navegador lo hará automáticamente).

Saludos.