Hoe maak ik een sjabloon voor alle WordPress berichten met Elementor PRO?

 

Cómo crear una plantilla para todos los post de WordPress con Elementor PRO

Stappen om een postsjabloon te maken met Elementor

Ik besloot dit te schrijven nadat ik moeite had om te doen wat in de titel wordt aangekondigd, vooral omdat ik Elementor lang niet had gebruikt en omdat Bouwers, hoe intuïtief ze ook pretenderen te zijn, niet zijn zoals fietsen. Bovendien heb ik nog niet zo lang geleden een upgrade naar PRO uitgevoerd.

Dus, omdat ik een tijdje moest zoeken en prutsen tot ik vond wat ik zocht, laat ik hier het proces achter voor het geval het nuttig is voor iemand die zich in dezelfde situatie bevindt.

De missie is om een verbeterde sjabloon te maken van uw huidige sjabloon met Elementor en deze vervolgens toe te passen op alle berichten.

Dit kan ook bereikt worden met de gratis versie van Elementor, hoewel ik me herinner dat zowel de manier om het te maken als het toe te passen anders is en veel minder geautomatiseerd.

Om te beginnen, als u van plan bent om wijzigingen direct op de sjabloon aan te brengen, spreekt het voor zich dat u altijd op een child theme moet werken om de wijzigingen niet te verliezen bij de updates van de sjabloon.

Als u er geen hebt, moet u er een maken en uitzoeken waarom u er een zou moeten hebben. Het "child theme" kan handmatig of met een plugin worden gedaan. Hier is veel informatie over te vinden.

In mijn geval heb ik de sjabloon gemaakt met GeneratePress PRO, die overigens prachtig combineert met Elementor PRO, hoewel het proces hetzelfde is voor elke andere sjabloon.

Dit zijn de stappen.

Optie 1

De eerste stap is de gebruikelijke stap voor een sjabloon. Open uw favoriete editor, zoals bootstrap en typ:

<?php
/*
* Template Name: Mi-plantilla
* Template Post Type: post
*/
get_header(); ?>
>
		<main id="main" <?php generate_do_element_classes( 'main' ); ?>>
			<?php
			/**
			 * generate_before_main_content hook.
			 *
			 * @since 0.1
			 */
			do_action( 'generate_before_main_content' );
			if ( generate_has_default_loop() ) {
				while ( have_posts() ) :
					the_post();
					generate_do_template_part( 'single' );
				endwhile;
			}
			/**
			 * generate_after_main_content hook.
			 *
			 * @since 0.1
			 */
			do_action( 'generate_after_main_content' );
			?>
		</main>
	<?php
	/**
	 * generate_after_primary_content_area hook.
	 *
	 * @since 2.0
	 */
	do_action( 'generate_after_primary_content_area' );
	generate_construct_sidebars();
	get_footer();

Kopieer nu alles na get_header(); ?> naar de single.php pagina van uw huidige sjabloon.

Plak dan alles wat u zojuist gekopieerd hebt net onder get_header(); ?> in uw nieuwe bestand en sla het op in de map van uw kindthema met de extensie .php en een naam naar keuze. Kies er één waarmee u kunt onthouden dat het uw nieuwe sjabloon is, zoals my-template.php

Het ziet er dan zo uit.

Vanaf hier zijn er twee mogelijke manieren, de ene is om een nieuw bericht te maken en "My-template" toe te passen in Input Attributes om te beginnen met het instellen van het ding

Hoe maak ik een sjabloon voor alle WordPress berichten met Elementor PRO? 1

Sla het werk dan gewoon op als sjabloon, in welk geval u de stappen tot aan"Naar lay-out" kunt overslaan, of neem de tweede, misschien minder verwarrende weg, die hieronder wordt beschreven.

Optie 2

Selecteer in het menu "Sjablonen" Nieuw toevoegen.

Hoe maak ik een sjabloon voor alle WordPress berichten met Elementor PRO? 2

Op het volgende scherm kiezen we Single Post. We geven het de naam die we willen en klikken op CREATE TEMPLATE.

Hoe maak ik een sjabloon voor alle WordPress berichten met Elementor PRO? 3

Het volgende scherm toont ons de bibliotheek met beschikbare sjablonen.

Hoe maak ik een sjabloon voor alle WordPress berichten met Elementor PRO? 4

We sluiten dit bibliotheekvenster zonder iets te selecteren (tenzij u met een van deze ontwerpen wilt beginnen) en we zien het volgende (met het uiterlijk van uw sjabloon).

Normaal gesproken ziet u al de header met de koptekst, de menu's en de voettekst.

Om op te maken

Hoe maak ik een sjabloon voor alle WordPress berichten met Elementor PRO? 5

Klik op de rode cirkel met het symbool en het volgende vak verschijnt om de structuur van uw postpagina te kiezen.

Hoe maak ik een sjabloon voor alle WordPress berichten met Elementor PRO? 6

Hier is de keuze eenvoudig. Als de postpagina's van uw blog een zijbalk rechts, links, beide of geen van beide hebben, kies dan de optie die overeenkomt.

In ieder geval, als u van plan bent om de lay-out van de elementen van uw huidige postpagina's exact te reproduceren, moet deze structuur overeenkomen. Ongedaan maken wat u hebt gedaan om later ruimtes toe te voegen, zou noodzakelijkerwijs inhouden dat u cellen en widgets moet verwijderen en vanaf nul moet beginnen bij het kiezen van de structuur.

In mijn geval, omdat ik in mijn sjabloon een zijbalk aan de rechterkant gebruik, kies ik deze:

Onthoud dat als u op een dag besluit om de zijbalk van rechts naar links te veranderen of te verwijderen, u een nieuwe postsjabloon moet maken met die nieuwe structuur, omdat Elementor nu de baas is over deze optie.

Widget Tetris

Nu is het tijd om alles op zijn plaats te zetten, we voegen de zijbalk toe en beginnen te werken aan de widgetindeling van de dingen die zullen worden weergegeven.

Hoe maak ik een sjabloon voor alle WordPress berichten met Elementor PRO? 7

Algemene opties

Hoe maak ik een sjabloon voor alle WordPress berichten met Elementor PRO? 8

Onder de duizend dingen die geconfigureerd kunnen worden, is het ook mogelijk om elk item als voorbeeld te selecteren. Op deze manier is het mogelijk om te zien hoe de wijzigingen op een specifieke inhoud in realtime worden vernieuwd.

Hoe maak ik een sjabloon voor alle WordPress berichten met Elementor PRO? 9

Publiceren

Zodra we klaar zijn, gecontroleerd hebben dat we in de algemene instellingen alles hebben wat we nodig hebben, dat de site eruitziet zoals we willen dat hij eruitziet en we de nodige previews hebben gemaakt, kunnen we hem opslaan of publiceren. Als we ervoor kiezen om het te publiceren, kunt u het op alle vermeldingen toepassen. Of u kunt ervoor kiezen om het op één enkel oud bericht te testen als u niet het risico wilt lopen dat uw bezoekers onverwachte fouten tegenkomen.

Hoe maak ik een sjabloon voor alle WordPress berichten met Elementor PRO? 10
Hoe maak ik een sjabloon voor alle WordPress berichten met Elementor PRO? 11

Hetzelfde proces werkt voor het maken van sjablonen voor berichten en verschillende soorten paginasjablonen. Wees niet bang om een fout te maken, om alle wijzigingen terug te draaien naar uw standaardsjabloon gaat u gewoon terug naar deze configuratie en verwijdert u de voorwaarde.

Hoe maak ik een sjabloon voor alle WordPress berichten met Elementor PRO? 12


Suscríbete por email para recibir las viñetas y los artículos completos y sin publicidad

Verwante artikelen

GB QUERY LOOP BLOCK VERSION 1

GB QUERY BLOCK VERSION 2