Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

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.

Adding a custom author profile page in WordPress

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

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.

Note: Det finns en gratis version av SeedProd. Du behöver dock Pro-versionen för att använda sin custom author page template.

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

Click the Theme Templates Kit button

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.

Choose a SeedProd theme kit

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.

Click Edit Design link to customize each template part

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”.

Click the Add New Theme Template button to create author page

Detta kommer att öppna popupen New Theme Template.

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

Select the Author page template 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.

Enter the user id to create custom author pages for each writer

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.

Edit author page design

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.

SeedProd theme builder

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

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

Add columns to your custom author 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.

Choose your column layout

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.

Drag and drop headline block onto author profile page

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.

Edit the headline block

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.

Add author bio block in SeedProd

Nu kan du visa upp författarens senaste artiklar.

Dra helt enkelt blocket ”Posts” till sidan.

Add Posts block in SeedProd

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.

Configure Posts block for author page

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.

Add social profiles to author page

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”.

Enable SeedProd theme

SeedProd kommer nu att publicera ditt custom WordPress theme.

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

Example of custom author profile page created with SeedProd

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.

WP User Manager settings page

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.

User profile page settings

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.

Select a URL structure for user profile pages

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.

Add user login and profile link widget to 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.

Author profile 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.

Adding Custom Author Profile Page CSS in 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:

A custom author profile page in WordPress

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.

Avslöjande: Vårt innehåll stöds av våra läsare. Det innebär att om du klickar på några av våra länkar, kan vi tjäna en provision. Se hur WPBeginner finansieras, varför det är viktigt, och hur du kan stödja oss. Här är vår editoriala process.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Den ultimata WordPress-verktygslådan

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som varje professionell användare bör ha!

Reader Interactions

23 kommentarerLämna ett svar

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Benky

    Do you know how I can add Phone number fields to the author pages?

    • WPBeginner Support

      If you are using the plugin then you would need to use their method for adding custom fields

      Administratör

  3. Subodh Gupta

    The username is showing in the author archive URL.

    How can I easily change it to display name or nickname for admin and all authors?

    • WPBeginner Support

      If you are using the method from this article then you should be able to update that under Settings > Permalinks

      Administratör

  4. Ben Osborne

    I was hoping to make the author pages editable in the WordPress dashboard, is this possible?

    • WPBeginner Support

      Should we find a method we would recommend, we will look into updating this article.

      Administratör

      • Ben Osborne

        I know this maybe isn’t something you can recommend…. but I used advanced custom fields to create a wysiwyg editor right in the edit user screen, then call that custom field in the customised author.php. Works pretty good.

  5. Nomi

    wpbeginner is top. Always comes up with the best solutions. When I see on serp wpbeginneer, I just click it

    • WPBeginner Support

      Thank you, glad you like our content :)

      Administratör

  6. Rouni Haddad

    Hello, I am trying to add the login page to the top of my website in the menu area but when I add it, it doesn’t show on the website, anyway I can fix this.

  7. Annapurna Agrawal

    Hi guys,

    I am really stuck with this. My author template is not working. As in, I am getting 404 error for the author archive page.

    I have no spaces in the author nice_name, i have deactivated all plugins to check for conflicts. I couldn’t find any solution to this. Can you help me out please?

    • WPBeginner Support

      Hi Annapurna,

      Try updating your permalink structure. Simply visit Settings » Permalinks and then click on the save changes button without changing anything.

      Administratör

  8. grab

    in wordpress job site how put each company description permanently ,i don’t want to add everytime each job descriptions and keywords

  9. Sharif Mustajib

    On my website, there are writers who send through e-mail. If they don’t create any profile, how can I add their profile? Please..

  10. Naa

    how do i remove the author profile page if i don’t want to use it anymore?

  11. William

    THank you for this tutorial. However I can’t seem to find an author.php or archive.php in my theme. I am using Customizr Pro. Any ideas would be greatly appreciated. I love the look in your demo image!

    • WPBeginner Support

      Hi William,

      If you don’t have an author.php file, then you can create one. If you don’t have archive.php, then you can copy the contents of index.php, category.php, or any other archive template in your theme. Please contact your theme’s support and they will be able to guide you better.

      Administratör

  12. Ifeanyi

    Hello
    Please, is there a way I can add a radio button field to the registration page?

  13. Adel

    i’m looking desperatly for a way to make child pages in author’s page..
    a menubar or tabs to display categories seperatly…
    thanks in advance

  14. Gatera

    Thanks for this article. I used Method 2.

    I would like to display the current author’s woocommerce products under their bio. Do you know how I can achieve this?

    Thanks,

  15. Muhammad Ibrahim

    Really helpful article specially for beginners like me. a video tutorial could be a great way to know more about it. but still it is enough to know how to setup custom author profile page.
    i always use to visit this site whenever i need to learn anything about WordPress.
    thanks a lot dear Syed Balkhi to create such an amazing wordpress resource site.

Lämna ett svar

Tack för att du väljer att lämna en kommentar. Tänk på att alla kommentarer modereras enligt våra policy för kommentarer, och din e-postadress kommer INTE att publiceras. Vänligen använd INTE nyckelord i namnfältet. Låt oss ha en personlig och meningsfull konversation.