TechBlogSD - Alt for WordPress- og WEB -utvikling
WEB- og WordPress -instruksjoner, nyheter, anmeldelser av temaer og plugins

Hvordan lage WordPress -porteføljeside med avkodingstema?

2

En gang tilbake lette vi etter å bygge et WordPress -porteføljeside. Gratis temaer tilgjengelig i WordPress -depot brukes på ingen måte for et kvalitetsporteføljeside, og plugins oppfylte heller ikke vår forventning. Etter å ha søkt en stund fant vi noen skikkelige temaer i Themeforest som Uncode, Highend, Marble, etc. Ut av alt vi sjekket, var Uncode stå ut i mengden med sine enestående portefølje funksjoner. Vi kjøpte Uncode -tema og bygde et WordPress -porteføljeside. Siden det tok noen uker for oss å forstå temaet, er her en enkel opplæring om hvordan du lager WordPress -porteføljeside med Uncode -tema.

Før du starter med Uncode Theme

Du må forstå noen få punkter før du begynner å jobbe med Uncode -tema. Du kan se hele anmeldelsen av temaet her.

  • Uncode er en tilpasset variant av Visual Composer -plugin som er sammen med temaet gratis. Så du må gjøre deg kjent med Visual Composer sidebygger for WordPress.
  • Demoinnhold må importeres som en bulk. Dette betyr at du ikke bare kan importere porteføljedemosider som vist på salgssiden. Du bør installere alt demoinnholdet og deretter begynne å tilpasse porteføljerelaterte ting.
  • Uncode -tema fungerer med innholdsblokker. Dette er de sentrale oppsettene som skal tilordnes topptekst, bunntekst og innholdsområde. Oppgavene kan utføres globalt ved hjelp av temalternativer og kan tilpasses i editoren for individuelle porteføljeelementer.

Sørg for å motvirke søkemotorer fra å indeksere sidene dine til det tidspunktet nettstedet er klart for offentlig.

Trinn 1 – Importere demoinnhold

Som nevnt tidligere må alt demoinnhold importeres samtidig. Naviger til "Fjern kode> Installer demo" og installer demoinnholdet.

Hvordan lage WordPress -porteføljeside med avkodingstema?

Importere demoinnhold i Uncode Theme

Hvis du ikke er interessert i å installere hele demoinnholdet, velger du hvilke oppsett du vil importere fra alternativet "Enkeltoppsett". Du kan velge alle porteføljelayoutene eller det du liker fra demosiden.

Hvordan lage WordPress -porteføljeside med avkodingstema?

Importere enkeltoppsett i Uncode Theme

Trinn 2 – Porteføljeinnholdsblokker

Uncode -tema fungerer annerledes enn andre porteføljetemaer. I utgangspunktet er hver side delt inn i innholdsblokker for topptekst, innhold og bunntekst. Disse innholdsblokkene blir deretter tilordnet sidelayouter for å lage vakre sider. Du kan bruke forhåndsdefinerte innholdsblokker importert fra demoinnholdet eller lage dine egne.

Hvordan lage WordPress -porteføljeside med avkodingstema?

Fjern koden for temainnholdsblokk

I skjermbildet ovenfor er det en innholdsblokk for "Innhold | Arkiv | Portfolio Masonry ". Denne blokken kan brukes på porteføljearkivsidens innholdsseksjon for å lage murarkivarkivoppsett.

Trinn 3 – Tilpasse porteføljens globale innstillinger

Når demoinnholdet er installert, navigerer du til "Uncode> Theme Options". Du vil se to faner for porteføljerelaterte innstillinger – "Portfolio" og "Portfolios" under layoutoppsett. Porteføljeinnstillingene vil bli brukt på individuelle elementer, og porteføljeinnstillingene vil bli brukt på arkiver. Du kan endre navnet "Portefølje" til et hvilket som helst annet navn som "Kunst", "Arbeid", etc. Dette vil bli lagt til i nettadressen som "yoursite.com/art/title/" (strukturen til URL -en endres basert på dine permalinks -innstillinger). Nedenfor er skjermbildet som viser ordet "Kunst" brukes i stedet for "Portfolio".

Hvordan lage WordPress -porteføljeside med avkodingstema?

Porteføljeinnstillinger i Uncode Theme

Husk at porteføljeelementets layout bare følger porteføljeinnstillingene. Anta at du har deaktivert kommentarer i porteføljeinnstillinger. Kommentarene blir slått av uavhengig av om du aktiverer standardkommentarer under WordPress -diskusjon eller aktiverer under porteføljeelementredigerer.

Innstillingene for portefølje og arkivoppsett er kategorisert og gruppert under menyen, topptekst, innhold, bunntekst, navigasjon, detaljer og egendefinerte felt. Tilpass hver seksjon etter behov og tilordn innholdsblokker der det er nødvendig. For eksempel kan du vise relaterte porteføljeelementer ved å tilordne “Relaterte innlegg | Porteføljeliste (aka Fake Related) “under fanen” Innhold “.

Hvordan lage WordPress -porteføljeside med avkodingstema?

Tilordne relaterte innlegg for porteføljeelementer

Porteføljedetaljene kan legges til under "Detaljer" -fanen, og oppsettet kan velges for å vise detaljene på toppen, bunnen, venstre eller høyre side av porteføljeelementet.

Hvordan lage WordPress -porteføljeside med avkodingstema?

Porteføljedetaljer og oppsettinnstillinger

Trinn 4 – Lage porteføljeelementer

Når alle dine globale innstillinger er lagret, navigerer du til "Portefølje> Porteføljekategorier" og oppretter kategoriene for porteføljeelementene dine. Senere tildeler du kategorien i redaktøren som ligner på vanlige innlegg.

Du kan lage forskjellige typer oppsett som sentrert galleri, sidebarstabel, etc. På porteføljeditoren har du følgende viktige alternativer:

Tittel – porteføljetittel som ligner på innleggstittel

Innholdsområde – for å legge til innhold

Utdrag – teksten som er angitt her vil vises mot delen med porteføljedetaljer. Hvis det ikke skrives inn noen tekst, vises de første linjene fra innholdet.

Medier – du kan bruke isotoper, karuseller og stabelalternativer for å vise medieelementer på porteføljesiden.

Sidealternativer – her kan du overstyre alle globale innstillinger under "Temaalternativer".

Spill med forskjellige alternativer tilgjengelige under "Medier" og "Sidealternativer" metabokser for å lage forskjellige porteføljeoppsett for nettstedet ditt. Nedenfor viser bildet detaljene for oppsettet til en porteføljeside med enkeltstabelbilde og detaljene på sidefeltet for å forklare hver komponent.

Hvordan lage WordPress -porteføljeside med avkodingstema?

Sidebarstabeloppsett

  1. Tittel på porteføljeposten.
  2. Bildet legges til ved hjelp av "Medias" meta -boks med "Stack" -alternativ.
  3. Innhold skrevet inn i utdragsområdet. Hvis det ikke legges inn noe innhold, vil noen få linjer fra innholdsområdet bli vist her.
  4. Innholdsdetaljer – angis under "Detaljer" -delen i "Sidealternativer".
  5. Sosial deling som oppsett i globale temaalternativer.
  6. Innhold fra innholdsområdet.
  7. Relaterte innlegg fra globale innstillinger som du kan endre under "Innhold> Innholdsblokk – Etter innhold" under "Sidealternativer" metaboks.

Trinn 5 – Tilpasse elementet for Visual Composer Posts

Innholdsblokker relatert til porteføljearkivsider bruker elementet "Innlegg" i Visual Composer for å bygge isotopen eller karusellporteføljelayoutene. Så det er viktig å forstå alle alternativene i elementet "Innlegg" for å bygge porteføljearkivene dine.

Stort sett med alternativer er tilgjengelige i "Innlegg" -elementet for å tilpasse elementer, overlegg, innhold, paginering, filtrering, etc. En viktig innstilling er å velge "portefølje" -alternativet ved å klikke "Bygg forespørsel" -knappen under "Generelt" -fanen. Her kan du filtrere porteføljeelementene som skal vises basert på forfatter- og porteføljekategorier.

Trinn 6 – Fullfør arbeidet

Etter at du har opprettet alle porteføljeelementene og arkivsidene, kan du opprette standardinnlegg og sider på lignende måte. Når nettstedet er ferdig, går du til “Uncode> Install Demo” og klikker på “Delete Demo Media” -knappen for å rydde opp de importerte plassholderbildene. Slett alle demoposter, sider og porteføljeelementer, og aktiver søkemotorgjennomgang under "Innstillinger> Lesing" -delen.

Opptakskilde: www.webnots.com
Leave A Reply

Dette nettstedet bruker informasjonskapsler for å forbedre din opplevelse. Vi antar at du er ok med dette, men du kan velge bort det hvis du ønsker det. jeg aksepterer Mer informasjon