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 filtrerbar portfölj i WordPress

Om du är fotograf, konstnär eller designer är det en bra idé att skapa en portföljwebbplats som visar upp ditt arbete. Om du dessutom gör din portfölj filtrerbar kan besökarna sortera och visa dina foton baserat på taggar.

Detta hjälper dig att visa upp olika stilar i ditt arbete, och användarna kan enkelt upptäcka objekt som intresserar dem.

WordPress tillåter inte att du gör detta direkt, så vi bestämde oss för att leta efter en enkel lösning. I den här artikeln visar vi dig hur du enkelt skapar en filtrerbar portfölj i WordPress.

How to Create a Filterable Portfolio in WordPress

Varför skapa en filtrerbar portfölj i WordPress?

De flesta fotografer och designers skapar beautiful portföljer som visar deras bästa fotografier. Ibland kan dock personer som vill anlita you vilja se om du har gjort något liknande tidigare.

Till exempel kanske någon som letar efter en modefotograf vill se your tidigare arbete inom mode.

Att lägga till filter i din portfölj allow you att visa ditt arbete under olika taggar. Det hjälper också dina användare att enkelt sortera objekt i din portfölj.

Filterable Portfolio Example

Med detta sagt, låt oss ta en titt på hur du enkelt kan skapa en filtrerbar portfölj på din WordPress-webbplats utan att skriva någon kod.

Skapa en filtrerbar portfölj i WordPress

Först måste du installera och aktivera plugin-programmet Envira Gallery. För mer detaljer, se vår Step-by-Step guide om hur du installerar ett plugin för WordPress.

Envira Gallery är ett premium WordPress-plugin, och du behöver minst Plus-planen för att få tillgång till tillägget Tags.

För mer detaljer kan du se vår kompletta Envira Gallery review.

Vid aktivering måste du besöka Envira Gallery ” Settings page för att enter your license key. Du kan få den här informationen från ditt account på Envira Gallerys website.

Add Envira Gallery License Key

När du har enter nyckeln ska du clicka på knappen ”Verify Key”. You will see a message that the site is now receiving updates.

Därefter måste du installera tags addon. För att göra det, head över till Envira Gallery ” Addons page och hitta Tags Addon.

Install Envira Gallery Tags Addon

När du har hittat den måste du klicka på knappen ”Install”.

Envira Gallery hämtar och installerar tillägget åt dig, och sedan måste du klicka på knappen ”Aktivera” för att börja använda det.

Activate Envira Gallery Tags Addon

Nu är du redo att skapa din filtrerbara portfölj.

Head to Envira Gallery ” Add New page för att skapa ditt första gallery och ge det ett namn.

Upload Your Photographs

Om du vill uploada dina foton till galleriet ska du klicka på knappen ”Select Files from Your Computer”.

Om bilderna redan finns i mediabiblioteket i WordPress klickar du på knappen ”Select Files from Other Sources”.

Envira kommer nu att uploada och inserta dessa filer i your gallery. När det är gjort kan you rulla ner för att se dina images.

Mer information hittar du i vår przewodnik om hur du lägger till bildgallerier i WordPress.

Envira Currently in Your Gallery

Nu måste du klicka på pennikonen för att editera en image.

Detta kommer att ge en popup där du kan add till taggar och andra metadata till dina foton.

Add Tags to Your Photos

Enter de tags som du vill tilldela fotot. Du kan add to flera taggar separerade med ett kommatecken. När du är klar klickar du på knappen ”Save Metadata” för att lagra dina taggar.

Nu måste du upprepa processen för att add tags till alla images i ditt gallery.

När du har lagt till taggar på dina foton klickar du på tabben ”Tags” till vänster på din gallery page. Det är här du kan aktivera eller inaktivera filtrering av taggar för ditt gallery.

Enable Filtering for Your Gallery

Du måste kontrollera boxen ”Enable Tag Filtering?” för att aktivera filtrering av taggar, och du kommer att kunna se inställningar för det här alternativet.

Du kan visa taggar ovanför eller under galleriet, visa alla taggar eller välja taggar att visa och konfigurera andra visningsinställningar.

När du är klar klickar du bara på knappen ”Publicera” för att göra ditt gallery Live. Din portfölj gallery är nu redo att addas till din site.

Lägga till den filtrerbara portföljen på din website i WordPress

Du kan nu skapa det inlägg eller den sida där du vill visa din filtrerbara portfolio. Om du använder blockredigeraren lägger du helt enkelt till ett Envira Gallery-block i artikeln.

Add an Envira Gallery Block to a Post or Page

Efter det ska du klicka på dropdown-menyn ”Search for a gallery” och välja det gallery du publicerade tidigare.

Om du använder den klassiska editorn ska du klicka på knappen ”Add Gallery” som du hittar under titeln på posten eller sidan.

Add Envira Gallery to Classic Editor

Detta kommer att visa en popup där du kan select det gallery du just skapat och insert det i din WordPress post och page.

Du kan nu update din post eller page för att save dina ändringar och preview din website för att se din filtrerbara portfölj i action.

Preview of a Filterable Portfolio Gallery

Om du gillar att lära dig mer saker som du kan göra med Envira Gallery, kan du bara kontrollera dessa tutorials:

Video Tutorial

Subscribe to WPBeginner

Vi hoppas att den här artikeln hjälpte dig att lägga till en filtrerbar portfolio i WordPress. Du kanske också vill lära dig hur du skapar ett WooCommerce-produktbildgalleri eller se vårt expertval av de bästa fotogalleri-pluginsen för WordPress.

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

3 kommentarerLämna ett svar

  1. Haim

    All the photo galleries I found so far that support Tags allow filtering one tag at a time. I’d like to implement gallery where I can filter based on multiple tags to get the photos having ALL the tags. For that the Tag selection should be in a checkbox form to allow checking more than one. Can anyone point me to such solution for WP? Thanks.

  2. divp

    nice one keep sharing

  3. Lewis

    Really awesome article, I loved this theme and soon I will be hiring a web developer to build me a theme like this. Thanks!

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.