TechBlogSD - Allt för WordPress- och WEB -utveckling
WEB- och WordPress - instruktioner, nyheter, recensioner av teman och plugins

Hur skapar jag en WordPress -portföljsajt med avkodningstema?

7

Någon gång tillbaka letade vi efter att bygga en WordPress -portföljsajt. Gratis teman som finns tillgängliga i WordPress -arkivet används inte på något sätt för en kvalitetsportföljsajt och plugins uppfyllde inte heller våra förväntningar. Efter att ha letat ett tag hittade vi några anständiga teman i skogen som Uncode, Highend, Marble, etc. Av allt vi kontrollerade stod Uncode ur mängden med sina oslagbara portföljfunktioner. Vi köpte Uncode -tema och byggde en WordPress -portföljsajt. Eftersom det tog några veckor för oss att förstå temat, här är en enkel handledning om hur du skapar en WordPress -portföljsajt med Uncode -tema.

Innan du börjar med Uncode Theme

Du måste förstå några punkter innan du börjar arbeta med Uncode -tema, du kan se hela granskningen av temat här.

  • Uncode är en anpassad variant av Visual Composer -plugin som ingår i temat gratis. Så du måste bekanta dig med Visual Composer sidbyggare för WordPress.
  • Demoinnehåll måste importeras som en bulk. Det betyder att du inte bara kan importera portföljdemosidor som visas på försäljningssidan. Du bör installera allt demoinnehåll och sedan börja anpassa portföljrelaterade saker.
  • Avkodningstema fungerar med innehållsblock. Det här är de centrala layouterna som ska tilldelas sidhuvud, sidfot och innehållsområde. Uppdragen kan göras globalt med hjälp av temalternativ och kan anpassas i redigeraren för enskilda portföljobjekt.

Se till att avskräcka sökmotorer från att indexera dina sidor tills din webbplats är redo för allmänhet.

Steg 1 – Importera demoinnehåll

Som nämnts tidigare måste allt demoinnehåll importeras samtidigt. Navigera till "Avkodning> Installera demo" och installera demoinnehållet.

Hur skapar jag en WordPress -portföljsajt med avkodningstema?

Importera demoinnehåll i avkodningstema

Om du inte är intresserad av att installera hela demoinnehållet, välj sedan vilka layouter du vill importera från alternativet "Single Layouts". Du kan välja alla portföljlayouter eller den du gillar från demosidan.

Hur skapar jag en WordPress -portföljsajt med avkodningstema?

Importera enskilda sidlayouter i avkodningstema

Steg 2 – Portföljinnehållsblock

Uncode -tema fungerar annorlunda jämfört med andra portföljteman. I princip är varje sida indelad i innehållsblock för sidhuvud, innehåll och sidfot. Dessa innehållsblock tilldelas sedan sidlayouter för att skapa vackra sidor. Du kan använda fördefinierade innehållsblock som importeras från demoinnehållet eller skapa dina egna.

Hur skapar jag en WordPress -portföljsajt med avkodningstema?

Avkoda temainnehållsblock

I skärmdumpen ovan finns ett innehållsblock för “Content | Arkiv | Portfölj murverk ". Detta block kan användas på portföljarkivsidans innehållssektion för att skapa murarkivarkivlayout.

Steg 3 – Anpassa portföljens globala inställningar

När demoinnehållet är installerat navigerar du till "Avkodning> Temalternativ". Du kommer att se två flikar för portföljrelaterade inställningar – "Portfölj" och "Portföljer" under layoutavsnittet. Portföljinställningarna kommer att tillämpas på enskilda objekt och portföljinställningarna kommer att tillämpas på arkiv. Du kan ändra namnet "Portfolio" till alla andra namn som "Art", "Work", etc. Detta läggs till i URL: en som "yoursite.com/art/title/" (URL -strukturen ändras baserat på dina permalänksinställningar ). Nedan visas skärmdumpen som visar ordet "Art" används istället för "Portfolio".

Hur skapar jag en WordPress -portföljsajt med avkodningstema?

Portföljinställningar i Uncode Theme

Kom ihåg att portföljobjekts layout bara följer portföljinställningarna. Anta att du har inaktiverat kommentarer i portföljinställningar. Kommentarer kommer att stängas av oavsett om du aktiverar standardkommentarer under WordPress -diskussion eller aktiverar under portföljobjektredigerare.

Portfölj- och arkivlayoutinställningarna kategoriseras och grupperas under meny-, sidhuvud, innehåll, sidfot, navigering, detaljer och anpassade fältavsnitt. Anpassa varje avsnitt enligt dina behov och tilldela innehållsblock där det behövs. Du kan till exempel visa relaterade portföljartiklar genom att tilldela “Relaterade inlägg | Portfolio List (aka Fake Related) “under fliken” Innehåll “.

Hur skapar jag en WordPress -portföljsajt med avkodningstema?

Tilldela relaterade inlägg för portföljartiklar

Portföljdetaljerna kan läggas till under fliken "Detaljer" och layouten kan väljas för att visa detaljerna på toppen, botten, vänster eller höger sida av portföljobjektet.

Hur skapar jag en WordPress -portföljsajt med avkodningstema?

Portföljinformation och layoutinställningar

Steg 4 – Skapa portföljobjekt

När alla dina globala inställningar har sparats navigerar du till "Portfölj> Portföljkategorier" och skapar kategorierna för dina portföljobjekt. Senare tilldelar du kategorin i redigeraren som liknar vanliga inlägg.

Du kan skapa olika typer av layouter som centrerat galleri, sidofältstak, etc. På portföljredigeraren har du följande viktiga alternativ:

Titel – portföljtitel som liknar inläggstitel

Innehållsområde – för att lägga till innehåll

Utdrag – texten som anges här visas mot portföljdetaljer. Om ingen text matas in kommer de första raderna att visas från innehållet.

Medias – du kan använda isotop-, karusell- och stackalternativ för att visa medieobjekt på portföljsidan.

Sidalternativ – här kan du åsidosätta all global inställning under "Temalternativ".

Lek med olika alternativ tillgängliga under "Medias" och "Sidalternativ" metaboxar för att skapa olika portföljlayouter för din webbplats. Bilden nedan förklarar layoutdetaljerna för en portföljsida med enstaka bild och detaljerna på sidofältet för att förklara varje komponent.

Hur skapar jag en WordPress -portföljsajt med avkodningstema?

Sidofältets stapellayout

  1. Titel på portföljobjektet.
  2. Bilden läggs till med hjälp av "Medias" metabox med alternativet "Stack".
  3. Innehåll som anges i utdragsområdet. Om inget innehåll skrivs in visas några rader från innehållsområdet här.
  4. Innehållsinformation – anges under avsnittet "Detaljer" i "Sidalternativ".
  5. Social delning som inställning i globala temalternativ.
  6. Innehåll från innehållsområdet.
  7. Relaterade inlägg från globala inställningar som du kan ändra under "Innehåll> Innehållsblock – Efter innehåll" under "Sidalternativ" metabox.

Steg 5 – Anpassa Visual Composer Posts Element

Innehållsblock relaterade till portföljarkivsidor använder elementet "Inlägg" i Visual Composer för att bygga isotopen eller karusellportföljlayouter. Så det är viktigt att förstå varje alternativ i elementet "Inlägg" för att bygga dina portföljarkiv.

Enorm uppsättning alternativ finns i elementet "Inlägg" för anpassning av objekt, överlägg, innehåll, sidning, filtrering etc. En viktig inställning är att välja alternativet "portfölj" genom att klicka på knappen "Bygg fråga" under fliken "Allmänt". Här kan du filtrera portföljartiklarna som ska visas baserat på författar- och portföljkategorier.

Steg 6 – Avsluta arbetet

När du har skapat alla dina portföljartiklar och arkivsidor kan du skapa vanliga inlägg och sidor på liknande sätt. När webbplatsen är slutförd, gå till "Avkodning> Installera demo" och klicka på knappen "Ta bort demomedia" för att rensa de importerade platshållarbilderna. Radera alla demoposter, sidor och portföljartiklar och aktivera sökmotors genomsökning under avsnittet "Inställningar> Läsning".

Inspelningskälla: www.webnots.com
Leave A Reply

Denna webbplats använder cookies för att förbättra din upplevelse. Vi antar att du är ok med detta, men du kan välja bort det om du vill. Jag accepterar Fler detaljer