Så här addar du en customize Author Profile Page till din WordPress

Författarna på din website är experter, historieberättare och rösterna bakom ditt varumärke. Galleri/Presentation/Showcase av deras erfarenhet och expertis kan skapa en starkare anslutning till din publik och förbättra din websites ranking i search.

Ändå erbjuder många WordPress teman bara grundläggande, oinspirerande sidor med information om författare. Vi får ofta frågan om det bästa sättet att add to mer engagerande och informativa sidor med författarprofiler till WordPress-webbplatser.

I den här artikeln visar vi dig hur du skapar en custom author profile page i WordPress som gör ett bestående intryck på dina website besökare.

Vi kommer att täcka tre metoder. Använd bara länkarna under för att hoppa till den section du är intresserad av:

Metod 1: Skapa en Custom Author Profile Page i WordPress med SeedProd (rekommenderas)

Det bästa sättet att skapa en custom author profile page i WordPress är genom att använda SeedProd plugin.

SeedProd är den bästa drag-and-drop page buildern för WordPress. Det låter dig enkelt skapa custom WordPress themes och page layouts, inklusive beautiful author pages för varje författare på din website.

Den levereras med ett bibliotek med Pre-Made teman för att omedelbart ge din page ett professionellt utseende. Dessutom kan du använda sidblock för att helt customize din författares profilsida med images, sociala profiler, senaste posts och mer.

För att komma igång måste du installera och aktivera SeedProd plugin. För Step-by-Step instruktioner, se vår tutorial om hur du installerar ett WordPress plugin.

När pluginet är aktiverat går du till SeedProd ” Theme Builder från WordPress dashboard och klickar på knappen ”Theme Templates Kit”.

Detta kommer att ta dig till SeedProds bibliotek med färdiga website-kit.

För att välja ett website theme, hoverar du helt enkelt musen över den design you gillar och clickar på checkmark icon.

När du har gjort ett val kommer SeedProd att importera website-kitet och du kommer att se en lista över template-delar på theme builder dashboard.

You’ll get all the template parts you need to set up a website including a homepage, blogg page, contact page, and more.

Du kan klicka på länken ”Edit Design” på valfri template för att customize den med hjälp av drag and drop-temabyggaren.

För Step-by-Step instruktioner, se vår guide om hur du skapar ett customize WordPress theme.

Skapa en Custom Author Page Template

När du har slutfört customize din website tema, är det dags att skapa en anpassad författare profil page.

För att göra det, navigera till SeedProd ” Theme Builder och klicka på knappen ”Add New Theme Template”.

Detta kommer att öppna popupen New Theme Template.

Därefter väljer du alternativet ”Author Page” i dropdown-menyn ”Type”.

Om du vill ha samma layout på författarsidan för alla författare kan du ignorera det tomma fältet som visas under section ”Conditions”.

Om du däremot vill skapa en unik page för varje författare måste du enter användarens ID:n för en viss författare i det här fältet. Om användarens ID:n t.ex. är 2, enter den i det tomma fältet.

Se den här guiden om du behöver hjälp med att hitta ID:n för användaren i WordPress.

Klicka sedan på knappen ”Save” för att fortsätta.

Customize sidan för författarens profil

Nu när du har ställt in templaten för författarsidan kan du börja customize den genom att clicka på länken ”Edit Design” under den.

Detta kommer att öppna upp templates i SeedProd’s page builder.

Till vänster ser du block och sections som du kan add to the page. Till höger ser du en preview av din page, som kommer att vara tom eftersom vi inte har lagt till något content ännu.

Nu kan du börja lägga till content.

Klicka på ikonen ”Add Columns” för att ställa in layouten på din page.

Därefter ser du ett urval av layouts för Column.

Välj vilken typ av column layout du vill ha för din författares page.

Nu kan du add to SeedProd’s färdiga block till din page.

Du kan till exempel dra blocket ”Headline” till sidan för att add to en författares headline.

För att customize headlinen klickar du helt enkelt på den.

Detta öppnar en panel där du kan enter författarens namn, samt justera storlek, justering, med mera.

Därefter kan du dra blocket ”Author Bio” till sidan för att visa information om författaren.

Detta block hämtar automatiskt innehållet från författarens profil i WordPress.

Nu kan du visa upp författarens senaste artiklar.

Dra helt enkelt blocket ”Posts” till sidan.

När du har lagt till blocket Posts klickar du på det för att ställa in ’Query Type’ till Custom.

Aktivera sedan toggeln ”Query by Author” och välj en specifik författare i dropdown-listan.

Nu kommer endast posts från den författaren att visas på författarens page.

Du kan fortsätta att customize din författares page ännu mer. Till exempel kan du add to ”Text” och ”Image” block för att inkludera ytterligare information om auktorisatorn. You can also add blocks like social profiles, social sharing, testimonials, and more.

När du är nöjd med hur din författarsida ser ut klickar du på knappen ”Save” högst upp på vyn och lämnar page builder.

Publicera din Custom Author Profile Page

För att göra din författarsida live på din site måste du aktivera ditt customize SeedProd-tema.

Du kan göra detta genom att gå till SeedProd ” Theme Builder. Därifrån hittar du ”Aktivera SeedProd Theme” Toggle och växlar den till positionen ”Yes”.

SeedProd kommer nu att publicera ditt custom WordPress theme.

You can visit your site to see your new author profile page in action.

Metod 2: Lägg till Custom Author Profile Page i WordPress med WP User Manager

Den här metoden är enkel att installera, men den erbjuder inte lika många alternativ för design och customize som SeedProd.

Det första du behöver göra är att installera och aktivera pluginet WP User Manager. För mer detaljer, se vår Step-by-Step guide om hur du installerar ett WordPress plugin.

Efter aktivering måste du besöka Users ” Settings page för att konfigurera plugin-inställningarna.

Pluginet skapar automatiskt olika sidor att använda som anpassad login, anpassad användarregistrering, glömt lösenord, account och profil pages.

WP User Manager erbjuder en rad olika alternativ för dina författares profil pages. Du måste noggrant reviewer dem och stänga av de funktioner som du inte vill använda.

Därefter måste du klicka på tabben ”Profiles” för att ställa in inställningar för användarnas profiler.

Här kan du aktivera alternativet profile page för gäster, vilket innebär att vem som helst kan viewa användarnas profiler. You can also allow members to view each other’s profiles. Om du avmarkerar det här alternativet kan användarna bara se sina egna pages.

Du kan också allow users to upload custom profile photos and display their senaste artiklar as well as comments on their profile page.

Glöm inte att klicka på knappen ”Save Changes” för att spara dina inställningar.

Därefter måste du select sökmotorsoptimerande URL:er eller permalänkar för sidorna med författarprofiler. Du kan göra detta genom att besöka Settings ” Permalinks page och rulla ner till ”User profile permalink base” section.

Tillägget allow you to use a user ID, användarnamn, or smeknamn in the URL. Både smeknamn och användarnamn är mer sökmotorsoptimerande alternativ än användar-ID. Klicka för att välja någon av dem och klicka sedan på knappen save changes för att store dina permalänk-inställningar.

Dina customize författarprofil pages är nästan klara. Nu behöver vi bara låta användarna enkelt hitta sina pages med profiler på din WordPress website.

Head över till sidan Appearance ” Widgets och lägg till widgeten Login Form i ett sidebar.

You can now visit your website to see the author profile page in action.

Som inloggad användare ser du din egen information om account i widgeten i sidebar. Om du klickar på användarnamnet kommer du till din profil page.

Widgeten i sidebar visar ett formulär för login för användare som är utloggade. If you allow users to register on your website, then the form will also include a link to sign up.

Pluginet kommer också att ändra författarlänkar på din website och peka dem till författarens profil sida istället för standard författarens archive pages.

Ändra utseendet på sidor med författarprofiler

Om du bara vill ändra färger eller gränser kan du göra det genom att lägga till customize CSS.

Men om du vill ändra layouten och ordern på saker och ting, måste du redigera pluginets template-filer. WP User Manager levereras med support för custom templates, vilket innebär att du kan skapa dina egna templates i ditt nuvarande theme för plugin att använda.

Först måste du ansluta till din website med hjälp av en FTP-klient och gå till /wp-content/plugins/wp-user-manager/templates/ folder. Download all files you see there to your computer.

Därefter måste du gå till din nuvarande theme-mapp och skapa en ny folder som heter ”wpum” inuti den. Nu uploadar du filerna som du downloadade tidigare till wpum foldern.

Nu kan du edit dessa filer för att customize appearance av your profile pages efter behov.

Metod 3: Skapa manuellt en Custom Author Profile Page i ditt tema (kod)

Den här metoden kräver att du redigerar dina filer för WordPress-tema eller barntema. Om du inte har gjort detta tidigare, vänligen se vår guide om hur du copy and paste kod i WordPress.

Först måste du ansluta till din website med hjälp av en FTP-klient och gå till /wp-content/themes/your-current-theme/ folder.

I din nuvarande theme folder måste du skapa en author.php-fil. Efter det måste du kopiera innehållet i archive.php-filen och klistra in dem i din nya author.php template.

Om your theme redan har en author.php-fil kan du editera den också.

Ditt mål här är att få information om författarens profil och sedan displaya den. Du måste bestämma dig för var du vill börja editera. Vanligtvis kan du editera vad som helst mellan raderna get_header(); och get_sidebar():

<?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; ?>

Den här koden addar helt enkelt en författares profil högst upp på page och visar sedan författarens senaste inlägg.

Känn dig fri att customize denna kod så mycket som du behöver. Du kan lägga till ytterligare användarprofilfält på din webbplats, lägga till författarens Twitter- och Facebook-profillänkar, visa featured images för inlägg och så vidare.

Här är några exempel på CSS för att ge din författares profil ett anständigt utseende. Du kan lägga till det som custom CSS i ditt theme eller använda ett code snippet plugin som WPCode.

Du kan också customize koden för att matcha färgerna i ditt theme:

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

Nu kan du besöka din website för att se den customize author profile page in action.

Så här såg det ut på vår demo website:

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du lägger till en custom author profile page till din WordPress-webbplats. Du kanske också vill se vår ultimata guide till sökmotorsoptimering i WordPress för nybörjare eller vårt expertval av de bästa tilläggen för socialt bevis för WordPress och WooCommerce.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.