0

Hola tengo una duda es que estoy trabajando con wordpress y quiero agregar una imagen de baner a una pagina en especificio, como wordpress se repiten algunas clases no deja colocar ese baner en una sola pgaina en especifico existe algun codigo que me permita colocar ese baner segun la pagina seleccionada

2
  • Hola Jesús, bienvenido a la comunidad, te invito a que pases por el recorrido de bienvenida para que entiendas mejor cómo funcionamos y de paso ganes tu primera medalla. También te aconsejo pasarte por [how-to-ask] para que tus entradas reciban mejor atención Commented el 6 ene. 2021 a las 21:47
  • Podias utilizar un plugin para colocar un banner o un slider en la pagina que desees, te recomiendo wordpress.org/plugins/ml-slider Commented el 6 ene. 2021 a las 22:11

1 respuesta 1

0

Con css es posible, para ello tendrías que verificar las clases que se generan en el body, si vas a la página que deseas e inspeccionas las clases del body veras que hay una que dice post-[ID] el ID del post, por ejemplo, si el ID es 45 diría post-45, esta es una clase única y que no se repite, puedes usarla como identificador para aplicar css personalizado.

Otra idea es usar javascript y php, usando insertBefore o appendTo y hacer echo del banner con un identificador y moverlo de posición con las funciones mencionadas antes, seria mas limpio que css.

Seria algo asi

function add_Banner() {
    $id_page = get_the_ID();
    if ( $id_page == 'ID del post' ) {
        echo '<div id="tu-id">contenido</div>'; ?>

        <script type="text/javascript">
            jQuery(document).ready(function(){
                 jQuery("tu-id").insertBefore("lugar al que quieras moverlo");
            });
        </script>

    <?php
    }
}
add_action( 'wp_body_open', 'add_Banner' );

En este caso agrega tu contenido despues del body, con insertBefore lo mueves de lugar en caso de que desees hacerlo, insertBefore lo mueve antes de un elemento, con appentTo puedes moverlo dentro de un elemento, seria algo asi

jQuery("tu-id").appendTo("lugar al que quieras moverlo");

Tomar en cuenta que solo funcionara si tu plantilla tiene el hook, wp_body_open(); agregado si no lo tiene puedes agregarlo despues del body

3
  • lo del codigo php en que archivo lo tengo que colocar en functions.php en la carpeta del tema?? Commented el 7 ene. 2021 a las 13:36
  • Asi es, en el archivo functions.php de tu tema o algun plugin de snippet Commented el 7 ene. 2021 a las 14:35
  • gracias amigo lo solucione con la primera opción busque una clase que se direrenciaba de cada pagina y especificaba el elemento y colocaba la imagen me sirvio mucho muchas gracias Commented el 7 ene. 2021 a las 18:15

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.