Depois de adicionar o código acima ao seu arquivo functions.php
ou a um plugin de snippets PHP, você pode usar o shortcode [custom_membership_info]
em qualquer página ou post do seu site WordPress para exibir as informações das assinaturas do usuário logado.
Explicação do Código
- Verificação de Login:
- A função
is_user_logged_in()
verifica se o usuário está logado. - Se o usuário não estiver logado, uma mensagem é retornada informando que ele precisa estar logado para ver a informação.
- A função
- Obtenção de Informações de Associação:
- A função
pmpro_getMembershipLevelsForUser()
obtém os níveis de associação do usuário. - Se o usuário tiver associações ativas, um loop é usado para exibir as informações de cada nível de associação dentro de containers
<div>
com classes CSS apropriadas.
- A função
- Estrutura HTML com Classes CSS:
- Cada nível de associação é encapsulado em um
<div>
com a classemembership-level
. - Cada campo de informação (nome, descrição, data de início, data de expiração) é encapsulado em um
<div>
com a classemembership-field
e uma classe específica para o campo (por exemplo,membership-name
,membership-description
).
- Cada nível de associação é encapsulado em um
Estilizando com CSS
Você pode adicionar o seguinte CSS ao seu arquivo style.css
do tema ou ao Customizador de CSS do WordPress (Aparência
-> Personalizar
-> CSS Adicional
) para estilizar as informações exibidas pelo shortcode:
.custom-membership-info {
font-family: Arial, sans-serif;
background-color: #f9f9f9;
padding: 20px;
border: 1px solid #ddd;
border-radius: 5px;
margin-bottom: 20px;
}
.custom-membership-info h3 {
color: #333;
margin-bottom: 15px;
}
.membership-level {
margin-bottom: 20px;
padding: 10px;
border: 1px solid #ccc;
border-radius: 3px;
}
.membership-field {
margin-bottom: 10px;
}
.membership-field strong {
color: #0073aa;
}
Exemplo de Uso
- Adicionar o Shortcode a uma Página ou Post:
- No editor de páginas ou posts do WordPress, adicione o shortcode
[custom_membership_info]
onde você deseja exibir as informações de assinatura.
- No editor de páginas ou posts do WordPress, adicione o shortcode
- Adicionar CSS ao Customizador:
- Vá para
Aparência
->Personalizar
->CSS Adicional
. - Cole o CSS fornecido acima e clique em “Publicar”.
- Vá para