Een paginasjabloon maken voor WordPress

Vaak bij gebruik WordPress, moet u een aangepaste sjabloon voor de pagina maken. Het is je misschien opgevallen dat veel WordPress-sites verschillende lay-outs hebben verschillende pagina's. Met een aangepaste pagina kunt u verschillende looks creëren gewone pagina's op WordPress. Als u nieuw bent bij WP en dit nog nooit eerder hebt gedaan, wees dan niet bang: het maken van een aangepast paginasjabloon voor uw site is eenvoudiger dan u denkt.

De meeste WP-thema's bevatten paginabestand (pagina.php) die de standaardpaginasjabloon bevat die op elke pagina wordt gebruikt als deze niet is opgegeven specifiek type. Als u een pagina nodig heeft met een andere lay-out of indeling dan de standaardpaginasjabloon, moet u uw eigen sjabloontype maken. Bij het ontwikkelen van sjablonen voor WP heb je nodig basiskennis HTML, CSS en PHP. U kunt echter wel gebruiken kant-en-klare thema's WordPress - www.inbenefit.com, als u niet over de nodige vaardigheden beschikt.

Een paginasjabloon maken

Om te creëren aangepaste sjabloon, heb je een teksteditor nodig. Voor Windows kunt u een gewoon notitieblok gebruiken. Anders heb je er een paar nodig eenvoudig systeem bewerkingssoftware zoals FileZilla of Dreamweaver. Volg in ieder geval deze stappen:

Als u in een browser naar de pagina gaat, ziet u een lege ruimte. Dit komt omdat er geen code in het bestand zit dat WordPress vertelt hoe de inhoud moet worden weergegeven. Nu komen uw HTML-, PHP- en CSS-vaardigheden in het spel.

Het sjabloon voorbereiden

In feite kunt u elk HMTL-formulier toevoegen, PHP-script of sjabloontag naar het custompage01.php-bestand dat u wilt gebruiken. Het kan nuttig zijn om wat te lezen over wat u op codeerniveau kunt doen voordat u dit patroon gebruikt. U kunt ook websitescripts voor verschillende doeleinden opnemen.

Een eenvoudige manier om aan de slag te gaan met sjablonen is door de basisinformatie uit het page.php-bestand te kopiëren naar het thema dat u gebruikt. Dit geeft je een startpunt en kan handig zijn als je voor het eerst leert programmeren. Volg deze stappen:

IN in dit geval Er zijn niet veel programmeervaardigheden nodig om de basisfunctionaliteit voor uw doeleinden te configureren. Bepaal echter of u een aangepaste lay-out voor uw pagina wilt maken. De pagina geeft bijvoorbeeld geen inhoud weer die u in WordPress invoert zonder een klasse daarvoor in te voeren gebieden.

Werkt dit voor WordPress-berichten?

Helaas werkt dit alleen voor statische pagina's in het besturingssysteem. Na het bewerken kunt u de attributen niet meer op deze manier op het scherm wijzigen.

Heeft dit invloed op iets anders op de WordPress-site?

De aangepaste pagina is geïsoleerd van de rest van uw inhoud. Zelfs als u de sjabloon verkeerd codeert, heeft dit geen invloed op de website. Als u een probleem heeft gebruikerspagina, verander gewoon de sjabloon naar de standaard en alles wordt terug naar hoe het was.

Is er een alternatief om lay-outs te maken zonder codering?

U kunt uw eigen lay-out maken zonder de stappen voor het maken van een unieke sjabloon te doorlopen. Je kunt een plug-in gebruiken zoals Paginabouwer van SiteOrigin, waarmee u een unieke lay-out kunt aanpassen wanneer u widgets binnen de inhoud zelf gebruikt. Voor degenen die geen programmeervaardigheden hebben, is dit wellicht een beter alternatief.

Als u liever Page Builder gebruikt, kunt u deze eenvoudig deactiveren zijpanelen en voetteksten, waarbij de sitetitel behouden blijft door een andere pagina-indeling te kiezen.

Aangepaste pagina's kunnen verschillende doeleinden hebben: van het adverteren van een product of dienst tot het creëren ervan landingspagina, ideaal voor diverse campagnes.

WordPress-paginasjablonen zijn ontworpen om uw pagina's een persoonlijk uiterlijk te geven. Meestal hebben alle pagina's één sjabloon, of een variant van de sjabloon met of zonder zijbalk. Mee eens, dit is niet genoeg voor een vleugje fantasie. In deze tutorial bekijken we de beste manier om uw eigen paginasjablonen te maken.

Wat zijn paginasjablonen

Een WordPress-thema kan verschillende sjablonen hebben voor het weergeven van pagina's, berichten, archieven, enzovoort. Van de sjablonen overwegen we nu sjablonen voor Pages. Wanneer u een pagina in WordPress maakt, kunt u er een speciaal sjabloon voor kiezen:

Verschillende thema's kunnen bieden verschillende sjablonen pagina's, bijvoorbeeld een sjabloon voor een pagina die de gehele breedte van het scherm beslaat (zonder zijkolom), met een linkerzijkolom in plaats van rechts, enz. Het ontbreken van deze optie bij het bewerken van pagina's betekent dat het thema geen extra sjablonen heeft gedeclareerd.

Paginasjablonen kunnen voor meer dan één pagina worden gebruikt, en sommige thema's creëren zeer specifieke sjablonen die bedoeld zijn om slechts één keer te worden gebruikt.

Hoe u uw eigen paginasjabloon kunt maken

Wanneer u een child-thema gebruikt, kunt u paginasjablonen ook in de hoofdmap of submap plaatsen. Als er een update voor het bovenliggende thema wordt uitgebracht, heeft dit geen gevolgen voor uw bestanden.

Wanneer u geen paginasjablonen gebruikt

Als u met uw sjabloon alleen de stijl verandert en niet de structuur specifieke pagina, dan kunt u dit doen zonder extra sjablonen te gebruiken.

WordPress heeft een helperfunctie body_class() die in de meeste bestaande thema’s wordt gebruikt. Met behulp van de klassen die door deze functie worden uitgevoerd, kunt u de stijl van elke pagina wijzigen met behulp van CSS-code:

/* Verberg de zijbalk op pagina 123 */ body.page-id-123 #secundary ( display: none; )

Paginasjablonen mogen ook niet worden gebruikt om parameters van de belangrijkste WordPress-lus te wijzigen, bijvoorbeeld om toe te voegen willekeurig type vermeldingen of categorie-uitsluitingen. Voor dergelijke doeleinden is er een speciaal filter pre_get_posts in WP_Query() .

Als u vragen heeft over het werken met paginasjablonen in WordPress, beantwoord ik deze graag in de opmerkingen.

In dit artikel zal ik het hebben over manieren om sjablonen te maken voor permanente pagina's WordPress. Elke methode heeft zijn voor- en nadelen. Maar voordat we beginnen, een beetje over wat pagina's zijn en hoe ze verschillen van berichten.

In WordPress kun je pagina’s (pagina’s) en berichten (posts) aanmaken. Ze verschillen doordat de berichten: verschijnen in de feed op de hoofdpagina; Voor inzendingen zijn categorieën aangegeven; berichten mogen niet in een boomstructuur lijken, en pagina's: worden gebruikt voor inhoud zoals “Over mij”, “Contacten”, “Sitemap”; hebben geen categorieën, maar hebben een boomstructuur. Inzendingen zijn meestal bedoeld voor chronologische informatie (gebaseerd op het tijdstip waarop ze zijn toegevoegd), en pagina's zijn bedoeld voor een boomstructuur die onafhankelijk is van de tijd. Dit artikel wordt bijvoorbeeld gepubliceerd als een “invoer” in de sectie “Code”, en links in het kopmenu leiden naar de pagina’s: Functies.

Pagina's lijken op records: ze bevinden zich in dezelfde databasetabel en hun gegevens zijn vrijwel hetzelfde: titel, tekst, extra velden, enz. Het zijn allebei records, maar verschillende soorten: Pagina's zien eruit als een boom en zijn georganiseerd door het maken van bovenliggende en onderliggende pagina's, en vermeldingen worden gecombineerd door categorieën en tags. In WordPress kun je extra berichttypen maken, boom of niet.

Pagina's maken in WordPress

Vaak moet je creëren apart sjabloon pagina's zodat de weergegeven informatie verschilt van andere pagina's. Door een paginasjabloon in WordPress te maken, kunt u de pagina volledig wijzigen: verwijder de zijbalk, voettekst en koptekst, u kunt de pagina onherkenbaar wijzigen. Op deze site wordt bijvoorbeeld de pagina waarop de WordPress-bestandscodes worden weergegeven op deze manier gewijzigd.

Methode 1: paginasjabloon met behulp van een bestand met een aangepaste naam en deze verbinden in het beheerderspaneel (klassieke methode)

Dit is de meest gebruikelijke manier om een ​​paginasjabloon in WordPress te maken. Om dit te doen, moet u een .php-bestand maken, bijvoorbeeld tpl_my-page.php in de themamap en helemaal aan het begin van het bestand een notitie schrijven dat het gemaakte bestand een sjabloon voor pagina's is:

Wanneer we nu een pagina maken in het beheerdersdashboard, kunnen we in het blok “Pagina-eigenschappen” een “sjabloon” selecteren:

Vanaf WordPress 4.7. Dergelijke paginasjablonen kunnen voor elk type bericht worden gemaakt, niet alleen voor de pagina. Om dit te doen, vult u de opmerkingen aan met de regel: Template Post Type: post, page, waarbij post, page de namen zijn van de berichttypen waartoe de template behoort.

/* Sjabloonnaam: Mijn paginasjabloon Sjabloonberichttype: bericht, pagina, product */

Voordelen:

Nadat we één sjabloon hebben gemaakt, kunnen we deze gemakkelijk op verschillende pagina's toepassen. U kunt bijvoorbeeld een sjabloon zonder zijbalk maken en deze op verschillende pagina's gebruiken.

• Alleen records met het opgegeven sjabloon kunnen worden opgehaald. U kunt bijvoorbeeld alle pagina's weergeven met de sjabloon "Services" (bestand services.php). Soms is het handig. De naam van het sjabloonbestand wordt opgeslagen in het metaveld _wp_page_template. Om pagina's met de opgegeven sjabloon weer te geven, moet u dus een query maken met behulp van het metaveld (zie WP_Query).

Gebreken:

Nadat u het sjabloonbestand in de themamap hebt gemaakt, gaat u naar het beheerdersdashboard en installeert u de sjabloon voor de pagina. Dit is niet altijd handig tijdens de ontwikkeling. Als u de sjabloon voor slechts één pagina wilt gebruiken, gebruikt u daarom de tweede methode.

Hoe werkt dit:

Wanneer u naar het beheerderspaneel gaat om een ​​boompostpagina te bewerken, scant WordPress alle sjabloonbestanden voor de regel:

Sjabloonnaam: ***

De regel kan overal en op elke manier in het bestand worden geplaatst.

Alle bestanden met vergelijkbare tekenreeksen worden verzameld en weergegeven in de sjabloonselectie in het blok "Paginakenmerken".

Bij het publiceren van een pagina wordt het aangepaste veld _wp_page_template gevuld met de naam van het sjabloonbestand of standaard als er geen sjabloon is opgegeven:

Wp_page_template = standaard
_wp_page_template = tpl_mijn-pagina.php

Wanneer de gebruiker vervolgens de pagina bezoekt, controleert WordPress het metaveld _wp_page_template. Als de sjabloon is geïnstalleerd, wordt het sjabloonbestand gebruikt. Anders gaat het zoeken naar de paginasjabloon verder in de hiërarchie.

Methode 2: paginasjabloon via een bestand met een specifieke naam (hiërarchie van sjabloonbestanden)

Wanneer een pagina wordt gemaakt, wordt een label (slug, alternatieve naam). Het wordt gebruikt in de pagina-URL. En het kan worden gewijzigd:

Om op deze manier een sjabloon te maken, moet u de pagina-slug achterhalen en een bestand in de themamap maken. Laten we zeggen dat onze naaktslak, zoals op de afbeelding, gelijk is aan contacten , dan maken we een page-contacts.php-bestand in het thema. en vul het in de benodigde code(u kunt de inhoud van het page.php-sjabloonbestand kopiëren en naar wens bewerken). Dat is alles, als we nu de pagina bezoeken die we zouden moeten zien nieuw sjabloon. Op dezelfde manier kunt u de ID (laat het 12 zijn) van de pagina nemen en een bestand page-12.php maken.

Voordelen:

Het is niet nodig om naar het beheerderspaneel te gaan en het sjabloonbestand te installeren. De sjabloon begint onmiddellijk te werken nadat het bestand is gemaakt. Handig voor ontwikkeling.

Gebreken:

De sjabloon is gemaakt voor slechts één, specifieke pagina. Afhankelijk van de slug van de pagina; als deze verandert, zal de sjabloon niet werken. Als je ID gebruikt, dan verdwijnt de afhankelijkheid van de slug, maar wordt in het themabestand onduidelijk bij welke pagina het template hoort (als er meerdere templates met ID zijn).

Bijna nutteloos bij het schrijven van sjablonen, en nog meer plug-ins. Het kan worden gebruikt wanneer u uw website bewerkt, waarbij de slug- of pagina-ID vooraf bekend is.

Hoe werkt dit:

WordPeress selecteert welk bestand in de volgende volgorde moet worden gebruikt (de bestanden moeten in de hoofdmap van het thema staan):

• (any_name).php (bij gebruik van een paginasjabloon)
• pagina-(post_label).php
• pagina-(post_ID).php
• pagina.php
• enkelvoud.php
• index.php

Methode 3: paginasjabloon via het filter "template_include" (codering)

Dit is een geavanceerde methode, het is complexer, maar samen met de complexiteit opent het zich volop mogelijkheden. Met deze methode kunt u een sjabloon instellen voor elke pagina, bericht, categorie, elke publicatie op de site of zelfs een groep publicaties. Zie voorbeelden met beschrijvingen:

// het filter geeft de variabele $template door - het pad naar het sjabloonbestand. // Door dit pad te wijzigen, veranderen we het sjabloonbestand. add_filter("template_include", "mijn_sjabloon"); function my_template($template) (# vergelijkbaar met de tweede methode // als dit een pagina is met de portfolio-slug, gebruik dan het sjabloonbestand page-portfolio.php // gebruik de voorwaardelijke tag is_page() if(is_page("portfolio" ))( if ($new_template = localiseer_template(array("page-portfolio.php"))) return $new_template ; ) # sjabloon voor categoriegroep // dit voorbeeld gebruikt het bestand uit de themamap tpl_special-cats.php, // als een sjabloon voor categorieën met ID 9 , titel "Uncategorized" en slug "php" if(is_category(array(9, "Uncategorized", "php")))( return get_stylesheet_directory() . "/tpl_special-cats. php"; ) # sjabloon voor invoer via ID // het sjabloonbestand bevindt zich in de plug-inmap /my-plugin/site-template.php global $post; if($post->ID == 12)( return wp_normalize_path( WP_PLUGIN_DIR) . "/my-plugin/site-template.php";) # sjabloon voor pagina's van een aangepast type "boek" // er wordt aangenomen dat het sjabloonbestand book-tpl.php in de themamap global $post staat. ; if($post->post_type == "boek")( return get_stylesheet_directory() . "/boek-tpl.php";

) retourneer $sjabloon; )

Voordelen:

Deze code moet in het function.php-bestand van het thema of in een plug-in worden geplaatst, of op een andere manier worden aangesloten. Zoals je in het voorbeeld kunt zien, werken voorwaardelijke tags tijdens het template_include-filter al, en worden globale variabelen ingesteld: $wp_query , $post , enz.

• U kunt voor elke pagina of groep pagina's een sjabloon instellen. Bijna volledige carte blanche in acties.

Gebreken:

Bij het schrijven van een plug-in kunt u een sjabloon maken.

De noodzaak om code te schrijven en deze afzonderlijk aan te sluiten (bijvoorbeeld in de functies.php van het thema). Op het menu WordPress-beheerderspanelen er zijn punten Berichten En Pagina's , waarmee u inhoud aan de site kunt toevoegen. Inzendingen zijn bedoeld voor het toevoegen van berichten (notities, artikelen) aan een blog. Er moeten pagina's worden gemaakt voor informatie die niet onder de categorieën valt: 'Home', 'Over ons', 'Contacten'. Om een ​​item aan te maken, klikt u op.

Berichten -> Nieuwe toevoegen Er wordt een pagina geopend met teksteditor , waarin de inhoud wordt gemaakt. Standaard wordt de editor uitgevoerd visuele modus , dat wil zeggen dat u onmiddellijk kunt zien hoe de inhoud er in de browser uit zal zien en er op vrijwel dezelfde manier mee kunt werken als bijvoorbeeld in Microsoft Word . Indien mogelijk visuele redacteur

Het minimum dat nodig is om een ​​bericht te publiceren, is het invoeren van een titel, het toevoegen van inhoud en het klikken op de knop Publiceren. WordPress staat berichten zonder titel en zonder tekst toe, maar dergelijke berichten hebben geen zin.

Na publicatie verschijnt het bericht op de hoofdpagina van de site.

Voordat u het publiceert, is het raadzaam om te zien hoe het bericht er op de site uit zal zien - de knop is hiervoor verantwoordelijk Weergave. Als de notitie nog niet klaar is, maar je wilt het werk uitstellen en er later naar terugkeren, klik dan op de knop Redden. CMS slaat een conceptbericht voor u op zonder het op de site te publiceren.

Je kunt een formaat voor een bericht instellen (het is wenselijk dat het overeenkomt met de inhoud van de notitie, bijvoorbeeld in het formaatitem Video Het is beter om een ​​video te plaatsen in plaats van afbeeldingen), een miniatuur (een afbeelding die wordt weergegeven in de berichtaankondiging op de hoofdpagina) en tags. Ook kunt u de categorie selecteren waartoe de publicatie behoort. Uiteraard is het overeenkomstige tabblad verantwoordelijk voor het beheer van partities ( Berichten -> Categorieën), Maar nieuwe categorie kan rechtstreeks vanaf de berichtbewerkingspagina worden toegevoegd. Om dit te doen, moet u op de link klikken Toevoegen nieuwe sectie , selecteer de bovenliggende categorie en klik op Voeg een nieuwe categorie toe.

Het instellen van bovenliggende secties is relevant wanneer u subcategorieën van artikelen maakt. Je hebt bijvoorbeeld een uitgebreide rubriek ‘Geneeskunde’, je hebt een artikel geschreven over de Chinese geneeskunde en je begrijpt dat er nog veel meer artikelen in deze subgroep zullen staan. Vervolgens maakt u de categorie “Chinese geneeskunde” aan en specificeert u “Geneeskunde” als de bovenliggende categorie, waardoor u de subsectie “Chinese geneeskunde” van de sectie “Geneeskunde” krijgt.

Gemaakte berichten (zowel gepubliceerd als concepten) zijn te zien op de pagina Berichten -> Alle berichten. Ze kunnen worden bekeken, gewijzigd en verwijderd. Bovendien kun je niet alleen de tekst of titel van het bericht wijzigen, maar ook parameters zoals het label en de publicatiedatum. Bovendien kan elk item worden beveiligd met een wachtwoord of privé worden gemaakt, zodat niemand anders dan u het kan zien.

De bewerkingspagina verschilt bijna niet van de pagina voor het maken van berichten.

Van tabblad Berichten -> Categorieën je kunt categorieën berichten beheren, inclusief het geven van labels en beschrijvingen, wat je op de pagina voor het bewerken van berichten niet kunt doen.

Het werken met pagina's verschilt niet veel van het werken met berichten: de editor is precies hetzelfde, de eigenschappen en acties zijn hetzelfde, maar er zijn verschillende verschillen die op het eerste gezicht niet opvallen.

In het blok Paginakenmerken kan worden gespecificeerd serienummer en kies een paginasjabloon waarvan het uiterlijk afhangt. Standaard wordt het ontwerp gebruikt Basissjabloon, de lijst met andere hangt af van het actieve thema.

In principe is er niets ingewikkelds aan het beheren van berichten, categorieën en pagina's; bijna alles is intuïtief en vereist geen uitleg.

Het maken van een pagina op WordPress is een van de belangrijkste stappen bij het ontwikkelen van een website. Dit is geen probleem voor professionals, maar er kunnen zich problemen voordoen voor beginners, degenen die onlangs dit geweldige contentmanagementsysteem hebben ontdekt.

Een pagina is een van de belangrijkste onderdelen van een WordPress-website. Wij vertellen je hoe je een pagina maakt en hoe deze in dat artikel gebruikt kan worden.

Hoe maak je een pagina op WordPress

Om een ​​pagina op WordPress te maken, moet u op het menu-item “Pagina’s” in de beheerdersconsole klikken en “Nieuwe toevoegen” selecteren. U wordt doorgestuurd naar , wat hetzelfde is als de editor voor het toevoegen van items. Het heeft al deze functies, en je kunt ook schakelen tussen twee soorten editors: tekst en visueel.

U moet een naam voor de pagina bedenken en de inhoud ervan invullen. Als u bovendien de plug-in Alles in één SEO-pakket hebt geïnstalleerd, kan de pagina SEO-geoptimaliseerd worden. Om dit te doen, moet u de titel, beschrijving en trefwoorden in de juiste regels.

Net als berichten kunnen pagina's worden gepubliceerd of als concept worden opgeslagen. U kunt de publicatiedatum eerder instellen als u pagina's met terugwerkende kracht wilt publiceren, of later als u toekomstige publicaties wilt plannen. Lees erover.

Net als bij berichten kun je een miniatuurafbeelding aan een pagina toevoegen. Maar in tegenstelling tot berichten kunnen pagina's niet aan een categorie of tags worden toegewezen.

Als u een hiërarchie van pagina's wilt maken, kunt u de opties voor bovenliggende en onderliggende pagina's gebruiken.
Ook als uw template op de site dit ondersteunt verschillende opties wordt weergegeven, kunnen deze in WordPress worden geselecteerd bij het maken van een pagina.

Wat kun je met een WordPress-pagina?

De pagina's kunnen gevuld zijn met tekst, afbeeldingen of andere inhoud. Dan wordt het een statische pagina en verandert deze niet willekeurig. De pagina kan ook wat HTML-code uitvoeren, zoals het geval is bij het toevoegen van een formulier feedback of plattegronden. Dit kunnen dynamische of statische pagina's zijn, afhankelijk van de functies van de code.

Op WordPress startpagina wordt altijd automatisch aangemaakt en het is niet nodig om het extra aan te maken als u de nieuwste vermeldingen erop wilt weergeven. Als u een statische of specifieke pagina op de hoofdpagina wilt weergeven, moet u deze eerst maken.

Pagina's kunnen worden toegevoegd aan het sitemenu, in het beheerderspaneelitem " Verschijning" - "Menu". En dit menu kan op de website worden geplaatst.