Mostrar titular de perfil en las publicaciones

Quiero agregar el campo Título del perfil debajo del nombre completo, intenté encontrar la manera pero no la hay.

Aparte de esto, hay un error/problema, ya que tenía enable_name en true en la publicación y oculté los nombres de usuario de la publicación agregando algunas reglas de CSS en Personalizar > Tema > Editar CSS/HTML.

//Oculta el nombre de usuario de la página de la publicación
.names .username {
    display: none!important;
}

Estas configuraciones funcionaban bien, pero los nombres completos también se ocultaban para algunos usuarios.

Por favor, ayúdenme a solucionar estas configuraciones.

Hola Kushal :slight_smile:
¿Puedes aclarar a qué te refieres con el “campo de titular de perfil”?

En cuanto a ocultar nombres de usuario, dependiendo de la configuración de tu sitio web, puedes intentar esto:

.names .second.username {
    display: none;
}
1 me gusta

El código CSS anterior no oculta los nombres de usuario de los usuarios.

Me refiero a este titular

1 me gusta

Por lo tanto, mi “dependiendo de la configuración de tu sitio web”, pero eso es culpa mía, debería haber empezado con la configuración predeterminada, con la que el siguiente CSS debería funcionar:

.names .first.username {
    display: none;
}

En cuanto al titular debajo del nombre completo, prueba esto:

.topic-meta-data .names {
    flex-wrap: wrap;
    .user-title {
        width: 100%;
    }
}

image

Ten en cuenta que puede haber efectos secundarios no deseados (como suele ocurrir cuando hacemos cambios de CSS en elementos que contienen varios hijos).

2 Me gusta

La configuración de CSS funciona perfectamente, pero creo que los problemas son diferentes, ya que para algunos usuarios tanto el nombre de usuario como el nombre completo son visibles en las categorías de publicaciones, mientras que para algunos usuarios solo es visible el nombre de usuario (desde la base de datos solo se obtienen los nombres de usuario, lo comprobé a través del código fuente de la página).
Aparte de esto, el código CSS del titular del perfil es perfecto, pero ¿cómo obtener los detalles de la base de datos, ya que no se obtienen de la base de datos, por lo que no hay necesidad de hacerlos visibles?
Por favor, ayúdenme con esto.

Fui un poco rápido con este CSS y no comprobé si había cuentas sin nombres completos, por lo que mi sugerencia de CSS es defectuosa.

¿Puede proporcionarme los siguientes valores de configuración de su sitio?

  • Se requiere nombre completo

  • Priorizar nombre de usuario en la experiencia de usuario

1 me gusta

El campo Nombre completo es obligatorio desde que empezamos y para el segundo punto necesito un poco más de aclaración.

Es esta configuración:

:slight_smile:

1 me gusta

Para aclarar más, todas las cuentas tienen nombres completos y nombres de usuario (verificados visitando sus perfiles). Es solo que en las páginas de publicaciones, los nombres completos de algunas cuentas no se obtienen.

¿Cómo agregar el encabezado del perfil después del nombre completo?

Sí, esta configuración está habilitada

ambas las configuraciones están habilitadas
image

Gracias por la información :slight_smile:

Si tienes habilitado priorizar nombre de usuario en ux, los nombres de usuario se mostrarán en cada publicación si el nombre de usuario y el nombre completo del usuario son los mismos.
Y te quedarás atascado si quieres ocultar los nombres de usuario solo con CSS porque no puedes apuntar a elementos anteriores.

Por ejemplo, tendrás dos publicaciones que tienen:

  1. nombre de usuario

    • contenido de la publicación
  2. nombre de usuario nombre completo

    • contenido de la publicación

Y no podrás ocultar los nombres de usuario solo para los usuarios que tengan un nombre completo diferente a su nombre de usuario, porque el nombre de usuario se muestra antes del nombre completo.

Es un poco complicado de explicar :sweat_smile:

Entonces, si quieres una solución solo con CSS, necesitarás deshabilitar priorizar nombre de usuario en ux y usar el siguiente CSS:

.names {
    .full-name +.username {
        display: none;
    }
}

En cuanto al título debajo del nombre, puedes usar este CSS actualizado:

.topic-meta-data .names {
    flex-wrap: wrap;
    .user-title {
        width: 100%;
        order: 1;
    }
}

El order: 1; evita que el emoji de estado del usuario esté al lado del título y lo mantiene al lado del nombre completo:
Si combino todo este CSS, aquí está el resultado.

Antes:

.topic-meta-data .names {
    flex-wrap: wrap;
    .full-name +.username {
        display: none;
    }
    .user-title {
        width: 100%;
        order: 1;
    }
}

Después:

3 Me gusta

Muchas gracias por el esfuerzo que estás haciendo, pero este código no funciona, incluso he añadido !important en css pero todavía no funciona.
y para el titular del perfil, no viene del backend, mira la siguiente instantánea como referencia

1 me gusta

Este plugin me ayudó a resolver el problema que tenía cuando el nombre de usuario y el nombre completo eran iguales, lo que ocultaba uno de ellos automáticamente.

Por favor, ayúdenme a agregar el titular del perfil después del nombre completo.

1 me gusta

¿Alguien puede ayudarme a hacer visible el titular del perfil en la página de publicaciones?

@JammyDodger ¿qué debo hacer? ¿Debo crear una nueva publicación o hay alguna otra forma de resolver este problema?

¿Puedes compartir un enlace a tu foro?

Este es el enlace del foro -
https://team.krsh.org

Gracias. :slight_smile:

Por favor, sea lo más preciso posible, porque su solicitud es un poco confusa.

¿Por “después” se refiere a “debajo”?


Su formulario de registro contiene un campo “Título del perfil”, pero sospecho que no tiene nada que ver con lo que pide. Usted está pidiendo, según entiendo, poner el título de un usuario debajo de su nombre de usuario.

Probé mi código de mi mensaje en su foro y funciona:

Antes:
image

Después:
image

¿Es eso lo que quiere?

1 me gusta

Ya mencioné que quería Mostrar titular del perfil, si este titular se puede mostrar debajo del nombre completo, sería fantástico, al igual que en la segunda imagen que enviaste, en lugar de ‘Internship Secured’ debería ser visible el titular del perfil.