Che cosa è un PSD?

Temi PSD e WordPress sono due termini che non hanno bisogno di introduzione nella progettazione web. PSD è un documento di Photoshop creato da Adobe Photoshop.

Quali sono i temi WordPress?

Supponendo che tu sia nuovo ai temi WordPress, permettimi di spiegarlo in una forma più semplice per te. Considera temi WordPress simili ai tuoi temi per smartphone.

Fase 1: Affettare il PSD

Si affetta il PSD e dividerlo in file di immagine separati in modo che ogni componente di progettazione sia effettivamente salvato come file di progettazione separato. Si può fare uso di qualsiasi software di fotoritocco o più preferibilmente Adobe Photoshop per affettare i file PSD.

Un modo semplice per affettare il tuo PSD è cercare prima questi componenti.

• Sfondo
• Intestazione e separatore
• Piè di pagina e altri

Passaggio 2: Crea indice.html e Stile.css

Ora il passo successivo è quello di raggiungere il mondo della programmazione dal mondo della progettazione. Ma sarà abbastanza semplice. Dal design PSD che hai creato, crea un modello HTML e CSS statico.

Puoi seguire un web design reattivo per assicurarti che il tuo sito sia bello su tutti gli schermi.

Lascia che ti mostri un esempio di interruzione del codice basato sul tag div e sullo stile CSS.

Passo 3: Scomponi il tuo indice.html in WordPress theme file structure

Ora hai il modello di base pronto e devi portarlo nell’ambiente WordPress. Ma prima di farlo potresti richiedere un po ‘ di conoscenza su come sono organizzate le cose in WordPress.

WordPress ha una struttura di file specifica che devi seguire. Fondamentalmente stai per caricare la tua pagina Web su temi WordPress e il software WordPress dovrebbe funzionare senza problemi in modo che i plugin e le funzionalità aggiuntive possano essere aggiunti senza problemi o problemi di incompatibilità.

Alcuni suggerimenti che possono aiutarti sono elencati di seguito.

File di base del tema WordPress

• indice.php
• intestazione.php
• barra laterale.php
• piè di pagina.php

• stile.css
  

  Il foglio di stile principale: Questo file deve essere allegato al tema e conterrà le informazioni di intestazione del tema.

• rtl.css
  

  Il foglio di stile principale: questo file deve essere allegato al Tema e conterrà le informazioni sull’intestazione del tema.

• indice.php
  

  Il file principale del modello: è il file padre del modello.

• commenti.php

  Questo file definisce il modello di commenti.

• prima pagina.php
  

  Il modello di prima pagina: viene utilizzato solo per una prima pagina statica.

• inizio.php
  

  La home page è la prima pagina di default.

• singolo.php

  Questo file viene utilizzato quando viene interrogato un singolo post. Per questo e tutti gli altri modelli di query, indice.php viene utilizzato se il modello di query non è presente.

• pagina.php

  Questo viene utilizzato per i singoli modelli di pagina.

• categoria.php

  Questa pagina è necessaria per mostrare le categorie.

• etichetta.php

  Questa pagina è necessaria quando è necessario il tag.

• data.php

  Per visualizzare la data/ e l’ora abbiamo bisogno di questa pagina modello.

• archivio.php

  Utilizzato quando viene interrogata una categoria, un autore o una data. Si noti che questo modello verrà sovrascritto per categoria.php, autore.php e data.php per i rispettivi tipi di query.

• ricerca.php

  Per eseguire una ricerca abbiamo bisogno di questo file all’interno del modello.

• allegato.php

  Per visualizzare un singolo allegato abbiamo bisogno di questo file.

• immagine.php
  

  Modello di allegato immagine viene utilizzato quando si visualizza un singolo allegato immagine.

• 404.php
  

  Il modello 404 Not Found è quello di visualizzare il messaggio di errore quando il post non viene trovato.

Passo 4: Aggiungi tag WordPress

Tutto quello che devi fare ora è importare le fantastiche funzionalità integrate fornite da WordPress nei tuoi file del tema con l’aiuto dei tag WordPress e aggiungere questi tag, puoi dire di aver creato un tema WordPress. Segui il link indicato per conoscere i tag template WordPress disponibili.