Mostrar Título do Perfil nas Postagens

Quero adicionar o campo Título do Perfil abaixo do nome completo, tentei encontrar uma maneira, mas não há.

Além disso, há um bug/problema, pois eu tinha enable_name como true na postagem e ocultei os nomes de usuário da postagem adicionando algumas regras de CSS em Personalizar > Tema > Editar CSS/HTML.

//Oculta o nome de usuário da página de postagem
.names .username {
    display: none!important;
}

Essas configurações estavam funcionando bem, mas os nomes completos também foram ocultados para alguns usuários.

Por favor, ajude-me a corrigir essas configurações.

Olá Kushal :slight_smile:
Você pode esclarecer o que quer dizer com “campo de Título do Perfil”?

Quanto a ocultar nomes de usuário, dependendo das configurações do seu site, você pode tentar o seguinte:

.names .second.username {
    display: none;
}
1 curtida

O código CSS acima não está ocultando os nomes de usuário dos usuários.

Estou falando sobre este título

1 curtida

Daí o meu “dependendo das configurações do seu site”, mas isso é culpa minha, eu deveria ter começado com as configurações padrão, com as quais o seguinte CSS deve funcionar:

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

Quanto ao título abaixo do nome completo, tente isto:

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

image

Esteja ciente de que pode haver efeitos colaterais não intencionais (como muitas vezes acontece quando fazemos alterações de CSS em elementos que contêm vários filhos).

2 curtidas

As configurações de CSS estão funcionando perfeitamente, mas acho que os problemas são diferentes, pois para alguns usuários, tanto o nome de usuário quanto o nome completo são visíveis nas categorias de postagem, enquanto para alguns usuários, apenas o nome de usuário é visível (do banco de dados, apenas os nomes de usuário estão sendo buscados - verifiquei via código-fonte da página).
Além disso, o código CSS do título do perfil está perfeito, mas como buscar os detalhes do banco de dados, já que não estão sendo buscados do banco de dados, não há como torná-los visíveis.
Por favor, me ajude com isso.

Fui um pouco rápido com este CSS e não verifiquei contas sem nomes completos, então minha sugestão de CSS está falha.

Você pode me fornecer os seguintes valores de configuração do seu site?

  • nome completo obrigatório

  • priorizar nome de usuário na experiência do usuário

1 curtida

O campo nome completo é obrigatório desde o início e, para o segundo ponto, preciso de mais esclarecimentos.

É esta configuração:

:slight_smile:

1 curtida

Para esclarecer mais, todas as contas têm nomes completos e nomes de usuário (verificados visitando seus perfis). É apenas que nas páginas de postagem os nomes completos de algumas contas não estão sendo obtidos.

Como adicionar o cabeçalho do perfil após o nome completo?

Sim, esta configuração está ativada

ambas as configurações estão habilitadas
image

Obrigado pela informação :slight_smile:

Se você tiver priorizar nome de usuário na experiência do usuário ativado, os nomes de usuário serão exibidos em cada postagem se o nome de usuário e o nome completo do usuário forem os mesmos.
E você ficará preso se quiser ocultar nomes de usuário apenas com CSS porque não pode direcionar elementos anteriores.

Por exemplo, você terá duas postagens que têm:

  1. nome de usuário

    • conteúdo da postagem
  2. nome de usuário nome-completo

    • conteúdo da postagem

E você não poderá ocultar nomes de usuário apenas para usuários que têm um nome completo diferente de seu nome de usuário, porque o nome de usuário é exibido antes do nome completo.

É um pouco complicado de explicar :sweat_smile:

Portanto, se você quiser uma solução apenas com CSS, precisará desativar priorizar nome de usuário na experiência do usuário e usar o seguinte CSS:

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

Quanto ao título abaixo do nome, você pode usar este CSS atualizado

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

O order: 1; impede que o emoji de status do usuário fique ao lado do título e o mantém ao lado do nome completo:
Se eu combinar todo esse CSS, aqui está o resultado.

Antes:

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

Depois:

3 curtidas

Muito obrigado pelo esforço que você está fazendo, mas ambos os códigos não estão funcionando, mesmo eu tendo adicionado !important no CSS, ainda não está funcionando.
e para o título do perfil, ele não está vindo do backend, veja a imagem abaixo como referência

1 curtida

Este plugin me ajudou a resolver o problema que eu estava tendo quando o nome de usuário e o nome completo são iguais, pois ele ocultava um deles automaticamente.

Por favor, me ajude a adicionar o Título do perfil após o nome completo.

1 curtida

Alguém pode me ajudar a tornar o Título do Perfil visível na página de Posts?

@JammyDodger o que devo fazer? Devo criar um novo post ou existe outra maneira de resolver este problema?

Você pode compartilhar um link para o seu fórum?

Abaixo está o link do fórum -
https://team.krsh.org

Obrigado. :slight_smile:

Por favor, seja o mais preciso possível, pois sua solicitação é um pouco confusa.

Por “após”, você quer dizer “abaixo”?


Seu formulário de registro contém um campo “Título do Perfil”, mas suspeito que ele não tenha nada a ver com o que você está pedindo. Você está pedindo, pelo que entendi, para colocar um título de usuário abaixo do nome de usuário.

Eu tentei meu código da minha mensagem no seu fórum e funcionou:

Antes:
image

Depois:
image

É isso que você quer?

1 curtida

Eu já mencionei que queria Mostrar Título do Perfil, se este título puder ser exibido abaixo do nome completo, seria ótimo, assim como na segunda imagem que você enviou, no lugar do título do perfil ‘Internship Secured’ deveria ser visível.