Soporte » Diseño – Temas y plantillas » Dividir una columna en varias por orden alfabético

  • jgtomas

    (@jgtomas)


    Hola a tod@s: Tengo una página que se nutre de datos procedentes del menú Autores mediante el shortcode
    [shortmenu menu="Autores" enhance="true" submenu_color="#000000" submenu_anchor_color="#e0e0e0" submenu_anchor_hover_color="#ffffff" submenu_transparency="0.8" arrow="true" is_responsive="true" ]

    Con este shortcode se relacionan en una sola columna. Quisiera que dividiera en cuatro columnas y que mantuviera el orden alfabético conforme se van añadiendo autores.

    En el Css adicional he añadido

    .menu-Autores-container ul {
     column-count:4;
    }

    Ruego vuestra ayuda

    • Este debate fue modificado hace 1 mes por Jose Luis. Razón: Etiquetar código

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 10 respuestas - de la 1 a la 10 (de un total de 10)
  • Moderador Jose Luis

    (@jose64)

    Hola

    Sin saber cómo se genera el shortcode no creo que podamos ayudarte, indícanos el plugin (con su url) que genera el shortcode.

    jgtomas

    (@jgtomas)

    El plugin utilizado es Shortcode Menu, se puede encontrar en https://wordpress.org/plugins/shortcode-menu/ y es de Amit Sukapure.

    Gracias por contestar.

    jgtomas

    (@jgtomas)

    Después de añadir el css indicado, sigue sin dividir los autores en 4 columnas como es mi intención. Ruego vuestra ayuda.

    Hola amigos:
    Tengo creado un menú llamado Novelas el cual muestra el contenido mediante shortcode en la página indicada de ayuda. He creado el shortcode con el plugin Shortcodes Ultimate para las columnas (quiero dividirlos en 4) y el plugin Shortcode Menu de Amit Sukapure para el contenido.

    Este el shortcode que he puesto:

    [su_row class=""]
      [su_column size="1/4" center="si" class=""][shortmenu menu="Novelas"  enhance="true"  submenu_color="#000000"  submenu_anchor_color="#e0e0e0"  submenu_anchor_hover_color="#ffffff"  submenu_transparency="0.8"  arrow="true"  is_responsive="true" ][/su_column]
      [su_column size="1/4" center="si" class=""][/su_column]
      [su_column size="1/4" center="si" class=""][/su_column]
      [su_column size="1/4" center="si" class=""][/su_column]
     [/su_row]

    Quisiera definir el número de novelas que aparecen en cada columna o que se dividan dichas novelas en las cuatro columnas a partes iguales. ¿Se puede hacer?

    Gracias por vuestra ayuda. Un saludo.

    • Esta respuesta fue modificada hace 4 semanas, 1 día por Jose Luis. Razón: Etiquetar código
    • Esta respuesta fue modificada hace 4 semanas, 1 día por Jose Luis.
    Moderador Jose Luis

    (@jose64)

    Hola

    Según las normas de uso del foro no está permitido duplicar debates. Aunque parezcan distintos porque usas distintos menús, es el mismo debate:

    Dividir una columna en varias por orden alfabético

    Los fusionaremos en uno solo.

    Moderador Jose Luis

    (@jose64)

    Revisa esta propiedad CSS, creo que es lo que te hace falta:

    La propiedad CSS column-count

    Tienes que asignar una clase al menú con esta propiedad, pruébalo y coméntanos el resultado.

    jgtomas

    (@jgtomas)

    Muchas gracias por contestar José Luis. No consigo hacer lo que pretendo. No se hacer lo que me indicas. La verdad es que no tengo conocimientos de css y html.

    Aunque sea mucha molestia podrías indicarme qué tengo que poner y dónde ?

    Gracias por anticipado. Un saludo.

    Moderador Jose Luis

    (@jose64)

    Hola

    Para poner los autores en cuatro columnas:

    ul#short_menu_5ee69bef361cb {
        column-count: 4;
    }

    Para poner las novelas en cuatro columnas:

    ul#short_menu_5ee69dcda8e3f {
        column-count: 4;
    }

    Hola José Luis. Gracias por tu paciencia. No consigo que funcione. Lo que me has enviado tanto para autores como novelas en cuatro columnas ¿dónde debo incluirlos? He intentado ponerlo en Personalización —> CSS adicional y sigue sin dividir la columna.

    He probado poniendo en la página el shortcode creado con Shortcodes Ultimate:

    [su_row class=»»]
    [su_column size=»1/4″ center=»si» class=»»][shortmenu menu=»Novelas» enhance=»true» submenu_color=»#000000″ submenu_anchor_color=»#e0e0e0″ submenu_anchor_hover_color=»#ffffff» submenu_transparency=»0.8″ arrow=»true» is_responsive=»true» ][/su_column]
    [su_column size=»1/4″ center=»si» class=»»][/su_column]
    [su_column size=»1/4″ center=»si» class=»»][/su_column]
    [su_column size=»1/4″ center=»si» class=»»][/su_column]
    [/su_row]

    Y tampoco funciona. También he probado con el shortcode creado con Shortcode Menu de Amit Sukapure:

    [shortmenu menu=»Autores» enhance=»true» submenu_color=»#000000″ submenu_anchor_color=»#e0e0e0″ submenu_anchor_hover_color=»#ffffff» submenu_transparency=»0.8″ arrow=»true» is_responsive=»true» ]

    y tampoco funciona. Algo debo estar haciendo mal y no lo consigo. Podrías decirme el shortcode que debo poner en la página https://www.novelandia.com/indice-de-autores/ y https://www.novelandia.com/indice-de-novelas/ y si tengo que poner algo más en algún otro sitio???? Muchas gracias de nuevo por tu colaboración.

    Un saludo.

    Moderador Jose Luis

    (@jose64)

    Hola @jgtomas

    Yo no puse ningún shortcode, para eso tendría que recrear la web, simplemente añadí ese código en el inspector de elementos del navegador, usándolo en el CSS adicional del tema debería funcionar, si no te funciona fuerza la carga añadiendo !important.

    ul#short_menu_5ee69bef361cb, ul#short_menu_5ee69dcda8e3f {
        column-count: 4 !important;
    }
Viendo 10 respuestas - de la 1 a la 10 (de un total de 10)
  • Debes estar registrado para responder a este debate.