Filtrerbar portefølje i Startup Pro

Denne tutorial giver trinnene til at oprette en filtrerbar portefølje i Startup Pro.

Eksempel:

Mens selvstudiet testes med Startup Pro, fungerer det med ethvert børnetema baseret på Genesis Framework.

Forudsætning:

1. Opret en side kaldet "portefølje" og tilføj det fremhævede billede for at bruge det som heltebillede. Det fungerer som det samme, som vi har brugerdefineret hjemmeside og blog i indstillinger> læsning.


2. Sørg for, at vi har Portfolio CPT er tilgængelig. Installer og aktiver Genesis Portfolio Pro Plugin eller brug et andet plugin som Pods til at oprette en brugerdefineret posttype kaldet "portfolio".


3. Opret nogle porteføljeposter, vi bruger 4 kolonners layout, så der anbefales mindst 8 emner. Billedstørrelse skal være den samme for alle.


4. Opret mapper efter sti / aktiver / scripts / under dit underordnede tema (hvis ikke til stede).

TRIN 1

Opret en fil isotope.pkgd.min.js under / asset / scripts / folder og tilføj følgende kode:

Find koden https://raw.githubusercontent.com/metafizzy/isotope/master/dist/isotope.pkgd.min.js

Du kan også downloade denne fil herfra https://github.com/metafizzy/isotope/tree/master/dist

TRIN 2

Opret en fil isotop-init.min.js under / asset / scripts / folder og tilføj følgende kode: