Soporte » WordPress Avanzado » Modificar clases de las miniaturas de las entradas

  • Resuelto mojetevil

    (@mojetevil)


    Buena, quiero crear 3 clases que muestren una linea verde, amarilla y roja, para marcar si está la charla (la web es para anunciar charlas) activa, en proceso o finalizada y no sé cómo puedo hacerlo si es modificando el php de post y luego añadiendo la clase en la misma entrada?

    Saludos

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

Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • buenas
    La forma mas sencilla que se me ocurre es crear categorías para cada estado:

    • verde
    • amarilla
    • roja

    luego esas categorías he comprobado que en tu tema activo customizr
    se asigna al bloque HTML que aparece en portada así solo sería necesario crear el estilo css que se quiere aplicar, ejemplo.

    • para la categoría rojo sería: .category-rojo

    el css a aplicar pues al menos debes tener: border-bottom: 5px solid red;
    el color variaría dependiendo de tus necesidades

    todo el apartado css puedes incluirlo en el personalizador / css adicional

    lo que describo solo es un esquema.. no algo para aplicar directamente

    en caso que tengas el theme customizr pro debes dirigirte al soporte del tema para que te ayuden.

    por último, debo indicarte que los esquemas de color no son totalmente accesibles. así que como no expliques muy claramente que significan y des alternativas para personas con discapacidad podría haber usuarios que tendría problemas con tu sitio

    un saludo

    • Esta respuesta fue modificada hace 4 años, 11 meses por oldlastman.
    Iniciador del debate mojetevil

    (@mojetevil)

    Gracias por la respuesta, había pensado algo así, el CSS lo tengo hecho pero dónde añado esas clases a esas categorías para que reconozcan mi .cerrado .abierto, no encuentro el archivo html o php donde están las miniaturas, porque sólo quiero que aparezca en la miniatura, no dentro de la entrada.

    Saludos

    • Esta respuesta fue modificada hace 4 años, 11 meses por mojetevil.

    No tienes que modificar archivos, al igual que no tienes que crear clases de css
    Todo eso lo hace WordPress por ti al crear una categoría

    Al poner nombre a la categoría, al contenedor del post se le añade el nombre de la misma, en la forma .category-rojo (puede ser rojo verde.. o pepe.. lo que tenga por nombre)

    poteriormente en el personalizador (menú Apariencia > personalizar) de WordPress tienes una sección para añadir css, ahí puedes declarar las propiedades de la clase que se ha autodefinido.

    Si deseas que solo esté activo en el listado, haz una declaración mas específica. ejemplo .archive .category-rojo (listado) o por ejemplo .home .category-rojo para solo el inicio

    Todo lo que has dicho, se puede hacer usando lo que proporciona WordPress sin tener que tocar el código del theme.

    De nuevo te digo: no te estoy dando un paso a paso, solo las indicaciones generales para que sepas donde mirar.

    aunque no sea exactamente lo que te he comentado en este artículo
    https://code.tutsplus.com/es/tutorials/style-different-categories-in-your-wordpress-site-differently-using-css–cms-23687
    puedes leer un poco mas sobre el tema
    OJO: no recomiendo que modifiques tu theme

    • Esta respuesta fue modificada hace 4 años, 11 meses por oldlastman.
    • Esta respuesta fue modificada hace 4 años, 11 meses por oldlastman.
    Iniciador del debate mojetevil

    (@mojetevil)

    Gracias, ya está solucionado

Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • El debate ‘Modificar clases de las miniaturas de las entradas’ está cerrado a nuevas respuestas.