Wilt u een uniek aangepast sjabloon maken op WordPress?
Met aangepaste sjablonen kunt u eenvoudig verschillende sjablonen voor uw publicaties selecteren.
In deze zelfstudie laten we u zien hoe u eenvoudig unieke aangepaste sjablonen op WordPress kunt maken.
Maar eerder, als je WordPress nog nooit hebt geïnstalleerd, ontdek je Hoe maak je een WordPress blog 7 stappen te installeren et Hoe te vinden, installeren en activeren van een WordPress theme op uw blog
Laten we dan terugkomen op waarvoor we hier zijn ...
Opmerking: voor deze tutorial moet je de WordPress-themabestanden bewerken. Als je dat nog niet hebt gedaan, Bekijk onze tutorial over het maken van een WordPress-plug-in.
Wanneer heb je een uniek aangepast berichtsjabloon nodig?
Soms wilt u een andere look voor sommige publicaties op uw website. U wilt bijvoorbeeld een ander sjabloon gebruiken voor artikelen of artikelen in een bepaalde categorie.
Ontdek ook Hoe maak je aangepaste sjablonen WordPress
Hier moet je een unieke aangepaste WordPress-postsjabloon maken.
Hoe maak je een aangepaste publicatiesjabloon?
Maak een nieuw artikel en vervolgens op de metabox "Paginakenmerken" in de zijbalk van je bewerkingsgebied. Selecteer vervolgens uw model uit de lijst met modellen daar. En dat is alles !
Laten we vervolgens kijken hoe we eenvoudig unieke aangepaste sjablonen op WordPress kunnen maken.
Unieke aangepaste sjablonen maken in WordPress
Eerst moet je een teksteditor op je computer openen, zoals Kladblok, en de volgende code erin plakken:
/*
* Sjabloonnaam: Aanbevolen artikel
* Sjabloon berichttype: bericht, pagina, product
*/
get_header (); ?>
Deze code definieert een nieuw model met de naam ' Aanbevolen artikel En maakt het beschikbaar voor artikel-, pagina- en aangepaste publicatie-indelingen.
U kunt dit bestand opslaan als " BPC-single-post.php Op je bureau.
Dan jij moet het uploaden naar uw huidige WordPress-themamap met behulp van een FTP-client.
Vervolgens kunt u inloggen op uw WordPress-dashboard en een bericht maken of bewerken. Scroll een beetje naar beneden op het berichtbewerkingsscherm en je zult de nieuwe metabox "Page Attributes" zien met een optie om de sjabloon te selecteren.
U zult uw aangepaste sjabloon zien verschijnenAanbevolen artikel.
Op dit moment is uw sjabloon grotendeels leeg, als u deze selecteert, ziet u een lege pagina.
Laten we dat corrigeren.
De eenvoudigste manier om dit te doen, is door de code uit het single.php-bestand van je WordPress-thema te kopiëren en dat als uitgangspunt te gebruiken.
Ontdek ook Hoe de Post Type Template van WordPress te begrijpen
Open het bestand single.php puis kopiëren alles na de functie get_header () .
Plak deze code aan het einde van uw bestand BPC-single-post.php ". Nu kunt u dit bestand opslaan en terugsturen naar uw server.
Dit lijkt echter precies op dat van uw huidige enkele publicatiemodel. U kunt nu beginnen met het aanbrengen van wijzigingen in uw unieke aangepaste sjabloon.
U kunt uw eigen toevoegen aangepaste CSS-klassen, verwijder de zijbalken, maak een model op volledige breedte of wat u maar wilt.
Maak unieke aangepaste sjablonen op basis van categorie
Wilt u een aangepaste sjabloon met unieke items gebruiken op basis van categorieën?
Artikelen in de categorie "reizen" kunnen bijvoorbeeld een andere lay-out hebben dan die in de categorie "fotografie".
Zo kunt u het doen.
U moet deze code eerst toevoegen aan het functies.php bestand van uw thema of op een WordPress Plugin specifiek voor uw website.
/*
* Stel een constante in voor toegang tot ons bestand
*/
definiëren (SINGLE_PATH, TEMPLATEPATH. '/ single');
/ **
* Filter de single_template met onze aangepaste functie
*/
add_filter ('single_template', 'my_single_template');
/ **
* Functie voor onze sjabloon
*/
function my_single_template ($ single) {
globale $ wp_query, $ post;
/ **
* Controleert op één sjabloon per categorie
* Controleer op categorie naaktslak en ID
*/
foreach ((array) get_the_category () als $ cat):
if (file_exists (SINGLE_PATH. '/ single-cat-'. $ cat-> slug. '.php'))
retourneer SINGLE_PATH. '/ enkele-kat-'. $ cat-> slak. '.php';
elseif (file_exists (SINGLE_PATH. '/ single-cat-'. $ cat-> term_id. '.php'))
retourneer SINGLE_PATH. '/ enkele-kat-'. $ cat-> term_id. '.php';
eindvooruit;
}
Deze code controleert eerst of WordPress een enkel bericht opvraagt. Als dit het geval is, vertelt het WordPress om naar de sjabloon te zoeken in de map "/ single /" van uw WordPress-thema.
Nu moet u sjabloonbestanden toevoegen die door deze code zijn gedefinieerd.
Log in op uw WordPress-website met een FTP-client of Bestandsbeheer in het cPanel en ga naar " / Wp-content / themes / your-theme / .
Ontdek ook Hoe FTP te gebruiken op Windows 10
Binnen uw huidige themamap moet u een nieuwe map maken met de naam "uniek".
Nu moet je deze map openen en een nieuw bestand erin maken. Ga je gang en noem dit bestand " single-cat- {category-slug} ". vervangen {Categorie-slug} door de categorie naaktslak.
Als u bijvoorbeeld een categorie heeft met de naam 'Nieuws', maak je een bestand " single-categorie-news.php ". Als u een categorie heeft met de naam 'Reistips»Maak een sjabloon single-cat-tips-of-voyage.phpen zo verder.
Nu zijn deze sjabloonbestanden helemaal leeg. Als uitgangspunt kunt u de inhoud van uw bestand kopiëren single.php uit uw themamap en plak ze in elk van deze sjablonen.
U kunt deze sjablonen nu bewerken om de gewenste wijzigingen aan te brengen.
Als u klaar bent, hebt u toegang tot uw website en kunt u een publicatie bekijken. Het gebruikt de sjabloon die u hebt gemaakt voor de categorie waaraan deze publicatie is toegevoegd.
Lees ook onze tutorial Hoe om bestanden en mappen WordPress beheren
Stel nu dat u een bericht heeft gepost in twee categorieën nieuws en reisadvies. WordPress geeft automatisch de sjabloon weer voor 'Nieuws'omdat het eerst in alfabetische volgorde verschijnt.
Aan de andere kant, als je een bericht in een categorie hebt neergezet en je hebt geen sjabloon voor die categorie gemaakt, keert WordPress terug naar de sjabloon. single.php standaard van uw WordPress-thema.
Ontdek ook enkele premium WordPress-plug-ins
U kunt andere gebruiken WordPress plugins om een moderne uitstraling te geven en de afhandeling van uw blog of website te optimaliseren.
We bieden je hier enkele premium WordPress-plug-ins die je daarbij kunnen helpen.
1. Social Wall Addon voor UserPro
UserPro kan veel leuker zijn met een sociale muur. Dit is wat "Social Wall Addon for UserPro" brengt. Met de plug-in Social Wall kunt u een muur aan uw blog of website toevoegen en uw leden een verfrissende manier bieden om met de hele community te communiceren.
Le WordPress Plugin Met Social Wall kunnen uw gebruikers: berichten met elkaar delen, afbeeldingen delen, reageren op de berichten van anderen, gebruikers kunnen een bericht leuk vinden of niet leuk vinden, ze kunnen ervoor kiezen om de muur alleen weer te geven voor ingelogde gebruikers of voor alle gebruikers, beheerders kunnen verwijder berichten of gebruikersreacties enz.
Downloaden | demonstratie | web hosting
2. WooCommerce geavanceerde categorieën
Dankzij deze krachtige WordPress Plugin, zet uw online winkel op hetzelfde niveau als de grootste winkels ter wereld. Hiermee kunt u uw SEO verbeteren door teksten toe te voegen die gerelateerd zijn aan een categorie. Je kunt ook een mooie headerafbeelding aan je categorieën toevoegen en je subcategorieën meer stijl geven.
U hebt volledige controle over uw WooCommerce-categorieën en hun lay-out met deze WordPress-plug-in. U kunt met name de gewenste subcategorieën weergeven en deze ook in kolommen aanpassen of rangschikken. U kunt de stijl en het lettertype definiëren en ze zelfs een korte beschrijving geven.
Downloaden | demonstratie | web hosting
3. WavePlayer
Zoals je uit de naam zou kunnen raden, is WavePlayer een plug-in voor een audiospeler die de golfvorm van het afgespeelde audiobestand overneemt. Met deze plug-in kunt u tracks hosten of eenvoudigweg integreren met andere services.cloud hosting, zoals SoundCloud.
Het kan ook worden gebruikt voor podcasting-doeleinden en biedt andere functies zoals: HTML5-ondersteuning, responsieve lay-out, WooCommerce-integratie, enzovoort. U kunt ook visueel een afspeellijst maken voordat u deze publiceert. Een ander essentieel kenmerk is de snelheid en efficiëntie.
Downloaden | demonstratie | web hosting
Andere aanbevolen bronnen
We nodigen u ook uit om de onderstaande bronnen te raadplegen om verder te gaan in de greep en controle van uw website en blog.
Conclusie
Alstublieft ! Dat is alles voor deze tutorial, ik hoop dat je hiermee aangepaste postsjablonen op WordPress kunt maken. voel je vrij om deel de tip met je vrienden op je sociale netwerken.
U kunt echter ook onze ressources, als u meer elementen nodig hebt om uw projecten voor het maken van internetsites uit te voeren, raadpleeg onze gids op de WordPress blog creatie.
Maar vertel ons ondertussen over uw commentaires en suggesties in de speciale sectie.
...
