Como adicionar uma página de perfil de autor personalizado ao seu WordPress

Quer adicionar uma página de perfil de autor personalizada ao seu site WordPress? Muitos temas do WordPress têm informações limitadas do perfil do autor em sua página de arquivo do autor. Neste artigo, mostraremos como criar uma página personalizada de perfil do autor no WordPress.

Método 1. Adicionar página de perfil de autor personalizado no WordPress com WP User Manager

Este método é recomendado para todos os usuários. É fácil de instalar e possui mais recursos.

A primeira coisa a fazer é instalar e ativar o plugin WP User Manager. Para obter mais detalhes, consulte nosso guia passo a passo sobre como instalar um plugin do WordPress.

Após a ativação, deve visitar Usuários »Configurações WPUM página para definir as configurações do plugin.

Página de configurações do gerenciador de usuários WP

O plugin criará automaticamente páginas diferentes para usar como login personalizado, registro de usuário personalizado, senha esquecida, conta e páginas de perfil.

WP User Manager é um plugin poderoso e oferece muitas opções. Deve revisá-los cuidadosamente e desabilitar os recursos que não deseja usar.

Em seguida, precisa clicar na guia “Perfis” para definir as configurações do perfil do usuário.

Configurações da página de perfil do usuário

Aqui pode habilitar a opção de página de perfil para convidados, o que significa que qualquer pessoa pode ver os perfis de usuário. Você também pode permitir que os membros vejam os perfis uns dos outros. Se desmarcar esta opção, os usuários só poderão ver suas próprias páginas de perfil.

Você também pode permitir que os usuários carreguem uma foto de perfil personalizada e vejam suas postagens e comentários recentes em sua página de perfil.

Lembre-se de clicar no botão Salvar alterações para salvar suas configurações.

Em seguida, precisa selecionar URLs amigáveis ​​com SEO ou permalinks para as páginas de perfil do autor. Pode fazer isso visitando Configurações »Links permanentes página e role para baixo até a seção “Link permanente do perfil de usuário básico”.

Selecione uma estrutura de URL para páginas de perfil de usuário

O plug-in oferece o uso de ID de usuário, nome de usuário ou apelido no URL. O apelido e o nome de usuário são opções mais amigáveis ​​para SEO do que o ID do usuário. Clique para selecionar um deles e, a seguir, clique no botão Salvar alterações para salvar as configurações do permalink.

Suas páginas personalizadas de perfil de autor estão quase prontas. Agora, tudo o que precisamos fazer é tornar mais fácil para os usuários encontrarem suas páginas de perfil em seu site.

Dirigir a Aparência »Widgets página e adicionar [WPUM] Widget de formulário de login da barra lateral.

Adicionar login de usuário e widget de link de perfil à barra lateral

Agora pode visitar seu site para ver a página de perfil do autor em ação. Como um usuário conectado, verá as informações da sua própria conta no widget da barra lateral. Clicar no nome de usuário irá redirecioná-lo para a página de seu perfil de autor.

Página de perfil do autor

O widget da barra lateral exibirá um formulário de login para usuários desconectados. Se você permitir que os usuários se registrem em seu site, o formulário também incluirá um link para se registrar.

O plug-in também mudará os links do autor em seu site e os direcionará para a página de perfil do autor, em vez das páginas padrão do arquivo do autor.

Alterando a aparência das páginas de perfil do autor

Se deseja apenas alterar as cores ou bordas, pode fazer isso adicionando CSS personalizado.

No entanto, se quiser alterar o layout e a ordem das coisas, precisará editar os arquivos de modelo do plug-in. WP User Manager vem com suporte para modelos personalizados, o que significa que pode criar seus próprios modelos em seu tema atual para o plugin usar.

Você deve primeiro se conectar ao seu site usando um cliente FTP e navegar para a pasta / wp-content / plugins / wp-user-manager / templates /. Baixe todos os arquivos que vê lá para o seu computador.

Em seguida, precisa ir para a pasta do tema atual e criar uma nova pasta “wpum” dentro dela. Agora baixe os arquivos baixados anteriormente para a pasta wpum.

Agora pode editar esses arquivos para personalizar a aparência de suas páginas de perfil para atender às suas necessidades.

Método 2. Crie manualmente uma página de perfil de autor personalizada em seu tema

Este método requer que edite seu tema WordPress ou arquivos de tema filho. Se ainda não o fez, verifique nosso guia sobre como copiar e colar código no WordPress.

Primeiro, precisará se conectar ao seu site usando um cliente FTP e navegar até a pasta / wp-content / themes / your-current-theme /.

Em sua pasta de tema atual, precisa criar um arquivo author.php. Depois disso, precisa copiar o conteúdo do arquivo archive.php e colá-lo em seu novo modelo author.php.

Se o seu tema já tiver um arquivo author.php,  também pode editá-lo.

Seu objetivo aqui é obter as informações do perfil do autor e depois exibi-las. Você precisará decidir onde deseja começar a editar. Normalmente pode editar qualquer coisa entre get_header (); e get_sidebar () linhas.

<?php
// Set the Current Author Variable $curauth
$curauth = (isset($_GET['author_name'])) ? get_user_by('slug', $author_name) : get_userdata(intval($author));
?>
    
<div class="author-profile-card">
    <h2>About: <?php echo $curauth->nickname; ?></h2>
    <div class="author-photo">
    <?php echo get_avatar( $curauth->user_email , '90 '); ?>
    </div>
    <p><strong>Website:</strong> <a href="<?php echo $curauth->user_url; ?>"><?php echo $curauth->user_url; ?></a><br />
    <strong>Bio:</strong> <?php echo $curauth->user_description; ?></p>
</div>
    
<h2>Posts by <?php echo $curauth->nickname; ?>:</h2>


		 <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<h3>
<a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link: <?php the_title(); ?>">
<?php the_title(); ?></a>
</h3>
<p class="posted-on">Posted on: <?php the_time('d M Y'); ?></p>

<?php the_excerpt(); ?>

<?php endwhile; 

// Previous/next page navigation.
the_posts_pagination();


else: ?>
<p><?php _e('No posts by this author.'); ?></p>

<?php endif; ?>

Este código simplesmente adiciona um cartão de perfil do autor ao topo da página e exibe as postagens recentes do autor.

Sinta-se à vontade para personalizar este código o quanto você precisar. Você pode adicionar campos de perfil de usuário adicionais ao seu site, adicionar links de perfil do autor no Twitter e no Facebook, exibir imagens em destaque para postagens e muito mais.

Aqui estão alguns exemplos de CSS para fazer seu cartão de perfil de autor parecer decente. Você pode adicioná-lo como CSS personalizado em seu tema e, em seguida, modificá-lo para corresponder às cores do seu tema.

.author-profile-card {
    background: #eee;
    border: 1px solid #ccc;
    padding: 20px;
    margin-bottom: 20px;
}
.author-photo {
    float: left;
    text-align: left;
    padding: 5px;
}
Deixe uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *

You May Also Like