Hva er EN PSD?

PSD og WordPress temaer er to begreper som ikke trenger introduksjon i webdesign. PSD ER Et Photoshop-Dokument laget Av Adobe Photoshop.

Hva WordPress Temaer Er?

Forutsatt At Du er ny På WordPress-temaer, la meg forklare det i en enkleste form for deg. Vurder WordPress-temaer som ligner på smarttelefontemaene dine.

Trinn 1: Slicing DIN PSD

du skjære PSD og dele den inn i separate bildefiler slik at hver design komponent er effektivt lagret som en egen designfil. Du kan gjøre bruk av fotoredigeringsprogramvare eller Helst Adobe Photoshop for å skjære PSD-filene dine.

en enkel måte å skjære PSD er å se etter disse komponentene først.

• Bakgrunn
• Topptekst Og Separator
• Bunntekst og andre

Trinn 2: Opprett indeks.html og Stil.css

nå er neste skritt å nå til programmeringsverdenen fra designverdenen. Men det kommer til å være ganske enkelt. Fra PSD design som du har laget, lage en statisk HTML og CSS mal.

du kan følge et responsivt webdesign for å sikre at nettstedet ditt ser vakkert ut på alle skjermer.

La meg vise deg et eksempel bryte opp kode basert på div tag og CSS styling.

Trinn 3: Bryt ned indeksen din.html I WordPress tema filstruktur

nå har du den grunnleggende malen klar, og du må portere den til WordPress-miljøet. Men før du gjør det, kan du kreve litt kunnskap om hvordan ting er organisert I WordPress.

WordPress har en bestemt filstruktur som du må følge. Du skal i utgangspunktet laste opp nettsiden Din Til WordPress-temaer, Og WordPress-programvaren skal fungere sømløst, slik at pluginene og tilleggsfunksjonene kan legges til uten problemer eller inkompatibilitetsproblemer.

noen tips som kan hjelpe deg, er oppført nedenfor.

Grunnleggende filer Av WordPress Tema

• indeks.php
• topptekst.php
• sidebar.php
• bunntekst.php

• stil.css
  

  de viktigste stilark: Denne filen må være knyttet Til Temaet, og det vil inneholde header informasjon om temaet.

• rtl.css
  

  hovedstilarket: denne filen må være vedlagt Temaet, og den vil inneholde topptekstinformasjonen til temaet.

• indeks.php
  

  hovedmalfilen: det er den overordnede filen til malen.

• kommentarer.php
  

  denne filen definerer kommentarmalen.

• forsiden.php
  

  forsidemalen: den brukes bare til en statisk forside.

• hjem.php
  

  hjemmesiden er forsiden som standard.

• enkelt.php
  

  denne filen brukes når et enkelt innlegg spørres. For dette og alle andre søkemaler, indeks.php brukes hvis søkemalen ikke er til stede.

• side.php

  denne brukes til individuelle sidemaler.

• kategori.php

  denne siden er nødvendig for å vise kategoriene.

• stikkord.php

  denne siden kreves når taggen er nødvendig.

• dato.php
  

  for å vise dato/ og klokkeslett trenger vi denne malsiden.

• arkiv.php
  

  Brukes når en kategori, forfatter eller dato spørres. Merk at denne malen vil bli overstyrt etter kategori.php, forfatter.php og dato.php for deres respektive spørringstyper.

• søk.php
  

  for å utføre et søk trenger vi denne filen inne i malen.

• vedlegg.php

  for å vise et enkelt vedlegg krever vi denne filen.

• bilde.php
  

  Bildevedleggsmal brukes når du viser et enkelt bildevedlegg.

• 404.php
  

  404 Ikke funnet mal er å vise feilmeldingen når innlegget ikke er funnet.

Trinn 4: Legg Til WordPress-koder

alt du trenger å gjøre nå er å importere de fantastiske innebygde funksjonalitetene Fra WordPress til temafilene dine ved Hjelp Av WordPress-koder og legg til disse kodene, du kan si at Du har opprettet Et WordPress-tema. Følg den oppgitte lenken for å kjenne de tilgjengelige WordPress-malkodene.