Vad är en PSD?

PSD-och WordPress-Teman är två termer som inte behöver introduceras i webbdesign. PSD är ett Photoshop-dokument skapat av Adobe Photoshop.

Vilka WordPress-Teman Är?

förutsatt att du är ny på WordPress-Teman, låt mig förklara det i en enklaste form för dig. Tänk på WordPress-teman som liknar dina smartphone-teman.

Steg 1: Skivning av din PSD

du skär din PSD och delar upp den i separata bildfiler så att varje designkomponent effektivt sparas som en separat designfil. Du kan använda någon fotoredigeringsprogram eller mer föredraget Adobe Photoshop för att skära dina PSD-filer.

ett enkelt sätt att skära din PSD är att leta efter dessa komponenter först.

• Bakgrund
• rubrik och Separator
• sidfot och andra

steg 2: skapa index.html och stil.css

nu är nästa steg att nå till programmeringsvärlden från designvärlden. Men det kommer att bli ganska enkelt. Skapa en statisk HTML-och CSS-mall från PSD-designen som du har skapat.

du kan följa en responsiv webbdesign för att se till att din webbplats ser vacker ut på alla skärmar.

Låt mig visa dig en provuppdelning av kod baserad på div-taggen och CSS-styling.

steg 3: Bryt ner ditt index.html i WordPress tema filstruktur

nu har du den grundläggande mallen redo och du måste Porta den till WordPress-miljön. Men innan du gör det kan du behöva lite kunskap om hur saker och ting är organiserade i WordPress.

WordPress har en specifik filstruktur som du måste följa. Du kommer i princip att ladda upp din webbsida till WordPress-Teman och WordPress-programvaran ska fungera sömlöst så att plugins och ytterligare funktioner kan läggas till utan problem med krångel eller inkompatibilitet.

några tips som kan hjälpa dig listas nedan.

grundläggande filer av WordPress tema

• index.php
• rubrik.php
• sidofält.php
• sidfot.php

• stil.css

  huvudformatmallen: Den här filen måste bifogas temat, och den kommer att innehålla rubrikinformationen för temat.

• rtl.css

  huvudformatmallen: den här filen måste bifogas temat och den kommer att innehålla rubrikinformationen för temat.

• index.php

  huvudmallfilen: det är mallens överordnade fil.

• kommentarer.php

  den här filen definierar kommentarmallen.

• första sidan.php

  förstasidesmallen: den används endast för en statisk förstasida.

• hem.php

  hemsidan är den första sidan som standard.

• enda.php

  den här filen används när ett enda inlägg frågas. För detta och alla andra frågemallar, index.php används om frågemallen inte finns.

• sida.php

  den här används för enskilda sidmallar.

• kategori.php

  denna sida krävs för att visa kategorierna.

• märka.php

  den här sidan krävs när taggen behövs.

• datum.php

  för att visa datum/ tid behöver vi den här mallsidan.

• arkiv.php

  används när en Kategori, Författare eller datum frågas. Observera att den här mallen kommer att åsidosättas efter kategori.php, författare.php och datum.php för deras respektive frågetyper.

• sök.php

  för att utföra en sökning behöver vi den här filen i mallen.

• bilaga.php

  för att visa en enda bilaga behöver vi den här filen.

• bild.php

  Bildbilagemall används när du tittar på en enda bildbilaga.

• 404.php

  mallen 404 Hittades inte är att visa felmeddelandet när inlägget inte hittades.

steg 4: Lägg till WordPress-taggar

allt du behöver göra nu är att importera de fantastiska inbyggda funktionerna som tillhandahålls av WordPress till dina temafiler med hjälp av WordPress-taggar och Lägg till dessa taggar, du kan säga att du har skapat ett WordPress-tema. Följ den givna länken för att känna till tillgängliga WordPress-malltaggar.