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 skapar du en website för portfölj online i WordPress

Vill du skapa en website för portfölj online i WordPress?

Återstarter och LinkedIn-profiler är bra, men de räcker ofta inte för att fånga potentiella kunders uppmärksamhet. För att verkligen göra intryck behöver du en portfölj online som visar upp ditt bästa arbete på ett professionellt och engagerande sätt.

Oroa dig inte om du ej är tekniskt kunnig, vi finns här för att hjälpa till.

I den här artikeln visar vi dig hur du steg för steg enkelt skapar en website för portfölj online i WordPress.

How to create an online portfolio website in WordPress

Varför behöver du en website för portföljer online?

Var du än träffar dina potentiella kunder behöver du en site för portföljen online att hänvisa dem till.

Istället för att leta efter tidigare arbetsprover kan du tryggt skicka dina potentiella customers eller framtida arbetsgivare till din fantastiska portfölj online.

Se det som ditt digitala visitkort.

Portföljer är filer för alla, inklusive frilansare, arbetssökande och småföretag.

Example of portfolio website

Du kanske tror att en portfölj bara är till för konstnärer eller kreatörer, men det är helt enkelt ej sant. De fungerar för alla yrken, om du är grafisk formgivare, författare eller utvecklare.

Det är en chans att visa upp dig från din bästa sida i din bransch. I ett nötskal hjälper din portfölj på webben dig att sticka ut från mängden och bygga förtroende. När du designar en professionell website med en portfölj blir du omedelbart trovärdig och visar upp din erfarenhet.

Dessutom kan du optimera din site för search engines baserat på specifika keywords så att fler kan hitta your.

Så här skapar du en website för portföljer online i WordPress med SeedProd

You behöver inte lära dig att koda eller skriva HTML för att bygga din site för portföljen. Följ bara våra Step-by-Step-instruktioner så kommer din website att vara igång på några minuter.

1. Välj ett webbhotell för WordPress

Till att börja med behöver du ett domain name och ett webbhotell. Servern lagrar filerna på din website och är din sites hem på internet.

En bra server ska vara tillräckligt skalbar för att hantera krävande webbplatser, erbjuda support om något går fel, ta webbsäkerhet på allvar och ha funktioner för att skydda you.

Du bör också leta efter de snabbaste WordPress hosting providers, vilket hjälper din site att ladda snabbt.

Beginner är det bästa valet för småföretag som vill ha ett prisvärt och nybörjarvänligtwebbhotell.

Lyckligtvis har Hostinger gått med på att erbjuda våra läsare ett gratis domain name och upp till 78% rabatt på WordPress webbhotell. Du kan komma igång för bara 2,69 USD per månad.

För att komma igång med Hostinger på några minuter klickar du bara på den här knappen:

Om du behöver hjälp med att registrera dig för Hostinger, kontrollera vårt post om hur du får ett gratis domain name, där du hittar en steg för steg tutorial.

När du har registrerat och konfigurerat ditt webbhotell kan du bara gå in i din dashpanel och välja tabben ”Domäner”.

Därefter måste du ange ett new domain name.

Hostinger get a domain

Du kommer att uppmanas att skapa en new website eller flytta en befintlig website.

För den här tutorialens skull kan du klicka på ”Skip, create an empty website”.

Skip website hostinger

Klicka sedan på knappen ”Select” under ”Claim a Free Domain”.

Du kan helt enkelt enter det domain name som du vill använda för din portfölj website.

Claim free domain

Om du behöver hjälp med att välja ett domain name erbjuder WPBeginner en gratis generator för företagsnamn som hjälper you att hitta ett företagsnamn som är lätt att läsa och främja på nätet.

Om du skapar en personlig portfölj är det enklaste naturligtvis att använda ditt för- och efternamn som domain name. Om det är upptaget kan du add to ditt yrke tillsammans med ditt förnamn.

Om till exempel johndoe.com är taget kan du hitta johndoephotography.com eller janedoewriter.com.

Helst bör du klistra på en .com domän utökning eftersom det är den mest igenkännliga och pålitliga för småföretag.

2. Installera WordPress

Ett av de vanligaste misstagen som många Beginnare gör är att välja fel plattform för sin website. Många frilansare eller småföretagare graviterar mot Squarespace eller Wix.

Även om de är användarvänliga saknar de massor av funktionalitet, customize och control.

Att använda ett system för hantering av content som WordPress ger dig mycket mer flexibilitet med tusentals designer och addons för din site med portfölj. WordPress är gratis, open source och har tusentals pre-built extensions och website designs.

Med rätt tillägg och teman för WordPress får du också samma drag and drop-byggare som gör plattformar som Squarespace eller Wix så användarvänliga.

Om du använder Hostinger eller en annan WordPress webbhotell tjänst som WPEngine eller Bluehost, kan du följa vår guide om hur du installerar WordPress för detaljerade, steg-för-steg instruktioner.

Därefter klickar du i din Hostinger dashboard på knappen ”Adminpanel” med WordPress-loggan för att gå till WordPress-webbplatsens instrumentpanel.

You can also go to yoursite.com/wp-admin directly in your browser.

3. Välj ett portföljtema

När du har installerat WordPress är du redo att customize din website genom att välja ett theme och skapa new pages.

För denna tutorial kommer vi att använda SeedProd för att skapa ett tema specifikt för portföljteman.

SeedProd är den bästa WordPress page builder på marknaden. Med den kan du snabbt och enkelt skapa alla typer av pages utan att skriva en enda rad kod.

Om du vill skapa en website med en portfölj för att hitta potentiella kunder, starta en blogg i WordPress eller en store online, så är SeedProd en helhetslösning som ger dig templates som är skräddarsydda för yours behov.

Du kommer att vilja installera och aktivera SeedProd plugin. För mer hjälp, se vår djupgående guide om hur du installerar ett plugin för WordPress.

När du installerar kommer du att bli ombedd att slutföra installationsguiden. Du kan klicka på ”Kom igång” och bara följa Step-by-Step-instruktionerna så att SeedProd kan konfigurera tillägget så att det passar dina behov bäst.

SeedProd setup wizard

När du har completed the setup wizard, head over to SeedProd ≫ Settings och enter your license key. Du hittar din license key under your accounts page på SeedProd’s website.

När du har enter informationen klickar du på knappen ”Verify Key”.

Verify key for SeedProd

Du kommer nu att ha tillgång till SeedProds alla funktioner.

4. Bygg din Landing Page för portföljen

Gå sedan till SeedProd ≫ Theme Builder.

Där väljer du den orangefärgade knappen som säger ”Theme Template Kits”.

SeedProd theme builder

Du kommer till en page med ett sökbart bibliotek med WordPress themes att välja mellan. Skriv in ”portfölj” i sökfältet och välj den templates som bäst passar din website.

Du kanske också vill söka på andra keywords om du är i en specifik nisch. Om du till exempel är fastighetsmäklare kan du hitta WordPress themes för fastighetsmäklare på SeedProd.

Vi kommer att välja portföljtemat ”Freelance Portfolio”, men du kan gratis välja vilket tema som helst som passar dina behov.

Online portfolio theme in SeedProd

Vi kommer att skapa en en-sidig portfölj site, där din portfölj page är på Homepage av din website. Detta gör att du kan få din portfölj site igång och run snabbt utan besväret med att designa flera pages.

I WordPress dashboard, heada över till Settings ≫ Läsa. Bredvid Homepage väljer du dropdown ’Portfolio’ för att göra din portfölj page till din Homepage.

Set portfolio page as homepage

Gå sedan tillbaka till SeedProd ≫ Theme Builder, och du kommer att se en lista över alla sidor inom temat.

Rulla ner och hovera över sidan ”Portfolio”. Klicka sedan på ”Edit Design”.

Edit portfolio page

5. Edit the Portfolio Website

Nu är det dags att editera the content och göra det till your own. Du kommer att skickas till SeedProds visual, drag and drop page builder. Det finns gott om Standard och Advanced widgetar att välja mellan, såsom en headline, text, lista, header, featured image, och så vidare.

Dra helt enkelt det widget du vill ha och flytta det till exakt den location du vill ha elementet.

Widgets in SeedProd

Du kan också customize bakgrunden som du vill genom att välja en enfärgad färg, en lutningsfärg eller en bakgrundsbild.

Klicka bara på den yttre lagerboxen och under ”Content” i sidebar-menyn ser du alternativ för att customize din bakgrund.

Background in SeedProd

Om du behöver hjälp med att arbeta med SeedProd-gränssnittet kan du titta på våra SeedProd video tutorials.

När du redigerar innehållet på din huvudsakliga portfölj page finns det flera viktiga komponenter som du vill inkludera, till exempel:

Stark call-to-action (CTA): Portfölj webbplatser bör ha en clear call-to-action för att allow besökare att anställa eller komma i kontakt med you. CTA-knappen bör placeras både ovanför vikningen och längst ner på din page.

Hitta bara boxen ”Button” i menyn till vänster och dra den till din page till höger.

Call to action in SeedProd

När du editerar ett element måste du clicka på det specifika elementet eller area som du vill customize.

Sedan visas alternativen för det blocket till vänster. Som du kan se under tabben Content kan du editera texten på knappen och länka den till din kontaktsida eller till och med till ett embeddat formulär lägre på samma page.

På tabben ”Templates” kan du välja stil på knapparna och på tabben ”Advanced” kan du ändra padding, font med mera.

Edit button SeedProd

Tjänster som du erbjuder: Besökare vill veta vad du erbjuder så att de kan vara säkra på att du kan göra det de letar efter. For instance, as a WordPress developer, do you code custom plugins, offer website customizations, or build websites from scratch?

Om du vill skapa en section med tjänster lägger du bara till ett widget i Column och inser en Icon Box för varje tjänst vi erbjuder.

Sedan kan du customize texten och icons efter behov genom att clicka på elementet och använda sidebaren.

Services page in SeedProd

About Me section: Potentiella customers och customizers vill också veta mer om din bakgrund och dina erfarenheter. Det här är en chans att skapa en anslutning till människor och visa varför du brinner för det du gör.

För att skapa en About Me section behöver du all lägga till widgeten ”Image Box” på page. Sedan kan du add to ett porträttfoto på dig själv och skriva en description som berättar mer om dig.

Om du skapar en portfölj för ett företag eller varumärke kan du använda din customize-logotyp här istället.

Author bio in SeedProd

Rekommendationer: Att tillhandahålla rekommendationer från tidigare kunder hjälper till att bygga förtroende, särskilt om du har arbetat med välrenommerade varumärken. Att se att andra människor är nöjda med yours arbete ger andra förtroende för att du också kan göra ett bra jobb.

Lägg bara till widgeten Testimonials på din page. Sedan kan du add to ett foto av kunden och edit deras namn och testimonial. Om du vill add to fler reviews, click on the ’Duplicate’ icon next to the person’s name.

Duplicate testimonials in SeedProd

6. Add a Gallery för att visa upp exempel på your arbete

Att skapa en webbplats med portfölj ger dig en chans att visa upp allt det fantastiska arbete du har gjort. När potentiella kunder ser vad du kan göra kommer de att lita på att du är rätt person för jobbet.

För att göra det kommer vi att använda Envira Gallery, som är det bästa tillägget för Gallery i WordPress. Medan du kan använda widgeten ”Advanced Gallery” på SeedProd, ger Envira Gallery dig mer funktionalitet.

Till exempel kommer det med Lightbox images, vilket innebär att när någon klickar på ett foto visas automatiskt de fulla dimensionerna utan att behöva cropa eller resize dem. You can even add slideshows and organize your galleries into albums to better categorize your work.

Först installerar och aktiverar du pluginet Envira Gallery. Du kan följa vår guide om hur du installerar ett tillägg till WordPress för detaljerade instruktioner.

Head över till Envira Gallery ≫ Add New i WordPress dashboard. Namnge sedan ditt gallery i rubrikfältet. Därifrån klickar du på ”Search Files from Your Computer” för att add to images av dina portfölj-projekt.

Add new gallery Envira Gallery

När du har uploadat objekten i portföljen rullar du ner och väljer tabben ”Config”.

Här kan du ändra antalet Column för Gallery som du vill visa. Om du ställer in den på ”Automatic” ställs antalet images in så att varje row fylls automatiskt.

Configurations in Envira Gallery

Om du vill ändra storleken på bilderna rullar du ner i tabben ”Config” och hittar alternativet Image Size.

Välj den storlek som bäst visar upp dina objekt i portföljen.

Image size in Envira Gallery

Du kan också justera Lightbox-bildstorleken så att den visar bilden i originalstorlek när någon klickar på bilden.

Gå till tabben ”Lightbox” och justera Image Size till ”Original Image”.

Lightbox in Envira Gallery

Rulla upp till högst upp på sidan och tryck på ”Publicera”. Under knappen Publicera ser du en shortcode.

Kopiera shortcoden så att vi kan add to gallery till vår WordPress portfölj page.

Publish gallery in Envira Gallery

Gå tillbaka till din portföljsida i SeedProd. Drag and drop shortcode blocket var du vill på sidan.

Sedan klistrar du bara in shortcoden i boxen ”Shortcode” i sidebar-menyn.

Shortcode in SeedProd

Om du vill förhandsgranska shortcoden klickar du på knappen ”Preview” högst upp till höger på sidan.

Detta visar hur hela page gillar att se ut.

Preview portfolio website

Here, you should be able to see that your Envira Gallery is embed in your portfolio site.

Med Envira Gallery’s featured image kan du clicka på varje objekt för att se hela imagen.

Recent projects in SeedProd

7. Add a Contact Form

Nu när du har reelat in dina potentiella kunder är det dags att få dem att kontakta dig. Visst, du kan bara släppa ett email där, men kontaktformulär låter dem skicka ett meddelande direkt till dig utan att öppna sin email app.

Det bästa sättet att skapa ett enkelt och professionellt kontaktformulär är med WPForms.

WPForms form builder

WPForms är den bästa WordPress form builder som låter dig skapa online kontaktformulär.

För att lära dig hur du skapar ett enkelt kontaktformulär för din website så att potentiella kunder kan kontakta you, följ bara vår Step-by-Step tutorial om hur du skapar ett kontaktformulär i WordPress.

När du har completed ditt formulär går du tillbaka till din portföljsida. Du kan använda widgeten ”Contact Form” för att add to ett formulär från WPForms. Under ”Select a Form” väljer du det formulär du har skapat.

WPForms in SeedProd

8. Make It Live

Om allt ser bra ut är du redo att lansera din website.

Allt du behöver göra är att clicka pilen under den gröna knappen ”Save” högst upp i högra hörnet. Klicka sedan på ”Publicera”.

Publish portfolio in SeedProd

Gå vidare och kontrollera live site.

Allt ska visas, inklusive portföljens gallery, knappar och kontaktformulär.

Portfolio website live example

När du har skapat en professionell website för portföljen är du redo att börja skicka mer trafik till din site eller ta hand om intresserade prospekt.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du skapar en website för portfölj online i WordPress. Vi rekommenderar också att du kontrollerar vårt blogginlägg om hur du startar en WordPress-blogg eller våra populäraste inläggen / bästa inläggen om WordPress-tillägg för företagswebbplatser.

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

28 kommentarerLämna ett svar

  1. Syed Balkhi says

    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. Jiří Vaněk says

    I’ve approached my portfolio as a blog. I write a tech blog about what interests me, using it as a showcase of my work. So, for me, a blog can be a great addition to a portfolio, demonstrating your skills and expertise in a way that can also be enjoyable and drive traffic to your website through search engines.

  3. Konrad says

    one more thing to save for the future, thank you guys
    wish me luck as i gather the courage to share my artworks with others :>

  4. Ram E. says

    Thanks for another detailed guide! For more complex or bigger portfolio sites, there is also the option to create custom post types for even greater flexibility in terms of features.

  5. Mikolaj says

    I’ve been in search of a great portfolio landing page for my art selling business, and it seems like SeedProd is just what I need. The simplicity and theme customization options are fantastic. Thanks for the comprehensive guide; I’m excited to give it a go!

  6. Ralph says

    Nice and easy step by step tutorial. I don’t really need portfolio however it gave me other idea. I will use similar concept for homepage of my blog. Above all newest articles i will place 3 big buttons/pics (sorry i don’t know how to describe it in english), that will lead to my youtube, podcast and blog. So more promotion for my other channels.
    Thanks for idea!

    • WPBeginner Support says

      It would depend on the theme but if you do not set a static page under Settings>Reading, most themes set the blog page as your homepage.

      Administratör

  7. Adam Michalak says

    Grate artictle, highly recommend it to anyone looking to learn how to create an online portfolio website in WordPress. In today’s competitive freelance market, having a portfolio website to display your best work is essential for standing out and attracting more clients. This step-by-step guide offers valuable insights on how to accomplish this, making it a valuable resource for those aiming to build their online presence as a professional freelancer.

    I will recommend it to my friends who are just starting to work with wordpress :)

    • WPBeginner Support says

      Thank you for your kind words and we hope whoever you recommend also finds this article helpful :)

      Administratör

  8. William Dean Dailey says

    This is the most effective and informative post I have read by you all.
    The graphics and text were easy to understand and follow through to complete the website and publish. Thank you for that. It’s the first time I have made it to publish using WordPress and am happy with the results.

  9. Sean Brady says

    I feel that developing a portfolio website with WordPress would be a great way add to display an artist discography.

  10. Sharon says

    I liked this Tutorial. Although I’m an Elementor page builder user, it’s nice to see other page builders out there and what they can do. I had a portfolio of my website at one point, but I can’t say I really liked it. I think I might try again and use some techniques from this tutorial. Thanks, WPBeginner for the useful tutorial! Awesome instructions!

  11. Alice Elliott says

    Thank you for this very detailed tutorial about how to set up a portfolio website. However, I wonder why you chose a non-wysiwyg theme within your example. If you are targeting visual people, I would think this should be far more applicable, as it would be something they could relate to much more easily.

    • WPBeginner Support says

      We went with a page builder in this guide as it adds more freedom for design :)

      Administratör

  12. Shafqat Khan says

    I’ve been looking for a way to create a portfolio landing page for my photography business, and SeedProd seems like the perfect solution. I love how easy it is to use and customize the theme templates. Thank you for this detailed guide, I can’t wait to try it out!

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.