Pregunta sobre Twenty Seventeen de Wordpress:

Agregar imágenes a la columna de la izquierda

Un usuario preguntó 👇

Me gustaría agregar imágenes debajo del texto del título en la columna de la izquierda en las páginas del tema 2017. El sitio en el que estoy trabajando es jackeppler.com

Vi esta pregunta publicada aquí: https://wordpress.org/support/topic/placing-images-below-page-title/ pero no tengo claro si la solución propuesta funciona o hay una manera más fácil.

(@blackawxs)

Hace 2 años, 10 meses

¿Todo lo que tienes que hacer es agregar imágenes destacadas en la columna de la izquierda debajo del título, para cada publicación?

Lanzador de hilos

(@epplerdesign)

Hace 2 años, 10 meses

Hola blackawxs, gracias. Solo una imagen normal, no necesariamente visible. Quiero alinearlo para que la imagen de la columna izquierda y el texto que la acompaña estén en la columna derecha cuando visualice el sitio en un navegador de escritorio.

(@blackawxs)

Hace 2 años, 10 meses

La forma más fácil que he encontrado para hacer este tipo de personalización es introducir un poco de codificación.

* Instalar campos personalizados predeterminados * Con este plugin, cree un campo personalizado que permita imágenes en todas sus publicaciones. * Regrese a cualquiera de sus publicaciones en un área de administración y vea que hay un campo para usar en la parte inferior de los campos pre-personalizados en cada parte inferior. Use esa área para agregar sus imágenes. * Dentro de sus archivos php (dependiendo de si está trabajando en páginas o publicaciones), busque el archivo correcto y agregue codificación avanzada de campos personalizados.

Ese es un desglose de alto nivel del proceso … solo 4 pasos para comenzar.

Espero que esto ayude. Si encuentra una manera más fácil, por favor compártala.

Lanzador de hilos

(@epplerdesign)

Hace 2 años, 10 meses

Genial. Le daré una oportunidad de esto, probablemente más tarde esta noche o mañana, y le diré cómo va. ¡Lo aprecio!

(@ carlos-jaramillo)

Hace 2 años, 10 meses

Es mucho más fácil, sin plugins y simplemente sigue adelante con esto:


    add_filter( 'the_title', function( $title, $id ) {
    static $i;

    //add conditional page and in loop, i.e post id = ID
    if ( is_page( ID ) && in_the_loop() ) {
        $i++;

        //add conditional for filter position
        if ( 1 === $i ) {

            $title .= '<div class="imgtitle"><img src="IMAGE URL HERE"></div>';
            $title .= '<p>' . __( 'Text', 'textdomain' ) . '</p>';
            $title .= '<p><a href="#link">' . __( 'Link' ) . '</a></p>';
        }
    }

    return $title;
}, 10, 2 );

Simplemente ingrese el ID correspondiente para la página deseada. Aquí está la clase «imgtitle» pero puede agregar cualquier clase.

Además, si no necesita texto y / o un enlace, simplemente sáquelo o // comente ambos o ambos.

Esta respuesta fue modificada hace 2 años, 10 meses por. Lanzador de hilos

(@epplerdesign)

Hace 2 años, 10 meses

Genial. Gracias losrack. ¿Pongo ese código en el formulario «CSS adicional» en la pantalla personalizada? Además, ¿hay algún cambio que deba realizar en alguna de las otras líneas?

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *