No consigo que una sencilla línea de código se vea igual desde dentro

  • Resuelto chandra9000

    (@chandra9000)


    hace 1 mes, 2 semanas

    No consigo que una sencilla línea de código se vea igual desde dentro de WP que desde fuera.

    Hola a todos, lo que estoy intentando conseguir es algo muy sencillo: una página con un solo elemento, una imagen a modo de banner (que en el futuro será un logotipo), que ocupe todo el ancho superior de izquierda a derecha.

    Nada más.

    En cuanto consiga que funcione, si es que lo consigo, ya debajo empezaré a añadirle texto, etc.

    En un fichero .html creado en un editor de texto, el código fuente es simplemente este:

    <head>...<head>
    <body>
       <img style="max-width: 100%; object-fit: fill" src="prueba.jpg">
    </body>

    Ya está.

    Si lo visualizo en un navegador, funciona perfectamente. Pero si en WP creo una página, le pongo un solo bloque tipo imagen, edito su código como HTML, y pongo lo mismo que en el fichero .html, entonces ya no amplía la imagen. La coloca pegada al borde superior, centrada, bien, pero no la amplía.

    Si veo el código fuente en el navegador:

    <p><img decoding="async" style="max-width: 100%; object-fit: fill" src="https://.../prueba.jpg"></p>

    Lo único raro es que WP añade decoding=»async», que no sé para qué vale, pero no creo que influya.

    ¿Qué demonios puede estar pasando?

    Muchas gracias, un saludo…

Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • Iniciador del debate chandra9000

    (@chandra9000)

    hace 1 mes, 2 semanas

    Esta es una dirección de prueba con mi código, donde el banner se ve bien, como yo quiero, ocupando toda la anchura:

    https://rosatintado.com/prueba.html

    (El código fuente tiene dos o tres líneas, las que puse en mi 1er mensaje, como puede comprobarse).

    Y esta es la dirección de la página generada por WB, con decenas de líneas con código basura, donde el banner se ve mal, como expliqué, centrado arriba pero sin expandirse, y sin saber qué puedo hacer para que se vea igual que en el 1er caso:

    https://rosatintado.com/

    Muchas gracias, un saludo…

    Moderador Fernando Tellado

    (@fernandot)

    hace 1 mes, 1 semana

    HOla @chandra9000 ¿has probado a desactivar el editor de bloques?

    Tiene una costumbre (normalmente buena) de truncar html que interfiera con WordPress, y lo mismo eso te está afectando.

    Instala algún plugin que desactive los bloques o el mío que se llama ‘No Gutenberg’ si no quieres andar con ajustes, aunque sea por probar. No vale usar un bloque clásico.

    Si no fuera eso prueba – siempre lo decimos y nunca nos hacéis caso – a desactivar TODOS los plugins, e incluso a cambiar el tema (pasa, algunos hacen «cosas»)

    Ya contarás 🙂

    Iniciador del debate chandra9000

    (@chandra9000)

    hace 1 mes

    Hola Fernando, perdona la tardanza, he estado unos pocos días de viaje y volví anoche.

    Ya solucioné el problema, en realidad fue más fácil de lo que me pensaba. Resulta que en el editor, al pulsar sobre la imagen, te aparece encima un menú horizontal, y una de sus opciones se llama «Alineación». Al pulsarla se despliega un menú emergente, y seleccionando «Ancho completo» se queda tal y como quiero.

    Seguramente un fallo muy tonto, pero llevo pocos días con WordPress y esto es abrumador, tiene opciones y menús por todos lados, y una filosofía completamente nueva (ese es su propósito) de realizar webs.

    Gracias por tu ayuda, un saludo…

    Moderador Fernando Tellado

    (@fernandot)

    hace 1 mes

    Lo importante es que lo arreglases 😉

Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)

Debes estar registrado para responder a este debate.