Sjablonen Voor WordPress Maken

Inhoudsopgave:

Sjablonen Voor WordPress Maken
Sjablonen Voor WordPress Maken

Video: Sjablonen Voor WordPress Maken

Video: Sjablonen Voor WordPress Maken
Video: How to Create a Custom WordPress Theme - Full Course 2024, April
Anonim

Gebruikers van het Wordpress-systeem hebben de mogelijkheid om kant-en-klare paginastijlen te gebruiken of hun eigen paginastijlen te creëren. U kunt dezelfde sjabloon toepassen op uw hele site, of u kunt meerdere thema's gebruiken voor verschillende soorten pagina's.

Sjablonen voor WordPress maken
Sjablonen voor WordPress maken

Vorming van de sjabloonstructuur

Wordpress templates hebben een duidelijke structuur en zijn een verzameling van meerdere configuratiebestanden. Allereerst is er het bestand index.php, dat verschillende delen van de sjabloon tot één geheel verbindt, en style.css. De eerste bevat bestanden als header.php, footer.php, single.php, enz. Er kunnen er meer zijn als u een speciaal type pagina wilt maken.

Stel de basisstijldefinities voor de nieuwe sjabloon in het bestand style.css in. Bijvoorbeeld de grootte van de pagina, kop- en voetteksten en kopteksten, het uiterlijk van de tekst, etc. Hier kunt u ook algemene informatie plaatsen met de naam van het onderwerp, auteur, versienummer.

Het logo en de standaard navigatie worden ingesteld in het header.php bestand. Daarin kunt u ook de code plaatsen die verantwoordelijk is voor de vorming van het aangepaste menu. Het ontwerp van de navigatie wordt, net als elk ander element, ingesteld in het reeds beschreven css-bestand.

U moet de instellingen van de hoofdpagina naar het bestand index.php schrijven. Ze bestaan uit de aanduiding van componenten en verschillende soorten functies. Ga naar eigen goeddunken te werk - voeg zijmenu's, berichtminiaturen, kop- en voetteksten toe of verwijder ze.

Extra elementen toevoegen en de sjabloon instellen

Nadat u de vereiste structuur voor uw Wordpress-sjabloon hebt gemaakt, kunt u extra componenten aan uw webpagina's toevoegen. Maak bijvoorbeeld een functions.php-bestand en een sidebar.php-bestand. In de eerste plaats de code voor het registreren van het zijmenu, en in de tweede - de stijlelementen (lay-out, tekst).

Als u een commentaarsysteem aan uw sjabloon wilt toevoegen, neemt u het standaard Wordpress-commentaarbestand wp-comments.php op in index.php. Om een archief toe te voegen aan de site waar oude items worden geplaatst, maakt u een archive.php-bestand.

Om een nieuw ontwerp voor uw blog te installeren, slaat u alle voorbereide bestanden op uw site op in de map wp-content / thema's (u kunt dit doen met behulp van een ftp-verbinding). Open daarna het Wordpress Configuratiescherm in uw browser, klik op Vormgeving en thema's. De nieuwe sjabloon zou al in de lijst moeten verschijnen. Activeer het en installeer de widgets die je nodig hebt. U kunt uw eigen ontwerpinstellingen in hetzelfde menu-item ("Thema's") laden. Hiervoor klikt u op "Thema's installeren" en downloadt u het archief met uw sjabloonbestanden.

Naast de beschreven methode om je eigen ontwerp te maken, kun je speciale programma's gebruiken om het voor een beginner gemakkelijker te maken. Artisteer laat je bijvoorbeeld werken in een vertrouwde lintinterface en geeft de meeste instellingen van het nieuwe thema weer.

Aanbevolen: