Soporte » Plugins y Hacks » Cambiar foto de portada según elección UM

  • Hola, hay alguna forma de editar la foto de perfil de portada (serían solo colores diferentes, mas que fotos) dependiendo de lo que escojan los usuarios en un Dropdown que tengo a la hora de registro?
    El dropdown se llama categorias, hay unas 5, el usuario puede escoger entre 5, pero me gustaria que por cada una de ellas se le asignara una imagen de portada diferente y que por supuesto ellos no puedad editarlo después, solo su foto de perfil…
    ¿Alguien ha intentado esto?
    Gracias por cualquier ayuda aportada, la que sea es bienvenida y agradecida.

    Por cierto, el plugin es Ultimate Member 🙂

    • Este debate fue modificado hace 4 años, 1 mes por imagicapp.
Viendo 7 respuestas - de la 1 a la 7 (de un total de 7)
  • Moderador almendron

    (@almendron)

    Lo único que se me ocurre es que el color cambie en función de la categoría.

    Para ello, debes tomar nota de la sección que quieres modificar. Pongamos que es H2:

    <h2 class="titulo-<?php the_category_ID(); ?>">xxxxxxxxxx</h2>

    Como ves, al cargar una categoría concreta, aparecerá:

    <h2 class="X">xxxxxxxxxx</h2>

    donde X será el Id de la categoría.

    Después te vas a la hoja de estilos y añades:

    h2.titulo-1 {
    	color:#xxxxxx;
    }

    y vas creando un estilo para cada ID de categoría que tengas.

    Iniciador del debate imagicapp

    (@imagicapp)

    Entiendo lo de los id. Este ejemplo que has dado es para cambiar un título. ¿Sería posible cambiar esto por la imagen de portada o, por ejemplo, el color del nombre de usuario que aparece en la seccion Mi Perfil?
    Muchísimas gracias por tu respuesta! Me pondré con los id ya mismo.

    Moderador almendron

    (@almendron)

    Puedes cambiar lo que quieras. Imagina, por ejemplo, que tienes

    <div class="content">XXXXX</div>

    y en la hoja de estilos viene definida una imagen o un color para esa DIV en concreto.

    Pues pones

    <div class="content-<?php the_category_ID(); ?>">XXXXX</div>

    para que quede así:

    <div class="content-X">XXXXX</div>

    y finalmente en la hoja de estilos creas content-1, content-2, etc.
    En cada uno de ellos copias los mismo estilos que en el original «content» excepto la imagen o el color que lo cambias.

    • Esta respuesta fue modificada hace 4 años, 1 mes por almendron.
    Iniciador del debate imagicapp

    (@imagicapp)

    Entiendo, muchas gracias. Lo que sigo sin comprender es cómo, según un usuario se registra, escoge una categoria en concreto de entre 5(es un Dropdown con varias opciones y el usuario debe escoger una). Esta informacion se guarda, y yo lo que quiero es que, dependiendo de que categoria haya escogido, se vea una foto de portada u otra en la seccion de su perfil.
    He entendido que puedo cambiar los colores e incluso imagenes de cualquier cosa si hago varias clases. Lo que no sé es como enlazar que, si el usuario escogio a la hora de registro la categoria 1, en su perfil se vea de foto de portada el color rojo, por ejemplo.

    Moderador almendron

    (@almendron)

    La categoría se queda para siempre con esa foto o ese color.

    ¿A qué página accede el usuario?

    Iniciador del debate imagicapp

    (@imagicapp)

    El usuario accede a su pagina de perfil, se registra y aparece su perfil, donde se ve que categoria ha escogido y su nombre.
    Lo que me gustaria es que, detras de la foto de perfil, apareciera la franja roja, como si fuera una foto de portada… o que hubiese un distintivo que se viera siempre por los demas usuarios.
    esta algo asi como puedes ver en la foto:
    https://www.theillusionary.net/wp-content/uploads/2018/06/Captura-de-pantalla-1.png

    como puedes ver, solo he conseguido que cuando el usuario escoja categoria 1 muestre una imagen arriba roja. Esto no es lo que quiero, pero lo consegui en el panel de formularios de Ultimate Member, haciendo esto:
    1. En el formulario de registro, puse un Dropdown sencillo que es obligatorio, y los usuarios deben escoger entre 5 opciones, del 1 al 5.
    2. En el formulario del perfil, he añadido arriba del todo un »Content block» con una simple imagen en rojo que he creado, y he añadido campos condicionales, que dicen practicamente que solo se muestre si el apartado de categoria es igual a 1.
    https://www.theillusionary.net/wp-content/uploads/2018/06/Captura-de-pantalla-1-1.png
    3.Luego lo unico que he hecho en el formulario del pefil es duplicar 4 veces el »Content block» que cree y asignarle los bloques condicionales igual, pero cambiando el equal to: por 2, 3, 4 y 5. y tambien poniendo una imagen con color diferente.

    Aun asi, esto no es lo que busco, sino algo mas sutil, que la foto de portada se cambie a rojo, la imagen que tengo. pero no encuentro la manera exacta…
    ahora mismo como veras en las fotos, las de portada las tengo desactivadas, pero me gustaria activarlas y que automaticamente al momento de registrarse se ponga en rojo, azul, verde, etc segun la categoria que hayan escogido y que ademas ellos no puedan cambiar la foto de portada.

    ¿Alguna idea?

    No he usado el plugin pero si sabes ingles, te recomiendo que te pases por estos enlaces mientras que nadie te pueda orientar mejor.

    https://docs.ultimatemember.com/
    https://ultimatemember.com/support/

Viendo 7 respuestas - de la 1 a la 7 (de un total de 7)
  • El debate ‘Cambiar foto de portada según elección UM’ está cerrado a nuevas respuestas.