<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Gutenberg &#8211; Anita Schwarz</title>
	<atom:link href="https://anitaschwarz.com/anleitungen/gutenberg/feed/" rel="self" type="application/rss+xml" />
	<link>https://anitaschwarz.com</link>
	<description>Website-Begleiterin für Solo-Selbstständige</description>
	<lastBuildDate>Sat, 28 Feb 2026 12:25:08 +0000</lastBuildDate>
	<language>de</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1</generator>

<image>
	<url>https://anitaschwarz.com/wp-content/uploads/2022/10/cropped-Wave-Kreis-Youtube-32x32.png</url>
	<title>Gutenberg &#8211; Anita Schwarz</title>
	<link>https://anitaschwarz.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Gutenberg-Anleitung: Eigene Vorlagen für deine Beiträge erstellen (ohne Code)</title>
		<link>https://anitaschwarz.com/gutenberg-vorlagen-erstellen/</link>
					<comments>https://anitaschwarz.com/gutenberg-vorlagen-erstellen/#comments</comments>
		
		<dc:creator><![CDATA[Anita]]></dc:creator>
		<pubDate>Mon, 24 Jun 2024 04:00:00 +0000</pubDate>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Anleitungen]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Gutenberg]]></category>
		<category><![CDATA[Website erstellen]]></category>
		<category><![CDATA[Website optimieren]]></category>
		<guid isPermaLink="false">https://anitaschwarz.com/?p=12058</guid>

					<description><![CDATA[<div><img width="1200" height="600" src="https://anitaschwarz.com/wp-content/uploads/Anleitung-Gutenberg-Vorlagen-erstellen.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" srcset="https://anitaschwarz.com/wp-content/uploads/Anleitung-Gutenberg-Vorlagen-erstellen.jpg 1200w, https://anitaschwarz.com/wp-content/uploads/Anleitung-Gutenberg-Vorlagen-erstellen-300x150.jpg 300w, https://anitaschwarz.com/wp-content/uploads/Anleitung-Gutenberg-Vorlagen-erstellen-1024x512.jpg 1024w, https://anitaschwarz.com/wp-content/uploads/Anleitung-Gutenberg-Vorlagen-erstellen-768x384.jpg 768w" sizes="(max-width: 1200px) 100vw, 1200px" /></div>Blogbeiträge mit Elementor oder einem anderen Pagebuilder zu gestalten, kostet unnötig viel Zeit und macht deine Website langsamer. Deshalb arbeite ich mit dem Gutenberg-Editor und nutze Vorlagen, um noch mehr Zeit z]]></description>
										<content:encoded><![CDATA[<div><img width="1200" height="600" src="https://anitaschwarz.com/wp-content/uploads/Anleitung-Gutenberg-Vorlagen-erstellen.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" srcset="https://anitaschwarz.com/wp-content/uploads/Anleitung-Gutenberg-Vorlagen-erstellen.jpg 1200w, https://anitaschwarz.com/wp-content/uploads/Anleitung-Gutenberg-Vorlagen-erstellen-300x150.jpg 300w, https://anitaschwarz.com/wp-content/uploads/Anleitung-Gutenberg-Vorlagen-erstellen-1024x512.jpg 1024w, https://anitaschwarz.com/wp-content/uploads/Anleitung-Gutenberg-Vorlagen-erstellen-768x384.jpg 768w" sizes="(max-width: 1200px) 100vw, 1200px" /></div>
<img decoding="async" loading="eager" src="https://vg08.met.vgwort.de/na/920e0c63a21d44edaad614a5b9612f8d" width="1" height="1" alt="">



<p class="wp-block-paragraph">Wenn&#8217;s um Blogbeiträge geht, bin ich ein großer Fan vom Gutenberg-Editor. Denn deine Beiträge mit Elementor oder einem anderen Pagebuilder zu gestalten, <strong>kostet dich unnötig viel Zeit und macht deine Website langsam.</strong></p>



<p class="wp-block-paragraph">Ich weiß, dass die Arbeit mit dem Gutenberg-Editor gewöhnungsbedürftig ist. Besonders, wenn man einen <a href="https://anitaschwarz.com/elementor-oder-elementor-pro/" target="_blank" rel="noreferrer noopener">Pagebuilder, wie Elementor</a>, gewohnt ist. Im Gutenberg-Editor siehst du die Inhalte nicht 1:1 so, wie sie auf deiner Website dargestellt werden.</p>



<p class="wp-block-paragraph">Eine praktische Möglichkeit, um mit dem Gutenberg-Editor <strong>in weniger Zeit ansprechende Blogbeiträge zu erstellen</strong>, sind Vorlagen. Wie du Vorlagen mit Gutenberg erstellen, speichern und bearbeiten kannst, zeige ich dir in diesem Beitrag.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>


		<div data-elementor-type="section" data-elementor-id="4386" class="elementor elementor-4386" data-elementor-post-type="elementor_library">
			<div class="elementor-element elementor-element-175e8af e-flex e-con-boxed e-con e-parent" data-id="175e8af" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-58af7e9 elementor-widget elementor-widget-text-editor" data-id="58af7e9" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p><em>Dieser Beitrag enthält Werbelinks von Anbietern, die ich selbst gerne nutze. Diese sind mit einem * markiert. Wenn du über einen solchen Link kaufst, erhalte ich eine kleine Provision. Für dich entstehen dabei keine Mehrkosten. Wo, wann und wie du ein Produkt kaufst, bleibt natürlich dir überlassen.</em></p>								</div>
					</div>
				</div>
				</div>
		


		<div data-elementor-type="section" data-elementor-id="5837" class="elementor elementor-5837" data-elementor-post-type="elementor_library">
			<div class="elementor-element elementor-element-2232197 e-flex e-con-boxed e-con e-parent" data-id="2232197" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-bbf924e elementor-toc--content-ellipsis elementor-toc--minimized-on-tablet elementor-widget elementor-widget-table-of-contents" data-id="bbf924e" data-element_type="widget" data-e-type="widget" data-settings="{&quot;exclude_headings_by_selector&quot;:[],&quot;container&quot;:&quot;main&quot;,&quot;headings_by_tags&quot;:[&quot;h2&quot;,&quot;h3&quot;],&quot;marker_view&quot;:&quot;bullets&quot;,&quot;icon&quot;:{&quot;value&quot;:&quot;fas fa-chevron-right&quot;,&quot;library&quot;:&quot;fa-solid&quot;,&quot;rendered_tag&quot;:&quot;&lt;svg class=\&quot;e-font-icon-svg e-fas-chevron-right\&quot; viewBox=\&quot;0 0 320 512\&quot; xmlns=\&quot;http:\/\/www.w3.org\/2000\/svg\&quot;&gt;&lt;path d=\&quot;M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;&quot;},&quot;no_headings_message&quot;:&quot;No headings were found on this page.&quot;,&quot;minimize_box&quot;:&quot;yes&quot;,&quot;minimized_on&quot;:&quot;tablet&quot;,&quot;hierarchical_view&quot;:&quot;yes&quot;,&quot;min_height&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}" data-widget_type="table-of-contents.default">
									<div class="elementor-toc__header">
						<div class="elementor-toc__header-title">
				Inhalt			</div>
										<div class="elementor-toc__toggle-button elementor-toc__toggle-button--expand" role="button" tabindex="0" aria-controls="elementor-toc__bbf924e" aria-expanded="true" aria-label="Inhaltsverzeichnis öffnen"><svg aria-hidden="true" class="e-font-icon-svg e-fas-chevron-down" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg></div>
				<div class="elementor-toc__toggle-button elementor-toc__toggle-button--collapse" role="button" tabindex="0" aria-controls="elementor-toc__bbf924e" aria-expanded="true" aria-label="Inhaltsverzeichnis schließen"><svg aria-hidden="true" class="e-font-icon-svg e-fas-chevron-up" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z"></path></svg></div>
					</div>
				<div id="elementor-toc__bbf924e" class="elementor-toc__body">
			<div class="elementor-toc__spinner-container">
				<svg class="elementor-toc__spinner eicon-animation-spin e-font-icon-svg e-eicon-loading" aria-hidden="true" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M500 975V858C696 858 858 696 858 500S696 142 500 142 142 304 142 500H25C25 237 238 25 500 25S975 237 975 500 763 975 500 975Z"></path></svg>			</div>
		</div>
						</div>
					</div>
				</div>
				</div>
		



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="was-ist-der-gutenberg-editor"><strong>Was ist der Gutenberg-Editor?</strong></h2>



<p class="wp-block-paragraph">Der Gutenberg-Editor ist ein Pagebuilder wie Elementor oder Divi. Aber deutlich schneller. Mit ihm kannst du <strong>Blogbeiträge schreiben oder ganze Unterseiten erstellen.</strong></p>



<p class="wp-block-paragraph">Ich nutze den Gutenberg-Editor für Seiten, bei denen mir Design nicht wichtig ist. Zum Beispiel für&#8217;s Impressum und die Datenschutzerklärung. Denn der <strong>Gutenberg-Editor bringt nicht viele Gestaltungsmöglichkeiten mit</strong>.</p>



<p class="wp-block-paragraph">Deshalb habe ich für meine Blogbeiträge mit <a href="https://anitaschwarz.com/tools-elementor/" target="_blank" rel="noreferrer noopener sponsored">Elementor Pro</a>* ein Template im Theme Builder für meine Blogbeiträge erstellt. Mit dem Gutenberg-Editor schreibe ich &#8222;nur&#8220; die Inhalte.</p>



<p class="wp-block-paragraph">Stell dir das vor, wie einen Bilderrahmen. <strong>Elementor liefert den Rahmen. Gutenberg fügt die Inhalte in den Rahmen ein. </strong>Je nachdem, welchen Link deine Besucher*innen anklicken, werden andere Inhalte in diesen Rahmen geladen.</p>



<p class="wp-block-paragraph">In der <a href="https://anitaschwarz.com/blog-reise/" target="_blank" rel="noreferrer noopener">Blog-Reise</a> zeige ich dir Schritt für Schritt, wie du eine solche Vorlage anlegst.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<a href="https://anitaschwarz.com/blog-reise/" target="_blank" rel="noopener">
        <button>mehr Infos zur Blog-Reise</button></a>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="gutenberg-editor-vorlagen-erstellen">So kannst du mit dem Gutenberg-Editor Vorlagen erstellen</h2>



<p class="wp-block-paragraph">1. Markiere den bzw. die Blöcke, aus denen du eine Vorlage erstellen willst.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">2. Klicke in der aufscheinenden <strong>Werkzeugleiste auf die 3 Punkte.</strong></p>



<figure class="wp-block-image size-full"><img fetchpriority="high" decoding="async" width="600" height="110" src="https://anitaschwarz.com/wp-content/uploads/Gutenberg-Editor-Block-Vorlage-speichern-1.jpg" alt="" class="wp-image-12037" srcset="https://anitaschwarz.com/wp-content/uploads/Gutenberg-Editor-Block-Vorlage-speichern-1.jpg 600w, https://anitaschwarz.com/wp-content/uploads/Gutenberg-Editor-Block-Vorlage-speichern-1-300x55.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></figure>



<p class="wp-block-paragraph">3. Und im aufscheinenden Menü auf <strong>&#8222;Vorlage erstellen&#8220;.</strong></p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="wp-block-paragraph">4. Dann erscheint ein kleines Fenster:</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:60%">
<p class="wp-block-paragraph"><strong>Name</strong><br>Vergib einen eindeutigen Namen für deine Vorlage, damit du sie in Zukunft wieder findest.</p>



<p class="wp-block-paragraph"><strong>Kategorien</strong><br>Wähle eine oder mehrere Kategorien aus den bestehenden Kategorien aus. Oder erstelle eine neue, in dem du einfach einen neuen Kategorie-Namen eintippst.</p>



<p class="wp-block-paragraph"><strong>Synchronisiert</strong><br>Entscheide, ob du möchtest, dass diese Vorlage auf allen Stellen, wo du sie einsetzt, synchronisiert wird, wenn du eine Änderung vornimmst. Oder ob du sie unabhängig voneinander bearbeiten möchtest.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img decoding="async" width="337" height="428" src="https://anitaschwarz.com/wp-content/uploads/Gutenberg-Editor-Block-Vorlage-erstellen-2.jpg" alt="" class="wp-image-12044" srcset="https://anitaschwarz.com/wp-content/uploads/Gutenberg-Editor-Block-Vorlage-erstellen-2.jpg 337w, https://anitaschwarz.com/wp-content/uploads/Gutenberg-Editor-Block-Vorlage-erstellen-2-236x300.jpg 236w" sizes="(max-width: 337px) 100vw, 337px" /></figure>
</div>
</div>



<p class="wp-block-paragraph">5. Klicke auf &#8222;Erstellen&#8220;.</p>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="gutenberg-editor-vorlagen-finden"><strong>So findest du deine Vorlage im Gutenberg-Editor wieder</strong></h3>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">1. Klicke links oben auf das <strong>Plus-Symbol</strong>.</p>



<p class="wp-block-paragraph">2. Klicke entweder auf <strong>&#8222;Meine Vorlagen&#8220;</strong> &#8211; hier findest du alle selbst erstellten Vorlagen &#8211; oder wähle die Kategorie aus, in der du die Vorlage abgespeichert hast.</p>



<p class="wp-block-paragraph">3. Ziehe die Vorlage per <strong>Drag &amp; Drop</strong> an die gewünschte Stelle in deinem Beitrag.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img decoding="async" width="600" height="526" src="https://anitaschwarz.com/wp-content/uploads/Gutenberg-Editor-Block-Vorlage-erstellen-3.jpg" alt="" class="wp-image-12047" srcset="https://anitaschwarz.com/wp-content/uploads/Gutenberg-Editor-Block-Vorlage-erstellen-3.jpg 600w, https://anitaschwarz.com/wp-content/uploads/Gutenberg-Editor-Block-Vorlage-erstellen-3-300x263.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></figure>
</div>
</div>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading" id="gutenberg-editor-uberarbeiten-loschen"><strong>So kannst du deine Vorlage im Gutenberg-Editor überarbeiten oder löschen</strong></h3>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">1. Klicke rechts oben in der <strong>Menüleiste auf die 3 Punkte.</strong></p>



<p class="wp-block-paragraph">2. Wähle im unteren Bereich <strong>&#8222;Vorlagen verwalten&#8220; </strong>aus.</p>



<p class="wp-block-paragraph">3. Du siehst jetzt alle deine erstellten Gutenberg-Vorlagen und kannst diese bearbeiten oder löschen.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="500" height="500" src="https://anitaschwarz.com/wp-content/uploads/Gutenberg-Editor-Einstellungen-Ansicht.jpg" alt="" class="wp-image-11891" srcset="https://anitaschwarz.com/wp-content/uploads/Gutenberg-Editor-Einstellungen-Ansicht.jpg 500w, https://anitaschwarz.com/wp-content/uploads/Gutenberg-Editor-Einstellungen-Ansicht-300x300.jpg 300w, https://anitaschwarz.com/wp-content/uploads/Gutenberg-Editor-Einstellungen-Ansicht-150x150.jpg 150w" sizes="(max-width: 500px) 100vw, 500px" /></figure>
</div>
</div>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="901" height="249" src="https://anitaschwarz.com/wp-content/uploads/Gutenberg-Editor-Block-Vorlage-erstellen-4.jpg" alt="" class="wp-image-12051" srcset="https://anitaschwarz.com/wp-content/uploads/Gutenberg-Editor-Block-Vorlage-erstellen-4.jpg 901w, https://anitaschwarz.com/wp-content/uploads/Gutenberg-Editor-Block-Vorlage-erstellen-4-300x83.jpg 300w, https://anitaschwarz.com/wp-content/uploads/Gutenberg-Editor-Block-Vorlage-erstellen-4-768x212.jpg 768w" sizes="(max-width: 901px) 100vw, 901px" /></figure>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="beispiele">Beispiele, wofür du Vorlagen erstellen kannst</h2>



<ul class="wp-block-list">
<li><strong>Erstelle eine Vorlage, um auf Angebote, 0€-Produkte oder deinen Newsletter hinzuleiten.<br></strong>Aktiviere dafür beim Erstellen deiner Vorlage den Schalter &#8222;Synchronisiert&#8220;. So kannst du diese Angebote später mit wenig Aufwand austauschen.</li>
</ul>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<ul class="wp-block-list">
<li><strong>Erstelle eine Vorlage für Elemente, die du in deinen Blogbeiträgen wiederkehrend verwendest.<br></strong>Zum Beispiel die Box, in der du Gastautor*innen vorstellst, einen FAQ-Bereich, &#8230;</li>
</ul>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<ul class="wp-block-list">
<li><strong>Erstelle eine Vorlage für Beiträge, die du im Layout und Design einheitlich halten willst.<br></strong>Du kannst mehrere Vorlagen für verschiedene Beitragsserien anlegen.</li>
</ul>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<ul class="wp-block-list">
<li><strong>Erstelle eine Vorlage mit allen Aufgaben, die zu tun sind, wenn du einen Beitrag erstellst.<br></strong>Diese Vorlage kannst du beim Anlegen eines neuen Beitrags einfügen und Punkt für Punkt abarbeiten.</li>
</ul>



<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>



<p class="has-large-font-size wp-block-paragraph"><strong>Du hast Lust bekommen, deinen eigenen Blog zu erstellen?</strong></p>



<p class="wp-block-paragraph">Dann sieh dir die <a href="https://anitaschwarz.com/blog-reise/" target="_blank" rel="noreferrer noopener">Blog-Reise</a> an. Dort zeige ich dir, wie du deinen eigenen &#8222;Rahmen&#8220; für deinen Blog erstellst, suchmaschinenrelevante Themen für deine Leser*innen findest und deine Beiträge mit dem Gutenberg-Editor schreibst.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<a href="https://anitaschwarz.com/blog-reise/" target="_blank" rel="noopener">
        <button>mehr Infos zur Blog-Reise</button></a>
]]></content:encoded>
					
					<wfw:commentRss>https://anitaschwarz.com/gutenberg-vorlagen-erstellen/feed/</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
			</item>
	</channel>
</rss>
