• Resuelto martina42

    (@martina42)


    Buenas,

    Mi menú consta de distintas páginas. Una es la página blog y dentro de esta tiene 3 opciones para seleccionar (noticias, blog técnico y caso de éxito).

    En el caso de noticias, me aparecen los artículos de uno en uno pero yo quiero que me aparezcan 3 columnas y 3 filas. Para que en la página se vea 12 artículos.

    Desconozco cómo puedo hacer esta modificación. Ya que estas páginas están creadas por categorías. Es decir, yo tengo 3 categorías (noticias, blog técnico y caso de éxito) y según escribo un artículo le asocio esa categoría y son las que van apareciendo en la página.

    Me gustaría que alguien me ayudará y me explicará los pasos para poder hacer este cambio en el diseño de presentación de la página. Os dejo la página web: https://origencadcam.es/

Viendo 14 respuestas - de la 1 a la 14 (de un total de 14)
  • Hola @martina42,

    Para que en ordenadores se muestre en 3 columnas puedes colocar el siguiente código CSS:

    
    .category #left-area {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    .category #left-area>article {
        flex-basis: 30%;
    }
    

    Para añadir ese código podrás hacerlo desde Apariencia/Personalizar/CSS adicional. Hay veces en las que debes limpiar caché para que estos cambios se reflejen.

    Para que aparezcan 12 artículos puedes seleccionarlo a través de Ajustes/Lectura/Número máximo de entradas a mostrar en el sitio.

    Espero haberte ayudado, saludos

    Iniciador del debate martina42

    (@martina42)

    Muchas gracias por la ayuda @algato333

    He añadido el código que me has dado y se me ha cambiado las columnas, pero al añadir 12 columnas máximo en el sitio, no se modifica. He borrado caché y actualizado pero no se actualiza, no se cual puede ser el error.

    Asimismo, en estas páginas aparecía al final de la página en el extremo derecho «entradas siguientes» y en el extremo izquierdo «entradas antiguas». Ahora al haber hecho estas modificaciones me aparecen las dos juntas. No se cómo se podría cambiar.

    Muchas gracias de antemano.

    Iniciador del debate martina42

    (@martina42)

    .

    • Esta respuesta fue modificada hace 1 mes, 2 semanas por martina42.

    Hola @martina42,

    ¿Has cambiado a 12 el campo «Número máximo de entradas a mostrar en el sitio»?

    Verifica que no hayas cambiado el campo del feed, que es fácil confundirse.

    Saludos

    Iniciador del debate martina42

    (@martina42)

    Hola @algato333

    Disculpa, pensé que al haberse dado por resuelto no podía seguir escribiendo.

    Si el «Número máximo de entradas a mostrar en el sitio» esta en 12 y «Número máximo de entradas a mostrar en el feed» en 6

    Y aún así no modifica.

    Saludos.

    Hola de nuevo @martina42,

    Has borrado la caché de autoptimize y verificado que tu servidor no cuenta con algún tipo de caché?

    Saludos

    Perdona @martina42,

    Acabo de darme cuenta que se me pasó un detalle en el código de arriba para que sea completamente responsive. Por favor, si lo estás usando, sustitúyelo por:

    .category #left-area {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    .category #left-area>article {
        flex-basis: 30%;
        min-width: 250px;
    }

    Saludos

    Iniciador del debate martina42

    (@martina42)

    Buenas @algato333

    He incluido este código pero he tenido que cambiar min-width: 250px por min-width: 150px porque se me desconfiguraba la página. Y aún así me sigue sin aparecer 12 solo me aparecen en total 6 artículos en 2 filas.

    Saludos.

    Sí, ese código solo soluciona que sea responsive. El hecho de que sigan apareciendo 6 aún colocando en 12 el número de entradas me descoloca un poco.

    ¿Has llegado a borrar caché y revisar que no existe caché en el servidor?
    ¿Estás usando algún tema plantilla o algún plugin que modifique las categorías?

    Con respecto a los botones de «entradas siguientes» «entradas más antiguas», para solucionarlo puedes añadir el siguiente código:

    
    .pagination{
      flex-basis:100%;
    }
    

    Saludos

    Iniciador del debate martina42

    (@martina42)

    Buenas @algato333

    Si he limpiado caché. En cuanto a plugins no usamos. Y plantilla tenemos actica una de Divi Child.

    Por otro lado, para disminuir el tamaño de la letra del título y descripción también añadiría el código en el css adicional. ¿este código valdría?

    p {
    font-size: 18px;
    }

    Hola @martina42,

    Revisa el siguiente video para cambiar el número de posts en tu tema Divi:

    Para cambiar el tamaño de la letra del título necesitarías añadir el siguiente código CSS:

    .category h2.entry-title {
        font-size: 18px;
    }

    Creo que al decir descripción te refieres al texto introductorio de cada artículo. Si es así puedes añadir el siguiente código para modificarlo:

    .category #left-area>article {
        font-size: 12px;
    }

    Espero haber dado con la clave ahora, saludos!
    🙂

    • Esta respuesta fue modificada hace 1 mes, 2 semanas por Alvaro Torres.
    Moderador Jose Luis

    (@jose64)

    Hola @martina42

    Espero (estoy seguro de ello) que las soluciones que te indica @algato333 solucionen tu problema, cambios relativamente sencillos como el tamaño de letra (solo modificaciones en el CSS) no tienen mayor inconveniente, pero problemas mayores como el número de columnas, productos o elementos mostrados en una página siempre es mejor que los consultes directamente con el soporte de tu tema.

    El tema DIVI es un tema comercial, si estás usando un tema comercial y necesitas soporte debes ir a su canal de soporte oficial. Para dar el mejor servicio a la comunidad WordPress, y generar progreso e innovación, creemos que es importante dirigir a la gente a los sitios oficiales:

    DIVI 24/7 Support

    Además, los voluntarios del foro no tenemos acceso a productos comerciales, así que no sabríamos porque tu tema comercial no funciona adecuadamente. Y hay otra razón por la que los voluntarios te dirigimos a los vendedores del producto comercial: los vendedores son responsables de dar soporte a su producto comercial.

    Se podría resumir en que en los foros de WordPress.org podemos dar soporte a todo aquello que se pueda instalar o descargar desde WordPress.org.

    Iniciador del debate martina42

    (@martina42)

    Hola @algato333,

    Muchísimas gracias por la ayuda. Ya se me hizo el cambio correctamente de las columnas con el material de apoyo que me enviaste

    Así que de nuevo mil gracias por tu ayuda y tiempo.

    Saludos

    gian tapia

    (@webuniversal13)

    hola , concuerdo con todo lo que dicen los compañeros sobre tu necesidad. pero en mi opinión para tener una pagina web para tu blog es mucho mas trabajado, ya que de esas manera obtendrás una cantidad mayor de visitas a tu sitio web. te recomiendo usar este codigo

    .category #left-area {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    .category #left-area>article {
        flex-basis: 30%;
        min-width: 250px;
    }
    • Esta respuesta fue modificada hace 1 mes por Jose Luis. Razón: Eliminar enlace de spam
Viendo 14 respuestas - de la 1 a la 14 (de un total de 14)
  • Debes estar registrado para responder a este debate.