Wat is een PSD?

PSD-en WordPress-thema ‘ s zijn twee termen die geen introductie nodig hebben in webdesign. PSD is een Photoshop-Document gemaakt door Adobe Photoshop.

Wat WordPress Thema ‘ S Zijn?

ervan uitgaande dat je nieuw bent in WordPress thema ‘ s, sta me toe om het uit te leggen in een eenvoudigste vorm aan u. Overweeg WordPress thema ’s vergelijkbaar met uw smartphone thema’ s.

Stap 1: Als u uw PSD

sliceert, snijdt u uw PSD en verdeelt deze in afzonderlijke afbeeldingsbestanden, zodat elke ontwerpcomponent effectief wordt opgeslagen als een afzonderlijk ontwerpbestand. U kunt gebruik maken van een foto-editing software of meer bij voorkeur Adobe Photoshop om uw PSD-bestanden te snijden maken.

een eenvoudige manier om je PSD te snijden is om eerst naar deze componenten te zoeken.

• Achtergrond
• Header en scheidingsteken
• Voettekst en andere

Stap 2: index aanmaken.html en stijl.css

nu is de volgende stap het bereiken van de programmeerwereld vanuit de ontwerpwereld. Maar het zal vrij eenvoudig zijn. Maak vanuit het PSD-ontwerp dat u hebt gemaakt een statische HTML-en CSS-sjabloon.

u kunt een responsief webdesign volgen om ervoor te zorgen dat uw site er mooi uitziet op alle schermen.

laat me je een sample break up van code tonen gebaseerd op de DIV tag en CSS styling.

Stap 3: Splits uw index.html in WordPress theme file structure

nu heb je de basis template klaar en je nodig hebt om het te porteren naar de WordPress omgeving. Maar voordat je dat doet kan je een beetje kennis over hoe de dingen zijn georganiseerd in WordPress vereisen.

WordPress heeft een specifieke bestandsstructuur die u moet volgen. Je bent in principe gaat om uw webpagina te uploaden naar WordPress thema ‘ s en WordPress software moet werken met het naadloos, zodat de plugins en extra functionaliteiten kunnen worden toegevoegd zonder gedoe of incompatibiliteit problemen.

enkele pointers die u kunnen helpen staan hieronder vermeld.

basisbestanden van WordPress thema

• index.php
• header.php
• zijbalk.php
• footer.php

• stijl.css

  het hoofdstylesheet: Dit bestand moet worden bevestigd aan het thema, en het zal de header informatie van het thema bevatten.

• rtl.css

  het hoofdstylesheet: dit bestand moet bij het thema worden gevoegd, en het zal de header-informatie van het thema bevatten.

• index.php

  het hoofdbestand van de template: Het is het bovenliggende bestand van de template.

• opmerkingen.php

  dit bestand definieert het commentaarsjabloon.

• voorpagina.php

  the front page template: Het wordt alleen gebruikt voor een statische voorpagina.

• home.php

  de startpagina is standaard de voorpagina.

• single.php

  dit bestand wordt gebruikt wanneer een enkele post wordt opgevraagd. Voor deze en alle andere query templates, index.php wordt gebruikt als de query template niet aanwezig is.

• page.php

  deze wordt gebruikt voor individuele paginasjablonen.

• categorie.php

  deze pagina is verplicht om de categorieën te tonen.

• tag.php

  deze pagina is vereist wanneer de tag nodig is.

• datum.php

  om de datum/ tijd weer te geven hebben we deze template pagina nodig.

• archief.php

  wordt gebruikt wanneer een categorie, Auteur of datum wordt opgevraagd. Merk op dat deze sjabloon zal worden overschreven door categorie.php, auteur.php en datum.php voor hun respectieve query types.

• zoeken.php

  om een zoekopdracht uit te voeren hebben we dit bestand in de template nodig.

• bijlage.php

  om een enkele bijlage te bekijken hebben we dit bestand nodig.

• afbeelding.php

  afbeeldingsbijlage sjabloon wordt gebruikt bij het bekijken van een enkele afbeeldingsbijlage.

• 404.php

  de 404 Not Found template dient om de foutmelding weer te geven wanneer de post niet gevonden wordt.

Stap 4: Voeg WordPress tags

alles wat je nu hoeft te doen is importeren van de geweldige ingebouwde functionaliteiten die door WordPress in uw thema bestanden met de hulp van WordPress tags en voeg deze tags, kunt u zeggen dat u een WordPress thema hebt gemaakt. Volg de gegeven link naar de beschikbare WordPress template tags weten.