Programadores Adaptar código para que sirva contenido según versión escritorio o movil

Mensajes
144
Puntuación de reacción
0
Reputación de negocios - 100%
11   0   0
Tengo el siguiente código que me inserta un contenido luego del tercer párrafo. Lo que quier es adaptarlo para que me inserte un contenido diferente según el usuario accede desde un pc o desde un movil:

PHP:
function publicidad_tras_parrafo( $content ) {
       if(is_single() && in_category('marketing') )
            return $content; 
            $paragraphAfter = 3; //Este es el número del párrafo tras el que irá la publicidad
            $content = explode ( "</p>", $content );
            $new_content = '';
                for ( $i = 0; $i < count ( $content ); $i ++ ) {
                    if ( $i == $paragraphAfter ) {
                    $new_content .= '<p> ';
                    $new_content .= 'Contenido para escritorio';
                    $new_content .= '</p>';
                    }
            $new_content .= $content[$i] . "</p>";
            }
            return $new_content;
    
}

Pago por paypal.

Gracias.

- - - Actualización- - -

He dado con esta solución. Si alguien me puede proponer una más eficiente, me vale.
PHP:
if ( !wp_is_mobile() ) { 
add_filter( 'the_content', 'publicidad_tras_parrafo2' );
} else {
add_filter( 'the_content', 'publicidad_tras_parrafo' );
}
 
Mensajes
379
Puntuación de reacción
3
Reputación de negocios - 100%
6   0   0
Yo lo hago así en mi webs para mostrar distinto contenido vomo por ejemplo banners en móvil y desktop.

Codigo Css

Código:
.ocultar-en-escritorio {
            max-height: 0px;
            font-size: 0;
            display: none !important;
} @ media only screen and (max-width: 640px) {
.ocultar-en-escritorio {
            display: inline !important;
            width : auto !important;
            max-height: inherit !important;
            overflow : visible !important;
            float : none !important;
}
body .ocultar-en-movil {
            display:none!important;
} @ media only screen and (max-width: 479px) {
.ocultar-en-escritorio {
            display: inline !important;
            width : auto !important;
            max-height: inherit !important;
            overflow : visible !important;
            float : none !important;
}
body .ocultar-en-movil {
            display:none!important;
}

Y el contenido que vas a ocultar en cada dispositivo:

Código:
<div class="ocultar-en-movil"> Aquí el contenido que se oculta en móvil</div>

<div class="ocultar-en-escritorio"> Aquí el contenido que se oculta en desktop</div>

Espero que te sirva.

Saludos
 
Mensajes
144
Puntuación de reacción
0
Reputación de negocios - 100%
11   0   0
Gracias por el aporte.

Debo decirle que funciona, pero cuando se trata de mostrar anuncios adsense, se violan sus políticos, porque se sirve un anuncio que luego es ocultado por css. Ya tuve un llamado de atención por eso.

La idea de hacerlo con php es que no se sirvan dos contenidos, cuando solo se muestra uno.

Saludos
 
Arriba