Projetando perfis MemberPress

Você pode projetar perfis MemberPress usando Starter Patterns predefinidos ou criando seu próprio design personalizado. Os perfis MemberPress são Baseado em Gutenberg, o que significa que você pode criar perfis com blocos específicos de perfil e qualquer outro bloco do Gutenberg. 

Este documento explicará como você pode projetar perfis MemberPress para se adequar ao seu site e à sua marca,

Uso de padrões iniciais de perfil

O MemberPress inclui quatro padrões de perfil profissional como pontos de partida:

• Perfil Clássico posiciona a foto e o nome do perfil do membro no lado esquerdo do cabeçalho do perfil. Todas as outras informações do membro são alinhadas à esquerda;
• Profile Classic - Direito O espelho reflete o cabeçalho do padrão Classic, com a foto e o nome do perfil do membro. Todas as outras informações do membro permanecem alinhadas à esquerda;
• Perfil clássico - centralizado alinha a foto e o nome do perfil do membro no centro, com todas as informações alinhadas à esquerda;
• Layout de divisão de perfil divide os perfis em três seções distintas. O cabeçalho do perfil está localizado na parte superior da página, e o restante da página é dividido em duas seções: esquerda e direita. Aqui, a foto e o nome do perfil do membro estão localizados à esquerda. As demais informações do membro estão localizadas à direita.

Ao adicionar um novo tipo de perfil, você será solicitado a escolher um dos Starter Patterns disponíveis. 

Se for ignorado, você poderá adicionar esses padrões por meio do inseridor de blocos:

1. Navegue até o tipo de perfil, passe o mouse sobre seu nome e clique em Editar.

2. Clique no inseridor de blocos + ícone.

3. Em seguida, clique no botão Padrões e role para baixo até a guia Conteúdo da Strater grupo.

4. Selecione seu padrão preferido para adicioná-lo ao Profile.

Os padrões são grupos de blocos de perfil. Você pode adicionar ou remover blocos Profile, adicionar outros blocos Gutneberg e personalizar cada bloco para que corresponda à sua marca.

Trabalhando com blocos de perfis

Os blocos de perfil são componentes individuais que você pode usar para projetar seus perfis de membros usando o editor padrão (Gutenberg). 

Cada bloco MemberPress Profile é usado para exibir dados específicos de membros nas páginas de perfil dos usuários e vem com amplas opções de personalização:

• O Bloco de cabeçalho de perfil se estende por toda a largura do cartão de perfil. Configure cores de fundo, habilite imagens de capa, controle a altura e adicione sobreposições para facilitar a leitura do texto.
• Blocos de seção de perfil Organize o conteúdo em agrupamentos lógicos. Adicione títulos, personalize planos de fundo, controle o preenchimento e aplique bordas para separação visual.
• O Bloco de fotos do perfil exibe imagens de membros com controles de tamanho, opções de formato (quadrado, arredondado, circular), tratamentos de borda e imagens de fallback para membros sem fotos.
• Blocos de cobertura de perfil mostrar imagens de banner, permitindo a expressão pessoal. Defina capas padrão, controle as dimensões, ajuste o posicionamento e adicione sobreposições, garantindo a visibilidade do conteúdo.
• O Bloco de nome do perfil apresenta identidades de membros com opções de formato que vão desde o primeiro nome apenas até nomes completos formais, além de controles de tipografia e texto suplementar para títulos.
• Blocos de ícones de perfil adicione qualquer ícone a seus perfis. Use esse bloco para adicionar ícones aos cabeçalhos ou em qualquer lugar da página de perfil. Você pode escolher qualquer ícone disponível e definir seu tamanho, espaçamento e cores.
• Blocos de campos de usuário de perfil exibir informações de perfis de membros e campos personalizados. Selecione os campos que serão exibidos, controle os rótulos, organize-os em colunas ou listas e trate os campos vazios de forma inteligente.

Campos de usuário do perfil

O Bloco de campos do perfil do usuário adiciona dinamicamente os dados do usuário aos seus perfis MemberPress. Você pode usar esse bloco dentro dos blocos da seção Profile ou em qualquer outro lugar da página de perfil.

Para importar uma única parte das informações do usuário para um perfil, é necessário adicionar e configurar o bloco:

1. Ao editar um perfil, adicionar o bloco Profile User Field usando o insersor de blocos.
2. Clique no bloco que você inseriu para abrir seu Configurações no painel direito.
3. Configure o bloco usando a opção Configurações de campo painel:
   • CampoSelecione o campo MemberPress nesse menu suspenso. Dessa forma, o bloco exibirá os dados do campo selecionado na página de perfil. Por exemplo, para exibir o nome de usuário de um usuário em seu perfil, escolha Username nesse menu suspenso;
   • Mostrar rótulo: por padrão, essa opção está ativada. Portanto, o rótulo do campo será exibido nos perfis dos usuários junto com os dados do campo. Se você desativar essa opção, esse bloco exibirá apenas os dados;
   • Texto do rótuloSe o campo tiver um rótulo personalizado, você poderá adicioná-lo a esse campo para desativá-lo em vez do rótulo padrão.

4. Salvar alterações para aplicá-las aos perfis de usuário.

Usando esse bloco, você pode adicionar qualquer padrão ou campo MemberPress personalizado usado em suas páginas de registro e conta.

Adição e configuração do cabeçalho do perfil

MemberPress Cabeçalho do perfil O bloco importa o cabeçalho de perfil padrão para seus perfis. Ele já Inclui capa de perfil e Foto do perfil blocos e suporta links de mídia social.

Para adicionar e configurar o cabeçalho do perfil, siga estas etapas:

1. Comece a editar seu perfil.
2. Clique no inseridor de blocos e procure por “Profile Header” (Cabeçalho do perfil). Clique no ícone Cabeçalho do perfil para importá-lo.
3. Depois de importado, clique no bloco para abrir suas configurações. Nas configurações do bloco, defina a opção Posição da foto para Esquerda, Centro, ou Certo.

5. Além disso, você pode optar por ativar ou desativar o Ativar sobreposição opção. Por padrão, essa opção estará ativada, permitindo que a foto do perfil se sobreponha à imagem da capa.
6. Por fim, você pode estilizar o cabeçalho. Clique no botão Guia Estilo para acessar as opções de estilo.

7. Clique em Publicar / Salvar para aplicar as alterações.

Como alternativa, você pode adicionar Capa do perfil e Foto do perfil individualmente, em vez de usar os blocos Cabeçalho do perfil bloco. Você pode usar esse método se estiver criando um design de perfil personalizado.

Como projetar o cabeçalho do perfil

Quando estilizar o cabeçalho de seu perfil, Você pode configurar os seguintes blocos:

• Cabeçalho do perfil bloco:
  • Estilos: escolha um dos quatro cabeçalhos disponíveis estilos (Simples, com sombra, com borda ou com borda inferior);
  • CorDefinir as cores do fundo e do texto do cabeçalho;
  • DimensõesPersonalização do cabeçalho acolchoamento e margens;
  • Sombra: defina a sombra do cabeçalho clicando no botão Sombra projetada opção.

• Capa do perfil bloco:
  • Ponto FocalMova o ponto focal para a seção desejada da sua imagem de capa;
  • Dimensões da tampa: ajuste a tampa Altura (Curto, Médio ou Alto);
  • Configurações de sobreposiçãoAdicionar uma sobreposição definindo o Opacidade porcentagem.
  • Configurações de cores: definir o Cor da sobreposição.

Adição e configuração de seções e dados

O MemberPress Seção de perfil é usado para agrupar campos de dados do usuário e quaisquer blocos adicionais.

Para adicionar e configurar a seção de perfil, siga estas etapas:

1. Comece a editar seu perfil.
2. Clique no inseridor de blocos e procure por “Profile Section”. Clique na seção Seção de perfil para importá-lo.
3. Clique no bloco que você importou. No painel do lado direito, clique no ícone Configurações guia.

5. Expandir o Configurações de layout e defina o painel Layout do campo:
   • Em linha: essa opção exibirá o rótulo e os dados do campo na mesma linha;
   • Empilhado: essa opção empilhará o rótulo e os dados do campo, exibindo os dados abaixo do rótulo.
6. Por padrão, o bloco da seção de perfil será importado com um título padrão e vários campos de dados de perfil. Você pode modificar o conteúdo padrão, se necessário:
   • Atualização o título e ícone de título;
   • Atualizar os campos de usuário do perfil escolhendo os campos do MemberPress de que você precisa e/ou adicionando os campos personalizados texto do rótulo;
   • Adicionar novos blocos ou remover os que você não precisa.
7. Por fim, clique no botão Estilo guia para estilizar a seção.

8. Clique em Salvar para aplicar as alterações.

Projetando a seção de perfil

Ao estilizar a seção do seu perfil, você pode configurar os seguintes blocos:

• Seção de perfil bloco:
  • Estilos: escolha uma das quatro seções disponíveis estilos (Simples, com sombra, com borda ou com borda inferior);
  • Cor: define as cores de fundo e de texto da seção;
  • Dimensões: seção de personalização acolchoamento e margens;
  • Borda e sombra: definir a seção Tamanho e raio da borda.

• Campos de usuário do perfil bloco:
  • Cor: define as cores de fundo e de texto do campo;
  • Tipografia: definir a fonte tamanho e altura da linha.
  • Fronteira: definir o campo Tamanho da borda.