Hoe maak ik een thema?

Bekijk de video

Hoe maak ik een thema?

De basisprincipes bestuderen van programmeren en websites maken,Beginnende site-ontwerpers denken erover na hoe je een thema goed kunt maken. In het artikel zullen we de principes van de lay-out onder het CMS bekijken, namelijk - hoe een thema te maken in Wordpress, tk. het is een populair CMS.

Een thema maken in Wordpress

Als u een thema voor dit CMS wilt maken, moet u de instructies volgen:

1. Eerst moet je een Photoshop-layout maken. Gebruik hiervoor GlossyBlue.
2. U hebt dus een PSD-ontwerp en maakt HTML- en CSS-sjablonen voor elke pagina. HTML kan worden gebruikt om de ontwikkeling te vereenvoudigen - het is alleen nodig om Wordpress-code toe te voegen.
3. Wordpress-pagina's worden gevormd door gebruik te maken van templated php-bestanden (index.php, header.php, sidebar.php, footer.php).
4. Nu moet je de HTML-sectie kopiëren van GlossyBlue naar de map wp-content. Kopieer in het glossyblauwe gedeelte searchform.php en comments.php.
5. Ga naar index.html. Knip de code van de top naar de tekst "! - / header / -" en plak deze in het nieuwe php-bestand, sla het op als header.php. Ga naar de standaard sectie, open de header.php. Verander de tags waar de php-code voor nodig is.
6. Knip de index.html-bestandscode weg van "form id = searchform" naar "div id = sidebar", plak deze in een nieuw bestand en bewaar het als sidebar.php
7. Open opnieuw index.html. Knip de code uit "div id = footer" naar "/ html" en plak deze in de nieuwe footer.php.
8. In index.html zal er 1 regel "div id = content" zijn. Voeg de code get_header, get_sidebar, get_footer toe.
9. Ga naar de standaard sectie, waar ga naar index.php. Het is noodzakelijk om de cyclus van de standaard index.php naar uw bestand te kopiëren tussen "div id = content" en "/ div".

Ga naar het admin-paneel, open het "ontwerp", maak het actieve glossy-blauwe thema, ga terug naar het hoofdsjabloongebied. Hiermee is het maken van het onderwerp voltooid.

Een thema maken in joomla

1. Maak een map (de naam moet overeenkomentoekomstig sjabloon). Daarin maak je 3 bestanden index.php, templateDetails.xml en een stylesheet. Elke map moet een lege index.html bevatten.
2. Het is noodzakelijk om een ​​html-map te maken waarin lay-outs en andere delen van de site moeten worden geplaatst.
3. Index.php - het hoofdthema-bestand. Daarin geven de tweede en derde regel het type document voor internetbrowsers aan. De vijfde regel verbindt de functie joomla, die de gegevens in de kop van de site vult. Het is strikt noodzakelijk! 6-8 regels zijn vereist voor de stijl van de site. De twaalfde regel is nodig om de tekst van de pagina weer te geven.
4. Als u nieuwe items aan een onderwerp wilt toevoegen, gebruikt ublock body. Je kunt caps, columns en footer toevoegen. Wanneer u de sjabloon installeert, zijn deze gegevens beschikbaar in de selectie van moduleposities in het Joomla-beheervenster.

Zie Een thema voor Windows maken als u meer wilt weten over het maken van thema's voor Windows.