<?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>Theme &#8211; One Step Webdesign</title>
	<atom:link href="https://onestep-webdesign.de/theme/feed/" rel="self" type="application/rss+xml" />
	<link>https://onestep-webdesign.de</link>
	<description>WordPress Schulungen und Webseiten</description>
	<lastBuildDate>Mon, 10 Oct 2022 08:00:22 +0000</lastBuildDate>
	<language>de</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.1</generator>

<image>
	<url>https://onestep-webdesign.de/wp-content/uploads/2020/03/OneStep-Webdesign-Logo-2-100x100.png</url>
	<title>Theme &#8211; One Step Webdesign</title>
	<link>https://onestep-webdesign.de</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Onepager: Was sollte man beachten</title>
		<link>https://onestep-webdesign.de/onepager-was-sollte-man-beachten/</link>
					<comments>https://onestep-webdesign.de/onepager-was-sollte-man-beachten/#respond</comments>
		
		<dc:creator><![CDATA[Benjamin Bode]]></dc:creator>
		<pubDate>Sun, 14 Aug 2022 06:29:00 +0000</pubDate>
				<category><![CDATA[Tools, Tipps & Tricks]]></category>
		<category><![CDATA[Theme]]></category>
		<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">https://onestep-webdesign.de/?p=8779</guid>

					<description><![CDATA[Onepager sind eine großartige Möglichkeit, eine Botschaft an potenzielle Kunden zu vermitteln. Sie sind prägnant, visuell ansprechend und leicht zu verstehen.<br>Doch wie so oft ist dort, wo Licht ist, auch Schatten. Hier erfährst du, was Onepager sind, welche Vor- und Nachteile sie haben und was zu beachten ist, bevor man sich für die Erstellung eines Onepagers entscheidet.]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-kadence-rowlayout alignnone"><div id="kt-layout-id_703962-ee" class="kt-row-layout-inner kt-layout-id_703962-ee"><div class="kt-row-column-wrap kt-has-1-columns kt-gutter-default kt-v-gutter-default kt-row-valign-top kt-row-layout-equal kt-tab-layout-inherit kt-m-colapse-left-to-right kt-mobile-layout-row">
<div class="wp-block-kadence-column inner-column-1 kadence-column_1d07ff-e5"><div class="kt-inside-inner-col">
<p>Onepager sind eine großartige Möglichkeit, eine Botschaft an potenzielle Kunden zu vermitteln. Sie sind prägnant, visuell ansprechend und leicht zu verstehen. Alle notwendigen Informationen befinden sich auf einer einzigen Seite. Dadurch können sich Kunden leicht orientieren und die gewünschten Informationen schnell und einfach finden.</p>



<p>Doch wie so oft ist dort, wo Licht ist, auch Schatten. In diesem Blogbeitrag werden wir erörtern, was Onepager sind, welche Vor- und Nachteile sie haben und was zu beachten ist, bevor man sich für die Erstellung eines Onepagers entscheidet. Natürlich geben wir dir auch einige Tipps, wie du einen Onepager mit WordPress erstellen kannst und welche Themes sich dafür eignen.</p>
</div></div>
</div></div></div>



<div class="wp-block-kadence-rowlayout alignnone"><div id="kt-layout-id_75e2fb-41" class="kt-row-layout-inner kt-layout-id_75e2fb-41"><div class="kt-row-column-wrap kt-has-1-columns kt-gutter-default kt-v-gutter-default kt-row-valign-top kt-row-layout-equal kt-tab-layout-inherit kt-m-colapse-left-to-right kt-mobile-layout-row">
<div class="wp-block-kadence-column inner-column-1 kadence-column_ef5169-b9"><div class="kt-inside-inner-col"></div></div>
</div></div></div>



<div class="wp-block-kadence-rowlayout alignnone"><div id="kt-layout-id_445f80-24" class="kt-row-layout-inner kt-layout-id_445f80-24"><div class="kt-row-column-wrap kt-has-1-columns kt-gutter-default kt-v-gutter-default kt-row-valign-top kt-row-layout-equal kt-tab-layout-inherit kt-m-colapse-left-to-right kt-mobile-layout-row">
<div class="wp-block-kadence-column inner-column-1 kadence-column_579da5-07"><div class="kt-inside-inner-col">
<h2 class="kt-adv-heading_ae307b-dd wp-block-kadence-advancedheading" data-kb-block="kb-adv-heading_ae307b-dd">Was ist ein Onepager?</h2>



<p><strong>Ein Onepager ist eine einseitige Website.</strong> Der Begriff <em>Onepager</em> leitet sich von der Tatsache ab, dass die gesamte Website auf einer einzigen Seite enthalten ist (ausgenommen rechtliche Seiten wie Impressum und Datenschutzerklärung).</p>



<p>Alle Informationen über dein Unternehmen oder Produkt werden auf dieser einen Seite dargestellt. Dies kann einen Überblick über dein Unternehmen, deine Dienstleistungen, Kontaktinformationen und mehr umfassen.</p>



<p><strong>Vor dem Hintergrund, dass sich Webseiten-Besucher leicht orientieren und die gewünschten Inhalte schnell und einfach finden, sind Onepager durchaus beliebt.</strong> Doch wenn du nun erwägst, einen Onepager für dein Unternehmen zu erstellen, solltest du die Vorteile und Nachteile gut abwägen.</p>



<h3 class="wp-block-heading">Vorteile</h3>



<p>Ein großer Vorteil ist, dass der Besucher alle Informationen auf einmal erhält und sich sofort einen Überblick verschaffen kann. Gut umgesetzte Onepager sind visuell ansprechend und somit auch sehr gut für Marketingkampagnen geeignet. Darüber hinaus sind sie relativ einfach zu erstellen und zu pflegen.</p>



<h3 class="wp-block-heading">Nachteile</h3>



<p>Allerdings gibt es auch einige Nachteile. <strong>Eines der Hauptprobleme mit Onepagern ist, dass sie für die Suchmaschinenoptimierung nicht so effektiv sind wie große Websites mit mehr Inhalt</strong> (beziehungsweise Unterseiten). Das liegt daran, dass Suchmaschinen im Allgemeinen Webseiten bevorzugen, die mehr Informationen bereitstellen.</p>



<p>Da ein Onepager per Definition alle Inhalte auf einer einzigen Seite darstellt, ist diese Vorgehensweise nicht sonderlich gut bei der Vermittlung von komplexen Informationen geeignet (beziehungsweise bei langen und vielschichtigen Inhalten).</p>



			
			
										
			
			</div></div>
</div></div></div>



<div class="wp-block-kadence-rowlayout alignnone"><div id="kt-layout-id_0cb621-c4" class="kt-row-layout-inner kt-layout-id_0cb621-c4"><div class="kt-row-column-wrap kt-has-1-columns kt-gutter-default kt-v-gutter-default kt-row-valign-top kt-row-layout-equal kt-tab-layout-inherit kt-m-colapse-left-to-right kt-mobile-layout-row">
<div class="wp-block-kadence-column inner-column-1 kadence-column_0b342d-2d"><div class="kt-inside-inner-col">
<h2 class="kt-adv-heading_b6320a-d4 wp-block-kadence-advancedheading" data-kb-block="kb-adv-heading_b6320a-d4">Was ist vor der Erstellung eines Onepagers zu beachten?</h2>



<p>Bevor du mit der Erstellung eines Onepagers beginnst, <strong>solltest du dir überlegen, welche Art von Botschaft auf der Webseite vermittelt werden soll</strong>. Schließlich bietet eine Website, die nur aus einer einzelnen Seite besteht, nicht viel Platz für detaillierte Informationen. Wenn sehr viele Inhalte dargestellt werden sollen, ist ein Onepager möglicherweise nicht die beste Lösung. Das Gleiche gilt für Unternehmen mit mehreren Produkten oder Dienstleistungen. In diesen Fällen ist es vielleicht besser, sich für eine klassische Website mit Unterseiten zu entscheiden.</p>



<p>Zudem sollten bei einem Onepager folgende Aspekte beachtet werden:</p>



<div class="wp-block-kadence-iconlist kt-svg-icon-list-items kt-svg-icon-list-items_48f07d-db kt-svg-icon-list-columns-1 alignnone kt-list-icon-aligntop"><ul class="kt-svg-icon-list"><li class="kt-svg-icon-list-style-default kt-svg-icon-list-item-wrap kt-svg-icon-list-item-0 kt-svg-icon-list-level-0"><div style="display:inline-flex;justify-content:center;align-items:center" class="kt-svg-icon-list-single kt-svg-icon-list-single-fas_long-arrow-alt-right"><svg style="display:inline-block;vertical-align:middle" viewBox="0 0 448 512" height="20" width="20" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M313.941 216H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12h301.941v46.059c0 21.382 25.851 32.09 40.971 16.971l86.059-86.059c9.373-9.373 9.373-24.569 0-33.941l-86.059-86.059c-15.119-15.119-40.971-4.411-40.971 16.971V216z"></path></svg></div><span class="kt-svg-icon-list-text"><strong>Das Design:</strong> Ein Onepager sollte ein klares und einfaches Design haben. Die Navigation sollte selbsterklärend sein und einfach zu benutzen.</span></li><li class="kt-svg-icon-list-style-default kt-svg-icon-list-item-wrap kt-svg-icon-list-item-1 kt-svg-icon-list-level-0"><div style="display:inline-flex;justify-content:center;align-items:center" class="kt-svg-icon-list-single kt-svg-icon-list-single-fas_long-arrow-alt-right"><svg style="display:inline-block;vertical-align:middle" viewBox="0 0 448 512" height="20" width="20" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M313.941 216H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12h301.941v46.059c0 21.382 25.851 32.09 40.971 16.971l86.059-86.059c9.373-9.373 9.373-24.569 0-33.941l-86.059-86.059c-15.119-15.119-40.971-4.411-40.971 16.971V216z"></path></svg></div><span class="kt-svg-icon-list-text"><strong>Der Inhalt:</strong> Der Inhalt deiner Webseite sollte prägnant und auf den Punkt gebracht sein. Füge nur die wichtigsten Informationen über dein Unternehmen oder dein Produkt ein.</span></li><li class="kt-svg-icon-list-style-default kt-svg-icon-list-item-wrap kt-svg-icon-list-item-2 kt-svg-icon-list-level-0"><div style="display:inline-flex;justify-content:center;align-items:center" class="kt-svg-icon-list-single kt-svg-icon-list-single-fas_long-arrow-alt-right"><svg style="display:inline-block;vertical-align:middle" viewBox="0 0 448 512" height="20" width="20" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M313.941 216H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12h301.941v46.059c0 21.382 25.851 32.09 40.971 16.971l86.059-86.059c9.373-9.373 9.373-24.569 0-33.941l-86.059-86.059c-15.119-15.119-40.971-4.411-40.971 16.971V216z"></path></svg></div><span class="kt-svg-icon-list-text"><strong>Der Call-to-Action:</strong> Stelle sicher, dass deine Webseite einen klaren Call-to-Action enthält. Dies könnte beispielsweise eine Kontaktaufnahme sein.</span></li></ul></div>
</div></div>
</div></div></div>



<div class="wp-block-kadence-rowlayout alignnone"><div id="kt-layout-id_d9bd7a-46" class="kt-row-layout-inner kt-layout-id_d9bd7a-46"><div class="kt-row-column-wrap kt-has-1-columns kt-gutter-default kt-v-gutter-default kt-row-valign-top kt-row-layout-equal kt-tab-layout-inherit kt-m-colapse-left-to-right kt-mobile-layout-row">
<div class="wp-block-kadence-column inner-column-1 kadence-column_7d14dd-ad kb-section-dir-vertical"><div class="kt-inside-inner-col">
<h2 class="kt-adv-heading_1d394a-b6 wp-block-kadence-advancedheading" data-kb-block="kb-adv-heading_1d394a-b6">Welche WordPress Themes sind für Onepager geeignet?</h2>



<p>Es gibt viele WordPress Themes, die speziell für die Erstellung von Onepagern konzipiert sind. Einige unserer Favoriten sind die folgenden:</p>



<div class="wp-block-kadence-rowlayout alignnone"><div id="kt-layout-id_4d1580-d7" class="kt-row-layout-inner kt-layout-id_4d1580-d7"><div class="kt-row-column-wrap kt-has-2-columns kt-gutter-default kt-v-gutter-default kt-row-valign-top kt-row-layout-equal kt-tab-layout-inherit kt-m-colapse-left-to-right kt-mobile-layout-row kt-inner-column-height-full">
<div class="wp-block-kadence-column inner-column-1 kadence-column_118131-be"><div class="kt-inside-inner-col">
<h4 class="kt-adv-heading_841d41-bf wp-block-kadence-advancedheading" data-kb-block="kb-adv-heading_841d41-bf">OnePage Express</h4>



<p>Dieses Theme ist perfekt für die Erstellung eines professionellen Onepagers geeignet. Es enthält einen Drag-and-Drop-Seiten-Builder, mit dem auch WordPress Laien Ihre Website ganz einfach erstellen und anpassen können, ohne programmieren zu müssen.<br><a href="https://onepageexpress.com" target="_blank" rel="noreferrer noopener nofollow">https://onepageexpress.com</a></p>
</div></div>



<div class="wp-block-kadence-column inner-column-2 kadence-column_5e5b9e-2a"><div class="kt-inside-inner-col">
<h4 class="kt-adv-heading_f5b028-ca wp-block-kadence-advancedheading" data-kb-block="kb-adv-heading_f5b028-ca">Parallax</h4>



<p>Das Parallax-Theme eignet sich perfekt für Unternehmen, die einen visuell ansprechenden Onepager erstellen möchten. Es enthält mehrere vorgefertigte Abschnitte, die an die  Bedürfnisse angepasst werden können.<br><a href="https://themify.me/themes/parallax" target="_blank" rel="noreferrer noopener nofollow">https://themify.me/themes/parallax</a></p>
</div></div>
</div></div></div>



<p><strong>Doch man benötigt nicht zwingend ein Theme, das speziell für den Einsatz als OnePager konzipiert ist.</strong> Stattdessen kann man auch ein Mehrzweck-Theme (Multi-Purpose Theme) verwenden und einfach jene Funktionen, die nicht benötigt werden, deaktivieren.</p>



<p>Meine persönlichen drei lieblings-Themes sind <strong>Kadence WP</strong>, <strong>Astra</strong> und <strong>Hello Elementor</strong>. Wann sich welches dieser drei Themes am besten eignet und warum ich diese Themes so gut finde, kannst du <a href="https://onestep-webdesign.de/empfehlung-wordpress-theme/" target="_blank" rel="noreferrer noopener">hier</a> nachlesen:<br><a href="https://onestep-webdesign.de/empfehlung-wordpress-theme/" target="_blank" rel="noreferrer noopener">https://onestep-webdesign.de/empfehlung-wordpress-theme/</a></p>
</div></div>
</div></div></div>



<div class="wp-block-kadence-rowlayout alignnone"><div id="kt-layout-id_456f68-64" class="kt-row-layout-inner kt-layout-id_456f68-64"><div class="kt-row-column-wrap kt-has-1-columns kt-gutter-default kt-v-gutter-default kt-row-valign-top kt-row-layout-equal kt-tab-layout-inherit kt-m-colapse-left-to-right kt-mobile-layout-row">
<div class="wp-block-kadence-column inner-column-1 kadence-column_01596f-20"><div class="kt-inside-inner-col">
<h2 class="kt-adv-heading_7d72bd-52 wp-block-kadence-advancedheading" data-kb-block="kb-adv-heading_7d72bd-52">Wie man einen Onepager mit WordPress erstellt</h2>



<p>Im Folgenden werde ich dir zeigen, wie man mit WordPress einen Onepager erstellen kann. Dabei verwende ich das Theme <strong>Kadence</strong>. Dies ist ein sogenanntes Multi-Purpose Theme und eignet sich damit auch für &#8222;ganz normale&#8220; Webseiten. </p>



<p>Außerdem nutze ich <strong>Kadence Blocks</strong>. Dies ist eine Erweiterung für den WordPress eigenen <strong>Gutenberg</strong> Editor (der standard Editor der bei jeder WordPress Website mit dabei ist). Sowohl das Theme <strong>Kadence</strong> als auch die Erweiterung <strong>Kadence Blocks</strong> können <strong>kostenfrei</strong> genutzt werden und bieten eine Vielzahl an nützlichen Funktionen.</p>



<div id="kt-info-box_f5d248-d9" class="wp-block-kadence-infobox"><div class="kt-blocks-info-box-link-wrap kt-blocks-info-box-media-align-left kt-info-halign-left"><div class="kt-infobox-textcontent"><p class="kt-blocks-info-box-text">Wenn du mehr zu den Vorteilen von Kadence Blocks erfahren möchtest, dann schau dir diesen Beitrag an:</p><div class="kt-blocks-info-box-learnmore-wrap"><a class="kt-blocks-info-box-learnmore info-box-link" target="_blank" rel="noopener noreferrer" href="https://onestep-webdesign.de/kadence-blocks-fuer-wordpress-vorteile/">Kadence Blocks für WordPress: Das sind die Vorteile</a></div></div></div></div>



<p>Nachdem das Theme und das Plugin Kadence Blocks installiert und aktiviert sind, kann die Erstellung der Webseite beginnen.</p>



<div class="wp-block-kadence-spacer aligncenter kt-block-spacer-_86b797-66"><div class="kt-block-spacer kt-block-spacer-halign-center"><hr class="kt-divider"/></div></div>



<h4 class="kt-adv-heading_66674c-fd wp-block-kadence-advancedheading" data-kb-block="kb-adv-heading_66674c-fd">1.) Seite in WordPress anlegen</h4>



<div class="wp-block-kadence-rowlayout alignnone"><div id="kt-layout-id_db1415-de" class="kt-row-layout-inner kt-layout-id_db1415-de"><div class="kt-row-column-wrap kt-has-2-columns kt-gutter-default kt-v-gutter-default kt-row-valign-middle kt-row-layout-equal kt-tab-layout-inherit kt-m-colapse-left-to-right kt-mobile-layout-row  kt-custom-first-width-60  kt-custom-second-width-40">
<div class="wp-block-kadence-column inner-column-1 kadence-column_c6d60b-e4"><div class="kt-inside-inner-col">
<p>Navigiere in der linken Spalte des WordPress Dashboards auf den Menüpunkt <strong>Seiten</strong>. Wähle anschließend <strong>Erstellen</strong> aus.</p>



<p>Vergib anschließend einen Titel für die Seite (zum Beispiel &#8222;Start&#8220;).</p>
</div></div>



<div class="wp-block-kadence-column inner-column-2 kadence-column_263dd2-23"><div class="kt-inside-inner-col">
<figure class="wp-block-kadence-image kb-image_6d03e3-d1 size-full"><img fetchpriority="high" decoding="async" width="446" height="269" src="https://onestep-webdesign.de/wp-content/uploads/2022/08/Seite-erstellen.webp" alt="Seite erstellen" class="kb-img wp-image-8799" srcset="https://onestep-webdesign.de/wp-content/uploads/2022/08/Seite-erstellen.webp 446w, https://onestep-webdesign.de/wp-content/uploads/2022/08/Seite-erstellen-300x181.webp 300w" sizes="(max-width: 446px) 100vw, 446px" /></figure>
</div></div>
</div></div></div>



<div class="wp-block-kadence-spacer aligncenter kt-block-spacer-_ccf9d7-ee"><div class="kt-block-spacer kt-block-spacer-halign-center"><hr class="kt-divider"/></div></div>



<h4 class="kt-adv-heading_1d9618-a9 wp-block-kadence-advancedheading" data-kb-block="kb-adv-heading_1d9618-a9">2.) Inhalte hinzufügen</h4>



<p>Nun gilt es, die Webseite mit Inhalt zu füllen. Dieser sollte sinnvoll strukturiert sein.</p>



<p>Inhalte, die einen Abschnitt ergeben (beispielsweise die &#8222;Über Uns&#8220; Sektion), sollten entsprechend formatiert werden: Wähle dafür den Block <strong>Row Layout</strong> aus. Dies ist ein Element, dass dank den <strong>Kadence Blocks</strong> nun verwendet werden kann.</p>



<p>Platziere anschließend den jeweiligen Inhalt in dem <strong>Row Layout</strong>. </p>



<figure class="wp-block-kadence-image kb-image_7d817d-41 size-large"><img decoding="async" width="1024" height="360" src="https://onestep-webdesign.de/wp-content/uploads/2022/08/OnePager-Row-Layout-1024x360.webp" alt="OnePager - Row Layout" class="kb-img wp-image-8802" srcset="https://onestep-webdesign.de/wp-content/uploads/2022/08/OnePager-Row-Layout-1024x360.webp 1024w, https://onestep-webdesign.de/wp-content/uploads/2022/08/OnePager-Row-Layout-300x105.webp 300w, https://onestep-webdesign.de/wp-content/uploads/2022/08/OnePager-Row-Layout-768x270.webp 768w, https://onestep-webdesign.de/wp-content/uploads/2022/08/OnePager-Row-Layout-1536x540.webp 1536w, https://onestep-webdesign.de/wp-content/uploads/2022/08/OnePager-Row-Layout-1320x464.webp 1320w, https://onestep-webdesign.de/wp-content/uploads/2022/08/OnePager-Row-Layout.webp 1574w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<div class="wp-block-kadence-spacer aligncenter kt-block-spacer-_956289-89"><div class="kt-block-spacer kt-block-spacer-halign-center"><hr class="kt-divider"/></div></div>



<h4 class="kt-adv-heading_525221-5e wp-block-kadence-advancedheading" data-kb-block="kb-adv-heading_525221-5e">3.) Jedes Row Layout mit einem HTML-Anker versehen</h4>



<p>Nun solltest du mehrere Row Layouts auf deiner Webseite haben. Jedes Row Layout gruppiert dabei jenen Inhalt, der zusammen gehört und somit eine Sektion ergibt.</p>



<p>Jetzt musst du für jedes Row Layout einen individuellen HTML-Anker (wird oftmals auch id genannt) hinzufügen. Individuell meint in diesem Fall, dass jedes Row Layout einen unterschiedlichen HTML-Anker haben muss, den du aber selbst bestimmen kannst. Zum Beispiel kann dem Row Layout mit dem Inhalt zu &#8222;Über Uns&#8220; der HTML-Anker <strong>ueber-uns</strong> zugewiesen werden. (Leerzeichen oder Umlaute wie ä,ü,ö sind bei der Bezeichnung des HTML-Ankers nicht erlaubt.)</p>



<div id="kt-info-box_531922-cf" class="wp-block-kadence-infobox"><a class="kt-blocks-info-box-link-wrap info-box-link kt-blocks-info-box-media-align-left kt-info-halign-left" target="_blank" rel="noopener noreferrer" href=""><div class="kt-infobox-textcontent"><p class="kt-blocks-info-box-text">Die HTML-Anker ermöglichen ein Menü der Webseite, dass bei einem Klick auf einen Menüpunkt an die entsprechende Stelle scrollt.</p></div></a></div>



<figure class="wp-block-kadence-image kb-image_f3f02c-4e size-1536x1536"><img decoding="async" width="1536" height="707" src="https://onestep-webdesign.de/wp-content/uploads/2022/08/OnePager-HTML-Anker-festlegen-1536x707.webp" alt="OnePager - HTML Anker festlegen" class="kb-img wp-image-8804" srcset="https://onestep-webdesign.de/wp-content/uploads/2022/08/OnePager-HTML-Anker-festlegen-1536x707.webp 1536w, https://onestep-webdesign.de/wp-content/uploads/2022/08/OnePager-HTML-Anker-festlegen-300x138.webp 300w, https://onestep-webdesign.de/wp-content/uploads/2022/08/OnePager-HTML-Anker-festlegen-1024x471.webp 1024w, https://onestep-webdesign.de/wp-content/uploads/2022/08/OnePager-HTML-Anker-festlegen-768x354.webp 768w, https://onestep-webdesign.de/wp-content/uploads/2022/08/OnePager-HTML-Anker-festlegen-1320x608.webp 1320w, https://onestep-webdesign.de/wp-content/uploads/2022/08/OnePager-HTML-Anker-festlegen.webp 1903w" sizes="(max-width: 1536px) 100vw, 1536px" /></figure>



<div class="wp-block-kadence-spacer aligncenter kt-block-spacer-_e9a3c0-c7"><div class="kt-block-spacer kt-block-spacer-halign-center"><hr class="kt-divider"/></div></div>



<h4 class="kt-adv-heading_4b9100-70 wp-block-kadence-advancedheading" data-kb-block="kb-adv-heading_4b9100-70">4.) Menü erstellen und anpassen</h4>



<p>Nachdem nun die Inhalte zur Webseite hinzugefügt und gegliedert wurden, und jedes Row Layout mit einem HTML-Anker versehen wurde (den du dir am besten merken solltest), muss nun das Menü der Webseite angepasst werden. Ziel ist ein Menü, bei dem man die verschiedenen Menü-Punkte anwählen kann und die Webseite dann automatisch an die entsprechende Stelle scrollt.</p>



<p>Um ein solches Menü anzulegen speichern wir die Webseite und navigieren anschließend zurück in unser WordPress Dashboard. Dort klicken wir dann auf <strong>Design </strong>&#8211;&gt;<strong> Menüs</strong>.<br>Hier legen wir nun unser Menü an.</p>



<figure class="wp-block-kadence-image kb-image_f6993a-71 size-full"><img loading="lazy" decoding="async" width="1274" height="674" src="https://onestep-webdesign.de/wp-content/uploads/2022/08/OnePager-Menue-erstellen.webp" alt="OnePager - Menü erstellen" class="kb-img wp-image-8807" srcset="https://onestep-webdesign.de/wp-content/uploads/2022/08/OnePager-Menue-erstellen.webp 1274w, https://onestep-webdesign.de/wp-content/uploads/2022/08/OnePager-Menue-erstellen-300x159.webp 300w, https://onestep-webdesign.de/wp-content/uploads/2022/08/OnePager-Menue-erstellen-1024x542.webp 1024w, https://onestep-webdesign.de/wp-content/uploads/2022/08/OnePager-Menue-erstellen-768x406.webp 768w" sizes="auto, (max-width: 1274px) 100vw, 1274px" /></figure>



<div class="wp-block-kadence-rowlayout alignnone"><div id="kt-layout-id_de796a-8a" class="kt-row-layout-inner kt-layout-id_de796a-8a"><div class="kt-row-column-wrap kt-has-2-columns kt-gutter-default kt-v-gutter-default kt-row-valign-middle kt-row-layout-equal kt-tab-layout-inherit kt-m-colapse-left-to-right kt-mobile-layout-row  kt-custom-first-width-40  kt-custom-second-width-60">
<div class="wp-block-kadence-column inner-column-1 kadence-column_fad001-a8"><div class="kt-inside-inner-col">
<figure class="wp-block-kadence-image kb-image_4cb214-36 size-full"><img loading="lazy" decoding="async" width="300" height="476" src="https://onestep-webdesign.de/wp-content/uploads/2022/08/Onepager-Menuepunkt.webp" alt="Onepager - Menüpunkt" class="kb-img wp-image-8809" srcset="https://onestep-webdesign.de/wp-content/uploads/2022/08/Onepager-Menuepunkt.webp 300w, https://onestep-webdesign.de/wp-content/uploads/2022/08/Onepager-Menuepunkt-189x300.webp 189w" sizes="auto, (max-width: 300px) 100vw, 300px" /></figure>
</div></div>



<div class="wp-block-kadence-column inner-column-2 kadence-column_8eeed8-e0"><div class="kt-inside-inner-col">
<p>Danach kannst du die Menüpunkte definieren, indem du auf <strong>individuelle Links</strong> klickst. Unter <strong>Link-Text</strong> muss der Name angegeben werden, den der Menüpunkt haben soll (zum Beispiel &#8222;Über Uns&#8220;). Im Feld <strong>URL</strong> solltest du den HTML-Anker angeben, mit einem vorangestellten <strong>#</strong> also beispielsweise <strong>#ueber-uns</strong>.</p>



<p>Füge auf diese alle deine Menüpunkte hinzu. Achte dabei darauf, dass du bei URL deinen HTML-Anker ohne Schreib- und Tippfehler angibst.</p>



<p>Ist das Menü fertig erstellt, so klicke nun auf <strong>Menü speichern</strong> (blauer Button unten rechts).</p>



<p>Du hast nun deinen Onepager erstellt. Teste jetzt deine Webseite und das Menü. Sollten einzelne Menü-Punkte nicht funktionieren, so prüfe deinen HTML-Anker und die Schreibweise im Menü.</p>
</div></div>
</div></div></div>



<p>Das Aussehen des Menüs kannst du je nach verwendetem Theme in den Theme-Einstellungen oder im Customizer bearbeiten. </p>



<p>Bei <strong>Kadence</strong> wird das Erscheinungsbild des Menüs im <strong>Customizer</strong> unter dem Reiter <strong>Header</strong> angepasst.</p>



<div class="wp-block-kadence-spacer aligncenter kt-block-spacer-_1f0535-32"><div class="kt-block-spacer kt-block-spacer-halign-center"><hr class="kt-divider"/></div></div>



<div id="kt-info-box_cb0492-cd" class="wp-block-kadence-infobox"><div class="kt-blocks-info-box-link-wrap kt-blocks-info-box-media-align-left kt-info-halign-left"><div class="kt-infobox-textcontent"><p class="kt-blocks-info-box-text"><strong>Allgemeiner Hinweis:</strong><br/>Prüfe deine grundlegenden WordPress Einstellungen. Die Webseite, die du angelegt hast, sollte natürlich auch als Startseite definiert sein.</p><div class="kt-blocks-info-box-learnmore-wrap"><a class="kt-blocks-info-box-learnmore info-box-link" target="_blank" rel="noopener noreferrer nofollow" href="https://www.youtube.com/watch?v=QcTfjXlxwoQ">Grundlegende WordPress Einstellungen</a></div></div></div></div>
</div></div>
</div></div></div>



<div class="wp-block-kadence-rowlayout alignnone"><div id="kt-layout-id_5f2ab5-b0" class="kt-row-layout-inner kt-layout-id_5f2ab5-b0"><div class="kt-row-column-wrap kt-has-1-columns kt-gutter-default kt-v-gutter-default kt-row-valign-top kt-row-layout-equal kt-tab-layout-inherit kt-m-colapse-left-to-right kt-mobile-layout-row">
<div class="wp-block-kadence-column inner-column-1 kadence-column_c0569b-57"><div class="kt-inside-inner-col">
<h2 class="kt-adv-heading_51c9e3-f6 wp-block-kadence-advancedheading" data-kb-block="kb-adv-heading_51c9e3-f6">Fazit</h2>



<p>Ein Onepager kann eine gute Lösung für Unternehmen sein, die eine einfache Website erstellen möchten, die leicht zu navigieren und optisch ansprechend ist. Allerdings sollten die Nachteile sorgfältig abgewogen werden, bevor man sich für die Erstellung einer solchen Webseite entscheidet. Das Theme spielt hierbei eine eher untergeordnete Rolle: Es gibt zwar Themes, die auf Onepager spezialisiert sind, doch Webseiten dieser Art sich auch mit einem Theme wie Kadence oder Astra umsetzen.</p>



<h4 class="kt-adv-heading_bcc7e9-57 wp-block-kadence-advancedheading" data-kb-block="kb-adv-heading_bcc7e9-57">Weitere Infos</h4>



<div class="wp-block-kadence-iconlist kt-svg-icon-list-items kt-svg-icon-list-items_b7975c-1e kt-svg-icon-list-columns-1 alignnone kt-list-icon-aligntop"><ul class="kt-svg-icon-list"><li class="kt-svg-icon-list-style-default kt-svg-icon-list-item-wrap kt-svg-icon-list-item-0 kt-svg-icon-list-level-0"><a href="https://onestep-webdesign.de/empfehlung-wordpress-theme/" class="kt-svg-icon-link" target="_blank" rel="noopener noreferrer"><div style="display:inline-flex;justify-content:center;align-items:center" class="kt-svg-icon-list-single kt-svg-icon-list-single-fas_long-arrow-alt-right"><svg style="display:inline-block;vertical-align:middle" viewBox="0 0 448 512" height="15" width="15" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M313.941 216H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12h301.941v46.059c0 21.382 25.851 32.09 40.971 16.971l86.059-86.059c9.373-9.373 9.373-24.569 0-33.941l-86.059-86.059c-15.119-15.119-40.971-4.411-40.971 16.971V216z"></path></svg></div><span class="kt-svg-icon-list-text">Diese 3 WordPress Themes sind die Besten</span></a></li><li class="kt-svg-icon-list-style-default kt-svg-icon-list-item-wrap kt-svg-icon-list-item-1 kt-svg-icon-list-level-0"><a href="https://youtu.be/PxeI99BA6B8" class="kt-svg-icon-link" target="_blank" rel="noopener noreferrer"><div style="display:inline-flex;justify-content:center;align-items:center" class="kt-svg-icon-list-single kt-svg-icon-list-single-fas_long-arrow-alt-right"><svg style="display:inline-block;vertical-align:middle" viewBox="0 0 448 512" height="15" width="15" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M313.941 216H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12h301.941v46.059c0 21.382 25.851 32.09 40.971 16.971l86.059-86.059c9.373-9.373 9.373-24.569 0-33.941l-86.059-86.059c-15.119-15.119-40.971-4.411-40.971 16.971V216z"></path></svg></div><span class="kt-svg-icon-list-text">Video: Kadence Theme Vorstellung</span></a></li></ul></div>
</div></div>
</div></div></div>



<div class="wp-block-kadence-rowlayout alignnone"><div id="kt-layout-id_0821f7-c8" class="kt-row-layout-inner kt-layout-id_0821f7-c8"><div class="kt-row-column-wrap kt-has-1-columns kt-gutter-default kt-v-gutter-default kt-row-valign-top kt-row-layout-equal kt-tab-layout-inherit kt-m-colapse-left-to-right kt-mobile-layout-row">
<div class="wp-block-kadence-column inner-column-1 kadence-column_10cb5f-c4"><div class="kt-inside-inner-col">
<div class="wp-block-kadence-accordion alignnone"><div class="kt-accordion-wrap kt-accordion-wrap kt-accordion-id_30f8ea-ab kt-accordion-has-8-panes kt-active-pane-0 kt-accordion-block kt-pane-header-alignment-left kt-accodion-icon-style-basic kt-accodion-icon-side-right" style="max-width:none"><div class="kt-accordion-inner-wrap" data-allow-multiple-open="false" data-start-open="0">
<div class="wp-block-kadence-pane kt-accordion-pane kt-accordion-pane-1 kt-pane_27bcc8-af"><div class="kt-accordion-header-wrap"><button class="kt-blocks-accordion-header kt-acccordion-button-label-show"><span class="kt-blocks-accordion-title-wrap"><span class="kt-blocks-accordion-title">Was ist eine Onepager-Webseite und was sind ihre Vorteile?</span></span><span class="kt-blocks-accordion-icon-trigger"></span></button></div><div class="kt-accordion-panel kt-accordion-panel-hidden"><div class="kt-accordion-panel-inner">
<p>Ein Onepager ist eine Website mit nur einer Seite. Der Vorteil dieser Art von Website ist, dass sie sehr einfach und leicht zu bedienen ist.Hierbei muss man sich nicht durch verschiedene Seiten klicken, um die gesuchten Informationen zu finden: Alles befindet sich auf einer Seite und man muss lediglich nach unten scrollen, um alle Inhalte zu sehen.</p>
</div></div></div>



<div class="wp-block-kadence-pane kt-accordion-pane kt-accordion-pane-2 kt-pane_f0c186-42"><div class="kt-accordion-header-wrap"><button class="kt-blocks-accordion-header kt-acccordion-button-label-show"><span class="kt-blocks-accordion-title-wrap"><span class="kt-blocks-accordion-title">Welche Art von Inhalt kann ich auf meiner Onepager-Webseite veröffentlichen?</span></span><span class="kt-blocks-accordion-icon-trigger"></span></button></div><div class="kt-accordion-panel kt-accordion-panel-hidden"><div class="kt-accordion-panel-inner">
<p>Auf einem Onepager kann jede Art von Inhalt veröffentlicht werden. Das können Informationen über ein Unternehmen, Produkte, Dienstleistungen oder alles andere sein. Allerdings eignen sich Onepager nur begrenzt für detaillierte und lange Inhalte (da es schließlich nur eine einzige Seite ist). Wenn sehr viel Inhalt dargestellt werden soll, ist gegebenenfalls eine klassische Website die bessere Lösung.</p>
</div></div></div>



<div class="wp-block-kadence-pane kt-accordion-pane kt-accordion-pane-4 kt-pane_f88bfe-f3"><div class="kt-accordion-header-wrap"><button class="kt-blocks-accordion-header kt-acccordion-button-label-show"><span class="kt-blocks-accordion-title-wrap"><span class="kt-blocks-accordion-title">Was sind die häufigsten Fehler, die bei der Erstellung eines Onepagers gemacht werden?</span></span><span class="kt-blocks-accordion-icon-trigger"></span></button></div><div class="kt-accordion-panel kt-accordion-panel-hidden"><div class="kt-accordion-panel-inner">
<p>Einer der häufigsten Fehler ist der Versuch, zu viele Informationen auf eine Seite zu packen. Denke daran, dass weniger manchmal mehr ist. Halte deine Onepager-Webseite einfach und leicht zu navigieren. Ein weiterer Fehler ist die Nichtnutzung von Leerraum. Verwende Leerraum, um den Inhalt aufzulockern und ihn übersichtlicher zu gestalten.</p>
</div></div></div>



<div class="wp-block-kadence-pane kt-accordion-pane kt-accordion-pane-7 kt-pane_68def8-28"><div class="kt-accordion-header-wrap"><button class="kt-blocks-accordion-header kt-acccordion-button-label-show"><span class="kt-blocks-accordion-title-wrap"><span class="kt-blocks-accordion-title">Was sind die Nachteile von Onepagern?</span></span><span class="kt-blocks-accordion-icon-trigger"></span></button></div><div class="kt-accordion-panel kt-accordion-panel-hidden"><div class="kt-accordion-panel-inner">
<p>Onepager haben zwar viele Vorteile, aber es gibt auch einige Nachteile zu beachten. Einer der größten Nachteile ist, dass es schwierig sein kann, mit einer Onepager-Webseite in den Suchmaschinen weit oben zu ranken. Das liegt daran, dass Suchmaschinen Websites mit mehreren Seiten bevorzugen.</p>
</div></div></div>
</div></div></div>
</div></div>
</div></div></div>


<div class="sabox-plus-item"><div class="saboxplugin-wrap" itemtype="http://schema.org/Person" itemscope itemprop="author"><div class="saboxplugin-tab"><div class="saboxplugin-gravatar"><img loading="lazy" decoding="async" src="https://onestep-webdesign.de/wp-content/uploads/2020/02/kontakt-Benjamin-Bode.jpg" width="100"  height="100" alt="Webdesign - Benjamin Bode" itemprop="image"></div><div class="saboxplugin-authorname"><a href="https://onestep-webdesign.de/author/admin/" class="vcard author" rel="author"><span class="fn">Benjamin Bode</span></a></div><div class="saboxplugin-desc"><div itemprop="description"><p><em>Die Website kann ein entscheidendes Marketing-Instrument sein, wenn sie entsprechend optimiert und auf dein Unternehmen ausgerichtet ist.</em></p>
</div></div><div class="saboxplugin-web "><a href="https://onestep-webdesign.de" target="_self">onestep-webdesign.de</a></div><div class="clearfix"></div><div class="saboxplugin-socials sabox-colored"><a title="Xing" target="_blank" href="https://www.xing.com/profile/Benjamin_Bode7/" rel="nofollow noopener" class="saboxplugin-icon-color"><svg class="sab-xing" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path class="st0" d="m499.4 250.9c0 2.2 0 4.4-0.1 6.6-0.1 3.7-0.3 7.3-0.5 10.9-0.1 1.7-0.2 3.3-0.4 5-0.2 2.2-0.4 4.5-0.7 6.7-0.1 0.6-0.1 1.1-0.2 1.7-0.7 4.8-1.4 9.5-2.2 14.2v0.3c-0.2 1-0.4 2-0.5 3 0 0.1 0 0.2-0.1 0.3 0 0.2-0.1 0.5-0.1 0.7-0.1 0.5-0.2 1-0.3 1.6 0 0.2-0.1 0.3-0.1 0.5-1 4.4-2 8.8-3.1 13.2-0.2 0.9-0.5 1.9-0.8 2.8-0.2 0.6-0.3 1.1-0.5 1.7-0.8 2.7-1.6 5.3-2.5 8-1.4 4.2-2.8 8.5-4.4 12.5-0.1 0.4-0.3 0.7-0.4 1.1-0.9 2.3-1.8 4.6-2.8 6.8-28.3 66.6-84.9 118.5-154.8 140.4-1.1 0.4-2.2 0.7-3.3 1-2.9 0.9-5.9 1.6-8.8 2.4-0.1 0-0.2 0.1-0.3 0.1-1.4 0.4-2.8 0.8-4.2 1.1-1.1 0.3-2.2 0.5-3.4 0.7-1.3 0.3-2.6 0.6-3.9 0.9-0.2 0.1-0.5 0.1-0.7 0.2-1.5 0.3-2.9 0.5-4.3 0.8-0.6 0.1-1.3 0.2-1.9 0.4-1.2 0.2-2.5 0.5-3.8 0.7-1.9 0.3-3.8 0.6-5.7 0.8-0.3 0-0.5 0.1-0.8 0.1-2.7 0.4-5.5 0.7-8.2 1-0.4 0-0.8 0.1-1.2 0.1-1.1 0.1-2.1 0.2-3.2 0.3s-2.2 0.2-3.4 0.2c-0.8 0.1-1.6 0.1-2.4 0.1-1.4 0.1-2.9 0.2-4.4 0.2-3.6 0.1-7.2 0.2-10.8 0.2-137.9 0-249.5-111.6-249.5-249.3s111.6-249.4 249.4-249.4c133.8 0 242.7 105.2 249 237.2 0.1 1.5 0.1 3 0.2 4.6 0.1 2.5 0.1 5.1 0.1 7.6z" fill="#026466" /><path class="st1" d="m499.4 250.9c0 2.2 0 4.4-0.1 6.6-0.1 3.7-0.3 7.3-0.5 10.9-0.1 1.7-0.2 3.3-0.4 5-0.2 2.2-0.4 4.5-0.7 6.7-0.1 0.6-0.1 1.1-0.2 1.7-0.7 4.8-1.4 9.5-2.2 14.2v0.3c-0.2 1-0.4 2-0.5 3 0 0.1 0 0.2-0.1 0.3 0 0.2-0.1 0.5-0.1 0.7-0.1 0.5-0.2 1-0.3 1.6 0 0.2-0.1 0.3-0.1 0.5-1 4.4-2 8.8-3.1 13.2-0.2 0.9-0.5 1.9-0.8 2.8-0.2 0.6-0.3 1.1-0.5 1.7-0.8 2.7-1.6 5.3-2.5 8-1.4 4.2-2.8 8.5-4.4 12.5-0.1 0.4-0.3 0.7-0.4 1.1-0.9 2.3-1.8 4.6-2.8 6.8-28.3 66.6-84.9 118.5-154.8 140.4-1.1 0.4-2.2 0.7-3.3 1-2.9 0.9-5.9 1.6-8.8 2.4-0.1 0-0.2 0.1-0.3 0.1-1.4 0.4-2.8 0.8-4.2 1.1-1.1 0.3-2.2 0.5-3.4 0.7-1.3 0.3-2.6 0.6-3.9 0.9-0.2 0.1-0.5 0.1-0.7 0.2-1.5 0.3-2.9 0.5-4.3 0.8-0.6 0.1-1.3 0.2-1.9 0.4-1.2 0.2-2.5 0.5-3.8 0.7l-180.6-180.6 70.7-58.1-8.7-62.6 12.2-27.8 59.2 58.8 33.9 3.8 87-125.1 135.1 133.2c0.1 1.5 0.1 3 0.2 4.6 0.1 2.4 0.1 5 0.1 7.5z" /><path class="st2" d="m219.7 227.1c-1.2 2.3-17.2 30.3-47.9 84.3-3.3 5.7-7.4 8.5-12.1 8.5h-44.5c-5.3 0-8.3-5.1-5.8-9.8l47.1-82.8c0.1 0 0.1-0.1 0-0.2l-30-51.6c-2.9-5.3 0.2-9.6 5.8-9.6h44.5c5 0 9.1 2.8 12.3 8.3l30.6 52.9zm150.2-111.9l-98.3 172.8v0.2l62.5 113.8c2.7 4.8 0.1 9.6-5.8 9.6h-44.5c-5.2 0-9.3-2.7-12.3-8.3l-63.1-115.1c2.3-4 35.2-62 98.9-174.3 3.1-5.5 7.1-8.3 11.9-8.3h44.9c5.4-0.1 8.4 4.5 5.8 9.6z" /></svg></span></a><a title="Linkedin" target="_blank" href="https://www.linkedin.com/in/benjamin-bode-61024b1a0/" rel="nofollow noopener" class="saboxplugin-icon-color"><svg class="sab-linkedin" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path class="st0" d="m499.8 250.7c0 7.6-0.4 15.2-1 22.6-0.2 2.2-0.4 4.4-0.7 6.6-0.1 0.6-0.1 1.1-0.2 1.7-0.3 2.6-0.7 5.2-1.1 7.7-0.4 2.3-0.8 4.7-1.2 7 0 0.3-0.1 0.6-0.2 0.9-0.2 1-0.4 1.9-0.5 2.9-0.2 0.8-0.4 1.6-0.5 2.5-0.1 0.3-0.1 0.5-0.2 0.8-0.7 3.3-1.5 6.5-2.3 9.7-0.6 2.3-1.2 4.5-1.9 6.8-1.5 5.3-3.2 10.5-5 15.6-26.7 73.9-87.3 131.6-163.2 154.2-3 0.9-6.1 1.8-9.2 2.6-1.5 0.4-3 0.8-4.5 1.1-3.6 0.9-7.2 1.6-10.9 2.3h-0.2c-0.2 0-0.3 0.1-0.5 0.1l-3 0.6c-1.8 0.3-3.6 0.6-5.4 0.9-0.2 0-0.3 0.1-0.5 0.1-0.9 0.1-1.9 0.3-2.8 0.4-5.5 0.8-11.1 1.3-16.7 1.7-0.8 0.1-1.6 0.1-2.4 0.1-5 0.3-10.1 0.4-15.2 0.4-137.7 0-249.3-111.6-249.3-249.3s111.6-249.4 249.3-249.4 249.3 111.7 249.3 249.4z" fill="#0077b5" /><path class="st1" d="m485 335.5c-26.7 73.9-87.3 131.6-163.2 154.2-3 0.9-6.1 1.8-9.2 2.6-1.5 0.4-3 0.8-4.5 1.1-3.6 0.9-7.2 1.6-10.9 2.3h-0.2l-148.3-148.1 35.3-142.9-32-37.6 38.1-38.7 68 68.4h11.9l9.5 9.3 70.5-3.9 135 133.3z" /><path class="st2" d="m195.6 347.6h-46.9v-150.8h46.9v150.8zm-23.5-171.4c-15 0-27.1-12.4-27.1-27.4s12.2-27.1 27.1-27.1c15 0 27.1 12.2 27.1 27.1s-12.1 27.4-27.1 27.4zm198.9 171.4h-46.8v-73.4c0-17.5-0.4-39.9-24.4-39.9-24.4 0-28.1 19-28.1 38.7v74.7h-46.8v-150.9h44.9v20.6h0.7c6.3-11.9 21.5-24.4 44.3-24.4 47.4 0 56.1 31.2 56.1 71.8l0.1 82.8z" /></svg></span></a><a title="Facebook" target="_blank" href="https://www.facebook.com/onestepwebdesign/" rel="nofollow noopener" class="saboxplugin-icon-color"><svg class="sab-facebook" viewBox="0 0 500 500.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path class="st0" d="m499.4 250.9c0 9.9-0.6 19.7-1.7 29.2-0.1 0.6-0.1 1.1-0.2 1.7-0.8 6.3-1.8 12.4-3 18.5-0.2 1.1-0.5 2.2-0.7 3.3-1.2 5.6-2.6 11-4.2 16.5-23.4 81.3-87.1 145.6-168.2 169.8-4.5 1.3-9.1 2.6-13.7 3.7-7.6 1.8-15.4 3.3-23.3 4.4-5.5 0.8-11.1 1.3-16.7 1.7-0.8 0.1-1.6 0.1-2.4 0.1-5 0.3-10.1 0.4-15.2 0.4-137.8 0-249.4-111.6-249.4-249.3s111.6-249.4 249.4-249.4 249.3 111.7 249.3 249.4z" fill="#3b5998" /><path class="st1" d="m493.8 303.6c-1.2 5.6-2.6 11-4.2 16.5-23.4 81.3-87.1 145.6-168.2 169.8-4.5 1.3-9.1 2.6-13.7 3.7l-100.9-101 1.8-3.5 2.1-76.7-45.3-43.7 41.3-31 30-95.3 71.4-24.7 185.7 185.9z" /><path class="st2" d="M206.8,392.6V268.8h-41.5v-49.2h41.5v-38.8c0-42.1,25.7-65,63.3-65c18,0,33.5,1.4,38,1.9v44H282  c-20.4,0-24.4,9.7-24.4,24v33.9h46.1l-6.3,49.2h-39.8v123.8" /></svg></span></a><a title="User email" target="_self" href="mailto:be&#110;jamin&#064;&#111;&#110;&#101;s&#116;&#101;p&#045;web&#100;&#101;&#115;&#105;&#103;&#110;.d&#101;" rel="nofollow noopener" class="saboxplugin-icon-color"><svg class="sab-user_email" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500.7"><path class="st0" d="M499.4 250.9c0 2.2 0 4.4-0.1 6.6v0.4c-0.1 1.8-0.2 3.6-0.2 5.3 0 0.4 0 0.8-0.1 1.2 -0.1 1.3-0.1 2.6-0.2 4 -0.1 1.7-0.2 3.3-0.4 5 0 0.2 0 0.4-0.1 0.6 -0.2 2-0.4 4.1-0.6 6.1 -0.1 0.6-0.1 1.1-0.2 1.7 -0.7 4.4-1.3 8.8-2 13.2 0 0.4-0.1 0.7-0.2 1v0.3c-0.2 1-0.4 2-0.5 3 0 0.1 0 0.2-0.1 0.3v0.1c0 0.2-0.1 0.4-0.1 0.6 -0.1 0.5-0.2 1-0.3 1.6 0 0.2-0.1 0.3-0.1 0.5 -0.6 2.6-1.2 5.2-1.8 7.8 -0.4 1.8-0.9 3.6-1.3 5.5 -0.2 0.9-0.5 1.9-0.8 2.8 -0.2 0.6-0.3 1.1-0.5 1.7 -0.8 2.7-1.6 5.3-2.5 8 -1.4 4.2-2.8 8.5-4.4 12.5 -0.1 0.4-0.3 0.7-0.4 1.1 -0.9 2.3-1.8 4.6-2.8 6.8 -28.1 66.2-84.2 117.8-153.5 140 -0.5 0.2-0.9 0.3-1.3 0.4 -1.1 0.4-2.2 0.7-3.3 1 -2.9 0.9-5.9 1.6-8.8 2.4 -0.1 0-0.2 0.1-0.3 0.1 -0.4 0.1-0.7 0.2-1.1 0.3 -1 0.3-2.1 0.6-3.1 0.8 -1 0.3-2 0.5-3.1 0.6 -0.1 0-0.2 0-0.3 0.1 -1 0.2-1.9 0.4-2.9 0.7 -0.3 0.1-0.7 0.2-1 0.2 -0.2 0.1-0.5 0.1-0.7 0.2 -1.5 0.3-2.9 0.5-4.3 0.8 -0.6 0.1-1.3 0.2-1.9 0.4 -0.2 0-0.3 0.1-0.5 0.1 -1.1 0.2-2.2 0.4-3.3 0.6 -1.2 0.2-2.4 0.4-3.5 0.5 -0.7 0.1-1.4 0.2-2.1 0.3 -0.3 0-0.5 0.1-0.8 0.1 -2.7 0.4-5.5 0.7-8.2 1 -0.3 0-0.7 0.1-1 0.1 -0.1 0-0.1 0-0.2 0 -1.1 0.1-2.1 0.2-3.2 0.3 -0.1 0-0.1 0-0.2 0 -1 0.1-2.1 0.2-3.2 0.2 -0.8 0.1-1.6 0.1-2.4 0.1 -1.4 0.1-2.9 0.2-4.4 0.2 -3.6 0.1-7.2 0.2-10.8 0.2 -4.3 0-8.7-0.1-13-0.3C105.4 493.1 0.7 384.3 0.7 250.9 0.7 113.2 112.3 1.5 250.1 1.5c129.3 0 235.3 98.2 248 223.9 0.5 4.4 0.8 8.9 1 13.3 0.1 1.5 0.1 3 0.2 4.6C499.4 245.8 499.4 248.4 499.4 250.9z" fill="#F97E2A" /><path class="st1" d="M499.1 263.2c0 0.4 0 0.8-0.1 1.2 -0.1 1.3-0.1 2.6-0.2 4 -0.1 1.7-0.2 3.3-0.4 5 0 0.2 0 0.4-0.1 0.6 -0.2 2-0.4 4.1-0.6 6.1 -0.1 0.6-0.1 1.1-0.2 1.7 -0.7 4.4-1.3 8.8-2 13.2 0 0.4-0.1 0.7-0.2 1v0.3c-0.2 1-0.4 2-0.5 3 0 0.1 0 0.2-0.1 0.3v0.1c0 0.2-0.1 0.4-0.1 0.6 -0.1 0.5-0.2 1-0.3 1.6 0 0.2-0.1 0.3-0.1 0.5 -0.6 2.6-1.2 5.2-1.8 7.8 -0.4 1.8-0.9 3.6-1.3 5.5 -0.2 0.9-0.5 1.9-0.8 2.8 -0.2 0.6-0.3 1.1-0.5 1.7 -0.8 2.7-1.6 5.3-2.5 8 -1.4 4.2-2.8 8.5-4.4 12.5 -0.1 0.4-0.3 0.7-0.4 1.1 -0.9 2.3-1.8 4.6-2.8 6.8 -28.1 66.2-84.2 117.8-153.5 140 -0.5 0.2-0.9 0.3-1.3 0.4 -1.1 0.4-2.2 0.7-3.3 1 -2.9 0.9-5.9 1.6-8.8 2.4 -0.1 0-0.2 0.1-0.3 0.1 -0.4 0.1-0.7 0.2-1.1 0.3 -1 0.3-2.1 0.6-3.1 0.8 -1 0.3-2 0.5-3.1 0.6 -0.1 0-0.2 0-0.3 0.1 -1 0.2-1.9 0.4-2.9 0.7 -0.3 0.1-0.7 0.2-1 0.2 -0.2 0.1-0.5 0.1-0.7 0.2 -1.5 0.3-2.9 0.5-4.3 0.8 -0.6 0.1-1.3 0.2-1.9 0.4 -0.2 0-0.3 0.1-0.5 0.1 -1.1 0.2-2.2 0.4-3.3 0.6 -1.2 0.2-2.4 0.4-3.5 0.5 -0.7 0.1-1.4 0.2-2.1 0.3 -0.3 0-0.5 0.1-0.8 0.1 -2.7 0.4-5.5 0.7-8.2 1 -0.3 0-0.7 0.1-1 0.1L119.9 344.1l105.3-46.7L119.9 191.6l265.6-41.2L499.1 263.2z" /><path class="st2" d="M390.1 214.1c2.1-1.7 5.3-0.1 5.3 2.6v112c0 14.5-11.8 26.3-26.3 26.3H141.2c-14.5 0-26.3-11.8-26.3-26.3v-112c0-2.7 3.1-4.3 5.3-2.6 12.3 9.5 28.5 21.6 84.4 62.2 11.6 8.4 31.1 26.2 50.5 26.1 19.6 0.2 39.4-18 50.6-26.1C361.6 235.7 377.8 223.6 390.1 214.1zM255.1 284.8c12.7 0.2 31-16 40.2-22.7 72.7-52.8 78.2-57.4 95-70.5 3.2-2.5 5-6.3 5-10.4v-10.4c0-14.5-11.8-26.3-26.3-26.3H141.2c-14.5 0-26.3 11.8-26.3 26.3v10.4c0 4.1 1.9 7.8 5 10.4 16.8 13.1 22.3 17.7 95 70.5C224.1 268.8 242.4 285 255.1 284.8L255.1 284.8z" /></svg></span></a></div></div></div></div>]]></content:encoded>
					
					<wfw:commentRss>https://onestep-webdesign.de/onepager-was-sollte-man-beachten/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Diese 3 WordPress Themes sind die Besten</title>
		<link>https://onestep-webdesign.de/empfehlung-wordpress-theme/</link>
					<comments>https://onestep-webdesign.de/empfehlung-wordpress-theme/#comments</comments>
		
		<dc:creator><![CDATA[Benjamin Bode]]></dc:creator>
		<pubDate>Sat, 22 Jan 2022 16:16:00 +0000</pubDate>
				<category><![CDATA[Theme]]></category>
		<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">https://onestep-webdesign.de/?p=7852</guid>

					<description><![CDATA[Die Festlegung auf ein WordPress Theme ist nicht einfach. Design, Funktionen, Ladegeschwindigkeit, Support, Preis und die Kompatibilität zu verschiedenen Plugins sollten beachtet werden. Basierend auf meinen Erfahrungen, kann ich die folgenden 3 WordPress Themes empfehlen.]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-kadence-rowlayout alignnone"><div id="kt-layout-id_986e76-4d" class="kt-row-layout-inner kt-layout-id_986e76-4d"><div class="kt-row-column-wrap kt-has-1-columns kt-gutter-default kt-v-gutter-default kt-row-valign-top kt-row-layout-equal kt-tab-layout-inherit kt-m-colapse-left-to-right kt-mobile-layout-row">
<div class="wp-block-kadence-column inner-column-1 kadence-column_1e716c-3c"><div class="kt-inside-inner-col">
<p>Die Festlegung auf ein WordPress Theme ist nicht einfach. Einerseits sind Design und Funktionen wichtige Aspekte, andererseits sollte bei einem Theme auch die Ladegeschwindigkeit und die Kompatibilität zu verschiedenen Plugins beachtet werden. Zu guter Letzt spielt natürlich auch der Support sowie der Preis eine Rolle.</p>



<p>Basierend auf meinen Erfahrungen und Tests, kann ich die folgenden 3 WordPress Themes empfehlen. Diese Themes verwende ich bei Kunden-Projekten und natürlich auch auf meinen eigenen Webseiten. Mit Sicherheit wird eines der Themes auch deine Bedürfnisse abdecken <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f609.png" alt="😉" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
</div></div>
</div></div></div>



<div class="wp-block-kadence-rowlayout alignnone"><div id="kt-layout-id_00ebcc-48" class="kt-row-layout-inner kt-layout-id_00ebcc-48"><div class="kt-row-column-wrap kt-has-1-columns kt-gutter-default kt-v-gutter-default kt-row-valign-top kt-row-layout-equal kt-tab-layout-inherit kt-m-colapse-left-to-right kt-mobile-layout-row">
<div class="wp-block-kadence-column inner-column-1 kadence-column_5f524e-be"><div class="kt-inside-inner-col"></div></div>
</div></div></div>



<div class="wp-block-kadence-rowlayout alignnone"><div id="kt-layout-id_d8b52b-8c" class="kt-row-layout-inner kt-layout-id_d8b52b-8c"><div class="kt-row-column-wrap kt-has-1-columns kt-gutter-default kt-v-gutter-default kt-row-valign-top kt-row-layout-equal kt-tab-layout-inherit kt-m-colapse-left-to-right kt-mobile-layout-row">
<div class="wp-block-kadence-column inner-column-1 kadence-column_9b7002-56"><div class="kt-inside-inner-col">
<h2 class="kt-adv-heading_f6b171-0c wp-block-kadence-advancedheading" data-kb-block="kb-adv-heading_f6b171-0c">Übersicht: WordPress Themes</h2>



<div class="wp-block-kadence-rowlayout alignnone"><div id="kt-layout-id_26548b-19" class="kt-row-layout-inner kt-layout-id_26548b-19"><div class="kt-row-column-wrap kt-has-3-columns kt-gutter-default kt-v-gutter-default kt-row-valign-top kt-row-layout-equal kt-tab-layout-inherit kt-m-colapse-left-to-right kt-mobile-layout-row kt-inner-column-height-full">
<div class="wp-block-kadence-column inner-column-1 kadence-column_e97598-9a"><div class="kt-inside-inner-col"><div class="kb-gallery-wrap-id-_c7c674-16 alignnone wp-block-kadence-advancedgallery"><ul class="kb-gallery-ul kb-gallery-non-static kb-gallery-type-grid kb-gallery-id-_c7c674-16 kb-gallery-caption-style-bottom-hover kb-gallery-filter-none" data-image-filter="none" data-item-selector=".kadence-blocks-gallery-item" data-lightbox-caption="true" data-columns-xxl="1" data-columns-xl="1" data-columns-md="1" data-columns-sm="1" data-columns-xs="1" data-columns-ss="1"><li class="kadence-blocks-gallery-item" tabindex="0"><div class="kadence-blocks-gallery-item-inner"><figure class="kb-gallery-figure kadence-blocks-gallery-item-hide-caption"><div class="kb-gal-image-radius" style="max-width:600px;"><div class="kb-gallery-image-contain kadence-blocks-gallery-intrinsic kb-gallery-image-ratio-inherit kb-has-image-ratio-inherit" style="padding-bottom:42%;"><img loading="lazy" decoding="async" src="https://onestep-webdesign.de/wp-content/uploads/2021/10/kadencewp-white.webp" width="600" height="255" alt="kadenceWP" data-full-image="https://onestep-webdesign.de/wp-content/uploads/2021/10/kadencewp-white.webp" data-light-image="https://onestep-webdesign.de/wp-content/uploads/2021/10/kadencewp-white.webp" data-id="8039" class="wp-image-8039" srcset="https://onestep-webdesign.de/wp-content/uploads/2021/10/kadencewp-white.webp 600w, https://onestep-webdesign.de/wp-content/uploads/2021/10/kadencewp-white-300x128.webp 300w" sizes="auto, (max-width: 600px) 100vw, 600px" /></div></div></figure></div></li></ul></div>


<p>Ein hervorragendes, modernes WordPress Theme mit extrem guten Ladezeiten, einigen Design-Vorlagen und extrem nützlichen Funktionen. Aktuell mein absoluter Favorit.</p>



<div class="wp-block-kadence-advancedbtn kt-btn-align-center kt-btn-tablet-align-inherit kt-btn-mobile-align-inherit kt-btns-wrap kt-btns_840bcd-dd"><div class="kt-btn-wrap kt-btn-wrap-0"><a class="kt-button button kt-btn-0-action kt-btn-size-standard kt-btn-style-basic kt-btn-svg-show-always kt-btn-has-text-true kt-btn-has-svg-false kb-btn-global-inherit wp-block-button__link" href="https://www.kadencewp.com/kadence-theme/premium/?ref=903" target="_blank" rel="noreferrer noopener nofollow"><span class="kt-btn-inner-text">Kadence WP *</span></a></div></div>
</div></div>



<div class="wp-block-kadence-column inner-column-2 kadence-column_66594c-ab"><div class="kt-inside-inner-col"><div class="kb-gallery-wrap-id-_2fa783-0a alignnone wp-block-kadence-advancedgallery"><ul class="kb-gallery-ul kb-gallery-non-static kb-gallery-type-grid kb-gallery-id-_2fa783-0a kb-gallery-caption-style-bottom-hover kb-gallery-filter-none" data-image-filter="none" data-item-selector=".kadence-blocks-gallery-item" data-lightbox-caption="true" data-columns-xxl="1" data-columns-xl="1" data-columns-md="1" data-columns-sm="1" data-columns-xs="1" data-columns-ss="1"><li class="kadence-blocks-gallery-item" tabindex="0"><div class="kadence-blocks-gallery-item-inner"><figure class="kb-gallery-figure kadence-blocks-gallery-item-hide-caption"><div class="kb-gal-image-radius" style="max-width:571px;"><div class="kb-gallery-image-contain kadence-blocks-gallery-intrinsic kb-gallery-image-ratio-inherit kb-has-image-ratio-inherit" style="padding-bottom:39%;"><img loading="lazy" decoding="async" src="https://onestep-webdesign.de/wp-content/uploads/2021/11/Astra-Theme-Logo.webp" width="571" height="226" alt="Astra-Theme-Logo" data-full-image="https://onestep-webdesign.de/wp-content/uploads/2021/11/Astra-Theme-Logo.webp" data-light-image="https://onestep-webdesign.de/wp-content/uploads/2021/11/Astra-Theme-Logo.webp" data-id="8040" class="wp-image-8040" srcset="https://onestep-webdesign.de/wp-content/uploads/2021/11/Astra-Theme-Logo.webp 571w, https://onestep-webdesign.de/wp-content/uploads/2021/11/Astra-Theme-Logo-300x119.webp 300w" sizes="auto, (max-width: 571px) 100vw, 571px" /></div></div></figure></div></li></ul></div>


<p>Das Astra Theme besticht durch eine gute Ladezeit kombiniert mit schönen Vorlagen, die direkt verwendet werden können. Auch bietet es viele sinnvolle Erweiterungen.</p>



<div class="wp-block-kadence-advancedbtn kt-btn-align-center kt-btn-tablet-align-inherit kt-btn-mobile-align-inherit kt-btns-wrap kt-btns_db4576-86"><div class="kt-btn-wrap kt-btn-wrap-0"><a class="kt-button button kt-btn-0-action kt-btn-size-standard kt-btn-style-basic kt-btn-svg-show-always kt-btn-has-text-true kt-btn-has-svg-false kb-btn-global-inherit wp-block-button__link" href="https://wpastra.com/?bsf=4594" target="_blank" rel="noreferrer noopener nofollow"><span class="kt-btn-inner-text">Astra Theme *</span></a></div></div>
</div></div>



<div class="wp-block-kadence-column inner-column-3 kadence-column_dfbdbc-46"><div class="kt-inside-inner-col"><div class="kb-gallery-wrap-id-_28fff4-c2 alignnone wp-block-kadence-advancedgallery"><ul class="kb-gallery-ul kb-gallery-non-static kb-gallery-type-grid kb-gallery-id-_28fff4-c2 kb-gallery-caption-style-bottom-hover kb-gallery-filter-none" data-image-filter="none" data-item-selector=".kadence-blocks-gallery-item" data-lightbox-caption="true" data-columns-xxl="1" data-columns-xl="1" data-columns-md="1" data-columns-sm="1" data-columns-xs="1" data-columns-ss="1"><li class="kadence-blocks-gallery-item" tabindex="0"><div class="kadence-blocks-gallery-item-inner"><figure class="kb-gallery-figure kadence-blocks-gallery-item-hide-caption"><div class="kb-gal-image-radius" style="max-width:527px;"><div class="kb-gallery-image-contain kadence-blocks-gallery-intrinsic kb-gallery-image-ratio-inherit kb-has-image-ratio-inherit" style="padding-bottom:53%;"><img loading="lazy" decoding="async" src="https://onestep-webdesign.de/wp-content/uploads/2021/11/Hello-Theme.webp" width="527" height="280" alt="Hello Theme" data-full-image="https://onestep-webdesign.de/wp-content/uploads/2021/11/Hello-Theme.webp" data-light-image="https://onestep-webdesign.de/wp-content/uploads/2021/11/Hello-Theme.webp" data-id="8041" class="wp-image-8041" srcset="https://onestep-webdesign.de/wp-content/uploads/2021/11/Hello-Theme.webp 527w, https://onestep-webdesign.de/wp-content/uploads/2021/11/Hello-Theme-300x159.webp 300w" sizes="auto, (max-width: 527px) 100vw, 527px" /></div></div></figure></div></li></ul></div>


<p>Das Hello Theme wird direkt von Elementor bereitgestellt. Dieses Theme ist ausschließlich für den Einsatz von <a href="https://be.elementor.com/visit/?bta=14599&amp;nci=5383" target="_blank" rel="noopener">Elementor Pro</a>* optimiert.</p>



<div class="wp-block-kadence-advancedbtn kt-btn-align-center kt-btn-tablet-align-inherit kt-btn-mobile-align-inherit kt-btns-wrap kt-btns_52dcef-9d"><div class="kt-btn-wrap kt-btn-wrap-0"><a class="kt-button button kt-btn-0-action kt-btn-size-standard kt-btn-style-basic kt-btn-svg-show-always kt-btn-has-text-true kt-btn-has-svg-false kb-btn-global-inherit wp-block-button__link" href="https://elementor.com/hello-theme/?ref=14599" target="_blank" rel="noreferrer noopener nofollow"><span class="kt-btn-inner-text">Hello Theme</span></a></div></div>
</div></div>
</div></div></div>
</div></div>
</div></div></div>



<div class="wp-block-kadence-rowlayout alignnone"><div id="kt-layout-id_4c287d-6f" class="kt-row-layout-inner kt-layout-id_4c287d-6f"><div class="kt-row-column-wrap kt-has-1-columns kt-gutter-default kt-v-gutter-default kt-row-valign-top kt-row-layout-equal kt-tab-layout-inherit kt-m-colapse-left-to-right kt-mobile-layout-row">
<div class="wp-block-kadence-column inner-column-1 kadence-column_27007f-b3"><div class="kt-inside-inner-col">
			
			
										
			
			</div></div>
</div></div></div>



<div class="wp-block-kadence-rowlayout alignnone"><div id="kt-layout-id_b5709c-4c" class="kt-row-layout-inner kt-layout-id_b5709c-4c"><div class="kt-row-column-wrap kt-has-1-columns kt-gutter-default kt-v-gutter-default kt-row-valign-top kt-row-layout-equal kt-tab-layout-inherit kt-m-colapse-left-to-right kt-mobile-layout-row">
<div class="wp-block-kadence-column inner-column-1 kadence-column_15a925-a3"><div class="kt-inside-inner-col">
<h2 class="kt-adv-heading_e3fbf8-43 wp-block-kadence-advancedheading" data-kb-block="kb-adv-heading_e3fbf8-43">Kadence WP</h2>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" src="https://onestep-webdesign.de/wp-content/uploads/2021/10/kadencewp-white.webp" alt="kadenceWP" class="wp-image-8039" width="300" height="128" srcset="https://onestep-webdesign.de/wp-content/uploads/2021/10/kadencewp-white.webp 600w, https://onestep-webdesign.de/wp-content/uploads/2021/10/kadencewp-white-300x128.webp 300w" sizes="auto, (max-width: 300px) 100vw, 300px" /></figure>



<p>Eines vorweg: Ich bin ein absoluter Fan von diesem Theme. Anfang 2021 habe ich mich dazu entschlossen, in meinen Projekten vorrangig mit dem Kadence Theme zu arbeiten. Die Gründe für diesen Entschluss sind vielfältig, lassen sich aber grob auf die Begriffe <strong>Ladegeschwindigkeit</strong> und <strong>Gestaltungsmöglichkeiten</strong> zusammenfassen. Im folgenden möchte ich das erklären:</p>



<p><strong>Ladegeschwindigkeit</strong>: Google hat Ernst gemacht und berücksichtigt nun die Ladegeschwindigkeiten von Webseiten weitaus stärker als in der Vergangenheit. </p>



<p>Früher hatte ich Webseiten fast ausschließlich mit Elementor erstellt. Doch bei Verwendung von Elementor oder anderen Pagebuildern ist es verdammt schwer, sehr gute Ladezeiten zu erreichen. (Die Ladegeschwindigkeit einer Webseite kann beispielsweise mit <a href="https://developers.google.com/speed/pagespeed/insights/" target="_blank" rel="noreferrer noopener nofollow">Google Pagespeed Insights</a> ermittelt werden.) Also habe ich nach einer performanten Alternative zu Elementor gesucht, mit der sich aber dennoch gut aussehende WordPress Webseiten gestalten lassen.</p>



<p>Meine Suche führte mich zu dem Ergebnis, dass ich den &#8222;Gutenberg Blockbuilder&#8220; verwenden muss, wenn ich eine sehr schnell ladende Webseite erstellen möchte. Der &#8222;Gutenberg Blockbuilder&#8220; wird direkt von WordPress bereitgestellt und ist automatisch bei jeder WordPress Installation mit dabei (kurzum, es handelt sich hierbei einfach um den WordPress Editor).</p>



<p>Zuvor hatte ich nie mit diesem Editor gearbeitet, da ich stets davon ausgegangen bin, dass sich hiermit nur langweilige Blog-Seiten erstellen lassen, die relativ wenig mit Design zu tun haben. Um dies stimmt auch, aber nur zum Teil: Früher war der Block-Builder kaum zu gebrauchen, doch er hat sich weiterentwickelt und bietet immer mehr Gestaltungsmöglichkeiten. Diese reichen aber noch immer nicht an einen Pagebuilder wie Elementor heran.</p>



<p>Hier kommt nun das Kadence Theme und seine Erweiterungen ins Spiel:</p>



<p><strong>Kadence Blocks</strong> ist eine fantastische Erweiterung (wird als kostenfreies Plugin installiert) für jeden, der den WordPress Block-Builder benutzt. Kadence Blocks sorgt quasi dafür, dass sich der WordPress Editor ein Stück weit wie Elementor anfühlt (auch wenn die Handhabung etwas anders ist). Mit der Erweiterung können nun Zeilen und Spalten angelegt werden (sogenannte Row-Layouts), die dann mit Blocks bestückt werden. Hierbei handelt es sich um Elemente wie zum Beispiel Überschriften, Texte, Bilder, Bildgalerien, Videos, Icons und vieles mehr. Kadence Blocks kann kostenfrei als WordPress Plugin installiert werden. Wer aber noch mehr Blocks verwenden möchte, der kann einen Blick auf die <a href="https://www.kadencewp.com/kadence-blocks/pro/?ref=903" target="_blank" rel="noreferrer noopener nofollow">Pro Version von Kadence Blocks</a> werfen. </p>



<p>Das <strong>Kadence WP Theme</strong> arbeitet optimal mit den Kadence Blocks zusammen. Wie bei vielen anderen WordPress Themes setzen auch bei diesem Theme die Entwickler auf ein sogenanntes Freemium-Model: Das Kadence Theme kann mit seinen Basis-Funktionen kostenfrei verwendet werden. Für zusätzliche Funktionalitäten gibt es das kostenpflichtige <a href="https://www.kadencewp.com/kadence-theme/premium/?ref=903" target="_blank" rel="noreferrer noopener nofollow">Premium Kadence Theme</a>. </p>



<p>Wirklich <strong>sehr beeindruckend ist bereits der Funktionsumfang der kostenfreien Variante</strong>: </p>



<div class="wp-block-kadence-iconlist kt-svg-icon-list-items kt-svg-icon-list-items_6dcd77-64 kt-svg-icon-list-columns-1 alignnone kt-list-icon-aligntop"><ul class="kt-svg-icon-list"><li class="kt-svg-icon-list-style-default kt-svg-icon-list-item-wrap kt-svg-icon-list-item-0 kt-svg-icon-list-level-undefined"><div style="display:inline-flex;justify-content:center;align-items:center" class="kt-svg-icon-list-single kt-svg-icon-list-single-fas_angle-right"><svg style="display:inline-block;vertical-align:middle" viewBox="0 0 256 512" height="20" width="20" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></svg></div><span class="kt-svg-icon-list-text">Mit wenigen Klicks können hier <strong>Design-Vorlagen</strong> importiert werden. Vor dem Import einer Vorlage kann zudem noch die Schriftart und das Farb-Design angepasst werden.</span></li><li class="kt-svg-icon-list-style-default kt-svg-icon-list-item-wrap kt-svg-icon-list-item-1 kt-svg-icon-list-level-undefined"><div style="display:inline-flex;justify-content:center;align-items:center" class="kt-svg-icon-list-single kt-svg-icon-list-single-fas_angle-right"><svg style="display:inline-block;vertical-align:middle" viewBox="0 0 256 512" height="20" width="20" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></svg></div><span class="kt-svg-icon-list-text">Der Customizer bietet großartige Funktionen. So kann beispielsweise der <strong>Header und der Footer</strong> per &#8222;Drag &amp; Drop&#8220; angepasst werden. Beispielsweise lassen sich so Buttons oder Informationen wie Telefonnummer und Öffnungszeiten direkt in der Menüleiste integrieren. Zudem kann das Menü, das am Smartphone angezeigt wird, auch individuell gestaltet werden.</span></li><li class="kt-svg-icon-list-style-default kt-svg-icon-list-item-wrap kt-svg-icon-list-item-2 kt-svg-icon-list-level-undefined"><div style="display:inline-flex;justify-content:center;align-items:center" class="kt-svg-icon-list-single kt-svg-icon-list-single-fas_angle-right"><svg style="display:inline-block;vertical-align:middle" viewBox="0 0 256 512" height="20" width="20" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></svg></div><span class="kt-svg-icon-list-text">Mit wenigen Klicks kann eingestellt werden, dass die verwendeten <strong>Google Schriftarten lokal gespeichert</strong> werden. Somit ist man in Hinblick auf den Datenschutz gut aufgestellt, da keine Verbindung zum Google-Server hergestellt wird. Auch habe ich dadurch bei meinen Webseiten eine Verbesserung der Ladezeiten gemessen. Der Anstieg der Ladegeschwindigkeit ist zwar nicht gewaltig, aber er ist definitiv vorhanden.</span></li><li class="kt-svg-icon-list-style-default kt-svg-icon-list-item-wrap kt-svg-icon-list-item-3 kt-svg-icon-list-level-undefined"><div style="display:inline-flex;justify-content:center;align-items:center" class="kt-svg-icon-list-single kt-svg-icon-list-single-fas_angle-right"><svg style="display:inline-block;vertical-align:middle" viewBox="0 0 256 512" height="20" width="20" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></svg></div><span class="kt-svg-icon-list-text">Ähnlich wie bei Elementor lassen sich mit Kadence die verwendeten <strong>Farben und Schriftarten global speichern</strong>. Dadurch kann man diese auf jeder einzelnen Webseite ohne großes Gesuche finden und verwenden.</span></li></ul></div>



<p>Wer sich für das <a href="https://www.kadencewp.com/kadence-theme/premium/?ref=903" target="_blank" rel="noreferrer noopener nofollow">Kadence WP Theme Premium</a> entscheidet, der bekommt zusätzliche Funktionen, mit denen sich auch anspruchsvolle Websites realisieren lassen. Eine Funktion, die ich hierbei super finde, sind die sogenannten <strong>Hooked Elements</strong>. Hiermit lassen sich Seiten-Abschnitte erstellen. Anschließend kann man dynamisch festlegen, wann und wo diese eingeblendet werden sollen.<br><em>Beispiel: Ich kann einen Abschnitt für eine Rabatt-Aktion am Black Friday erstellen. Diesen Abschnitt kann ich nun dynamisch auf jeder Produktseite anzeigen lassen, beispielsweise bis zum 30. November. Aufgrund der zeitlichen Begrenzung wird der Abschnitt am 01. Dezember nicht mehr angezeigt.</em></p>



<p>Ein weiterer Vorteil vom Premium Theme ist es, dass <strong>Skripte</strong> (zum Beispiel JavaScript) ohne viel Aufwand, direkt über den Customizer, in den Header und Footer der Website integriert werden können. Dies geht sonst natürlich auch bei einem kostenlosen WordPress Theme, jedoch nur mit zusätzlichen Plugins.</p>



<p>Zu guter Letzt möchte hier noch ganz kurz die <strong>WooCommerce Addons</strong> des Kadence WordPress Themes nennen. Eine kleine Geschichte dazu: Vor einigen Jahren, als Shopify relativ neu war, wollte ich auch Online-Shop aufbauen. Es war quasi ein &#8222;Sandkasten Projekt&#8220; von mir, zum Spielen und ausprobieren. Damals war ich beeindruckt davon, wie elegant die Produktseiten von Shopify aussehen und übersichtlich und ansprechend ein solcher Shop aufgebaut werden kann (mit Testimonials, Sterne-Bewertungen, Produktbildern und so weiter). Doch obwohl mir viele Designs von Shopify gefallen, habe ich mich stets an den Limitierungen und dem Abbo-Model gestört. Sobald man etwas &#8222;cooles&#8220; mit Shopify umsetzen möchte, benötigt man ein Plugin, und diese Plugins kosten bei Shopify monatlich Geld (zumindest gilt dies gefühlt für fast alle Plugins im Shopify-Kosmos). <br>So&#8230; Lange Rede, kurz der Sinn: <strong>Mit dem Theme Kadence WP Premium und den damit verbundenen WooCommerce Addons kann ein WordPress Shop aufgebaut werden, der einem Shopify-Store in Puncto Design in nichts nachsteht.</strong> Kadence bietet hier sogar deutlich mehr Möglichkeiten, wenn man zusätzlich das <strong>Kadence Shop Kit</strong> verwendet.</p>



<p><a href="https://www.kadencewp.com/pricing/?ref=903" target="_blank" rel="noreferrer noopener nofollow">Hier gelangst</a> * du direkt zur Preis-Übersicht von Kadence. Ich selbst hatte Anfang 2021 in das Lifetime-Paket investiert. Dieses stellt weitere nützliche Features bereit, die besonders für Agenturen interessant sind. Beispielsweise kann ich mit <strong>Kadence Cloud</strong> von mir erstellte Designs direkt in einer Cloud ablegen und jederzeit, von jeder Webseite, die mit Kadence erstellt wurde, da drauf zugreifen. </p>



<p>Wenn du Kadence noch nicht kennst, dann kann ich dir nur empfehlen, es einmal zu testen, getreu dem Motto &#8222;probieren geht über studieren&#8220;. Das Kadence Theme kann ganz normal in WordPress installiert werden und bietet reichlich viele Gestaltungsmöglichkeiten.</p>



<div class="wp-block-kadence-rowlayout alignnone"><div id="kt-layout-id_7151a2-35" class="kt-row-layout-inner kt-layout-id_7151a2-35"><div class="kt-row-column-wrap kt-has-2-columns kt-gutter-default kt-v-gutter-default kt-row-valign-top kt-row-layout-equal kt-tab-layout-inherit kt-m-colapse-left-to-right kt-mobile-layout-row">
<div class="wp-block-kadence-column inner-column-1 kadence-column_9caf89-1c"><div class="kt-inside-inner-col">
<h4 class="kt-adv-heading_43601d-45 wp-block-kadence-advancedheading" data-kb-block="kb-adv-heading_43601d-45">Vorteile</h4>



<div class="wp-block-kadence-iconlist kt-svg-icon-list-items kt-svg-icon-list-items_01817f-32 kt-svg-icon-list-columns-1 alignnone kt-list-icon-aligntop"><ul class="kt-svg-icon-list"><li class="kt-svg-icon-list-style-default kt-svg-icon-list-item-wrap kt-svg-icon-list-item-0 kt-svg-icon-list-level-undefined"><div style="display:inline-flex;justify-content:center;align-items:center" class="kt-svg-icon-list-single kt-svg-icon-list-single-fe_checkCircle"><svg style="display:inline-block;vertical-align:middle" viewBox="0 0 24 24" height="20" width="20" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg></div><span class="kt-svg-icon-list-text">Schnelle Ladezeiten</span></li><li class="kt-svg-icon-list-style-default kt-svg-icon-list-item-wrap kt-svg-icon-list-item-1 kt-svg-icon-list-level-undefined"><div style="display:inline-flex;justify-content:center;align-items:center" class="kt-svg-icon-list-single kt-svg-icon-list-single-fe_checkCircle"><svg style="display:inline-block;vertical-align:middle" viewBox="0 0 24 24" height="20" width="20" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg></div><span class="kt-svg-icon-list-text">Extrem viele Funktionen, auch in der kostenfreien Variante</span></li><li class="kt-svg-icon-list-style-default kt-svg-icon-list-item-wrap kt-svg-icon-list-item-2 kt-svg-icon-list-level-undefined"><div style="display:inline-flex;justify-content:center;align-items:center" class="kt-svg-icon-list-single kt-svg-icon-list-single-fe_checkCircle"><svg style="display:inline-block;vertical-align:middle" viewBox="0 0 24 24" height="20" width="20" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg></div><span class="kt-svg-icon-list-text">Header und Footer lassen sich einfach gestalten</span></li><li class="kt-svg-icon-list-style-default kt-svg-icon-list-item-wrap kt-svg-icon-list-item-3 kt-svg-icon-list-level-undefined"><div style="display:inline-flex;justify-content:center;align-items:center" class="kt-svg-icon-list-single kt-svg-icon-list-single-fe_checkCircle"><svg style="display:inline-block;vertical-align:middle" viewBox="0 0 24 24" height="20" width="20" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg></div><span class="kt-svg-icon-list-text">Fonts lokal abspeichern</span></li><li class="kt-svg-icon-list-style-default kt-svg-icon-list-item-wrap kt-svg-icon-list-item-4 kt-svg-icon-list-level-undefined"><div style="display:inline-flex;justify-content:center;align-items:center" class="kt-svg-icon-list-single kt-svg-icon-list-single-fe_checkCircle"><svg style="display:inline-block;vertical-align:middle" viewBox="0 0 24 24" height="20" width="20" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg></div><span class="kt-svg-icon-list-text">Schöne Vorlagen für Webseiten</span></li><li class="kt-svg-icon-list-style-default kt-svg-icon-list-item-wrap kt-svg-icon-list-item-5 kt-svg-icon-list-level-undefined"><div style="display:inline-flex;justify-content:center;align-items:center" class="kt-svg-icon-list-single kt-svg-icon-list-single-fe_checkCircle"><svg style="display:inline-block;vertical-align:middle" viewBox="0 0 24 24" height="20" width="20" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg></div><span class="kt-svg-icon-list-text">Kompatibel mit Gutenberg, Elementor und BeaverBuilder</span></li></ul></div>
</div></div>



<div class="wp-block-kadence-column inner-column-2 kadence-column_fcfe66-b4"><div class="kt-inside-inner-col">
<h4 class="kt-adv-heading_4e9fc5-d8 wp-block-kadence-advancedheading" data-kb-block="kb-adv-heading_4e9fc5-d8">Nachteile</h4>



<div class="wp-block-kadence-iconlist kt-svg-icon-list-items kt-svg-icon-list-items_b64513-75 kt-svg-icon-list-columns-1 alignnone kt-list-icon-aligntop"><ul class="kt-svg-icon-list"><li class="kt-svg-icon-list-style-default kt-svg-icon-list-item-wrap kt-svg-icon-list-item-0 kt-svg-icon-list-level-undefined"><div style="display:inline-flex;justify-content:center;align-items:center" class="kt-svg-icon-list-single kt-svg-icon-list-single-fe_minusCircle"><svg style="display:inline-block;vertical-align:middle" viewBox="0 0 24 24" height="20" width="20" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><line x1="8" y1="12" x2="16" y2="12"></line></svg></div><span class="kt-svg-icon-list-text">Sollte mit Gutenberg gearbeitet werden, ist etwas Einarbeitung erforderlich. Es ist nicht ganz so benutzerfreundlich wie Elementor. Aber dieser Kritikpunkt liegt ja eigentlich nicht am WordPress Theme, sondern am Gutenberg Block-Builder.</span></li></ul></div>
</div></div>
</div></div></div>



<div class="wp-block-kadence-spacer aligncenter kt-block-spacer-_52ed7d-39"><div class="kt-block-spacer kt-block-spacer-halign-left"><hr class="kt-divider"/></div></div>
</div></div>
</div></div></div>



<div class="wp-block-kadence-rowlayout alignnone"><div id="kt-layout-id_c41e70-55" class="kt-row-layout-inner kt-layout-id_c41e70-55"><div class="kt-row-column-wrap kt-has-1-columns kt-gutter-default kt-v-gutter-default kt-row-valign-top kt-row-layout-equal kt-tab-layout-inherit kt-m-colapse-left-to-right kt-mobile-layout-row">
<div class="wp-block-kadence-column inner-column-1 kadence-column_9a532b-b2"><div class="kt-inside-inner-col">
<h2 class="kt-adv-heading_c5a15f-26 wp-block-kadence-advancedheading" data-kb-block="kb-adv-heading_c5a15f-26">Astra Theme</h2>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" src="https://onestep-webdesign.de/wp-content/uploads/2021/11/Astra-Theme-Logo.webp" alt="Astra-Theme-Logo" class="wp-image-8040" width="286" height="113" srcset="https://onestep-webdesign.de/wp-content/uploads/2021/11/Astra-Theme-Logo.webp 571w, https://onestep-webdesign.de/wp-content/uploads/2021/11/Astra-Theme-Logo-300x119.webp 300w" sizes="auto, (max-width: 286px) 100vw, 286px" /></figure>



<p>Astra ist eines der beliebtesten WordPress Themes. Auch ich nutzte Astra, bevor ich auf das Kadence Theme umgeschwenkt bin. Aus meiner Sicht ist Astra ein fantastisches Theme, wenn man mit der kostenfreien Variante von Elementor arbeitet. Elementor und Astra ergänzen sich quasi perfekt:</p>



<div class="wp-block-kadence-iconlist kt-svg-icon-list-items kt-svg-icon-list-items_34c496-2d kt-svg-icon-list-columns-1 alignnone kt-list-icon-aligntop"><ul class="kt-svg-icon-list"><li class="kt-svg-icon-list-style-default kt-svg-icon-list-item-wrap kt-svg-icon-list-item-0 kt-svg-icon-list-level-undefined"><div style="display:inline-flex;justify-content:center;align-items:center" class="kt-svg-icon-list-single kt-svg-icon-list-single-fas_angle-right"><svg style="display:inline-block;vertical-align:middle" viewBox="0 0 256 512" height="20" width="20" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></svg></div><span class="kt-svg-icon-list-text">Verwendet man Elementor, so bietet das Astra Theme beziehungsweise die <strong>Astra Startertemplates</strong> eine große Bandbreite an vorgefertigten Webseiten, die man mit wenigen Klicks importieren und anpassen kann. Für fast jedem Anwendungsfall kann hier eine Designvorlage gefunden werden, wodurch sich ordentlich Bearbeitungszeit einsparen lässt. Zwar bietet Astra auch einige Vorlagen für den Gutenberg Block-Builder, diese sind meiner Meinung nach jedoch nicht ganz so gut umgesetzt wie die Vorlagen für Elementor.</span></li><li class="kt-svg-icon-list-style-default kt-svg-icon-list-item-wrap kt-svg-icon-list-item-1 kt-svg-icon-list-level-undefined"><div style="display:inline-flex;justify-content:center;align-items:center" class="kt-svg-icon-list-single kt-svg-icon-list-single-fas_angle-right"><svg style="display:inline-block;vertical-align:middle" viewBox="0 0 256 512" height="20" width="20" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></svg></div><span class="kt-svg-icon-list-text">Mit der kostenfreien Version von Elementor kann ohne Weiteres kein Header oder Footer gestaltet werden. Das ist auch nicht nötig, da sich <strong>Header und Footer mit &#8222;Drag &amp; Drop&#8220;</strong> im Astra Customizer gestalten lassen. Zudem gibt es die <strong>Astra Widgets</strong>, mit denen hier zusätzliche Elemente ins Spiel kommen (beispielsweise lassen sich Öffnungszeiten sehr gut darstellen).</span></li><li class="kt-svg-icon-list-style-default kt-svg-icon-list-item-wrap kt-svg-icon-list-item-2 kt-svg-icon-list-level-undefined"><div style="display:inline-flex;justify-content:center;align-items:center" class="kt-svg-icon-list-single kt-svg-icon-list-single-fas_angle-right"><svg style="display:inline-block;vertical-align:middle" viewBox="0 0 256 512" height="20" width="20" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></svg></div><span class="kt-svg-icon-list-text">Astra ist trotz seiner Funktionen ein <strong>leichtgewichtiges WordPress Theme</strong>, soll heißen, dass die <strong>Webseiten relativ schnell geladen</strong> werden. Somit können auch bei Verwendung von Elementor performante Webseiten erstellt werden.</span></li></ul></div>



<p>Ich persönlich mag das <strong>Astra Theme: Es ist simpel, schnell und gut.</strong> Dies gilt insbesondere, wenn man es in Kombination mit Elementor verwendet. </p>



<p>Astra wird von Brainstorm Force bereitgestellt und stets weiterentwickelt. So gibt es das Astra Theme auch als kostenpflichtiges Premium WordPress Theme. Dieses bietet dann zusätzliche Funktionen: Beispielsweise gibt es mehr Optionen die Menüleiste zu gestalten. Auch gibt es noch mehr Designvorlagen, die Importiert werden können (sogenannte Premium Designs). </p>



<p>An dieser Stelle muss ich jedoch sagen, dass die Premium Funktionen von Astra Pro gut sind, mich persönlich aber nicht aus den Latschen hauen. Es wird damit geworben, dass man in für circa 169 USD im Jahr ein sogenanntes &#8222;Essential Bundle&#8220; erhält, dass sich aus dem Astra Pro Theme sowie einigen zusätzliche Plugins zusammensetzt. Beispielsweise wird hier das Plugin &#8222;Ultimate Addons for Elementor&#8220; mit angeboten. Aus meiner Sicht sind diese &#8222;essentiellen Plugins&#8220; jedoch überflüssig beziehungsweise lassen sich die bereitgestellten Funktionen auch mit anderen kostenfreien Plugins verwirklichen.</p>



<p>Solltest du also am überlegen sein, dir die Pro-Version von Astra zu kaufen, dann überlege dir gut, wie groß dein Nutzen der Pro-Version ist. Hier macht es gegebenenfalls mehr Sinn, in Elementor Pro zu investieren. Gerade, wenn du schon mit dem Umgang von Elementor vertraut bist, kann die Pro Version von Elementor deine Gestaltungsmöglichkeiten auf ein ganz anderes Level heben.</p>



<p><strong>Bei Verwendung der kostenfreien Variante von Elementor ist das Astra Theme sinnvoll.</strong> Wird jedoch Elementor Pro genutzt, so ist das Astra Theme nicht wirklich notwendig. Hier ist unter Umständen das Hello Theme, das direkt von Elementor bereitgestellt wird, die bessere Lösung.</p>



<p><a href="https://wpastra.com/?bsf=4594" target="_blank" rel="noreferrer noopener nofollow">Hier gelangst</a> * du direkt zu Brainstorm Force beziehungsweise zum Astra WordPress Theme.</p>



<div class="wp-block-kadence-rowlayout alignnone"><div id="kt-layout-id_6de458-5a" class="kt-row-layout-inner kt-layout-id_6de458-5a"><div class="kt-row-column-wrap kt-has-2-columns kt-gutter-default kt-v-gutter-default kt-row-valign-top kt-row-layout-equal kt-tab-layout-inherit kt-m-colapse-left-to-right kt-mobile-layout-row">
<div class="wp-block-kadence-column inner-column-1 kadence-column_61204a-8e"><div class="kt-inside-inner-col">
<h4 class="kt-adv-heading_0d3fa8-37 wp-block-kadence-advancedheading" data-kb-block="kb-adv-heading_0d3fa8-37">Vorteile</h4>



<div class="wp-block-kadence-iconlist kt-svg-icon-list-items kt-svg-icon-list-items_d3af98-c0 kt-svg-icon-list-columns-1 alignnone kt-list-icon-aligntop"><ul class="kt-svg-icon-list"><li class="kt-svg-icon-list-style-default kt-svg-icon-list-item-wrap kt-svg-icon-list-item-0 kt-svg-icon-list-level-undefined"><div style="display:inline-flex;justify-content:center;align-items:center" class="kt-svg-icon-list-single kt-svg-icon-list-single-fe_checkCircle"><svg style="display:inline-block;vertical-align:middle" viewBox="0 0 24 24" height="20" width="20" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg></div><span class="kt-svg-icon-list-text">Theme mit guten Ladezeiten</span></li><li class="kt-svg-icon-list-style-default kt-svg-icon-list-item-wrap kt-svg-icon-list-item-1 kt-svg-icon-list-level-undefined"><div style="display:inline-flex;justify-content:center;align-items:center" class="kt-svg-icon-list-single kt-svg-icon-list-single-fe_checkCircle"><svg style="display:inline-block;vertical-align:middle" viewBox="0 0 24 24" height="20" width="20" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg></div><span class="kt-svg-icon-list-text">Sehr viele gute Design-Vorlagen</span></li><li class="kt-svg-icon-list-style-default kt-svg-icon-list-item-wrap kt-svg-icon-list-item-2 kt-svg-icon-list-level-undefined"><div style="display:inline-flex;justify-content:center;align-items:center" class="kt-svg-icon-list-single kt-svg-icon-list-single-fe_checkCircle"><svg style="display:inline-block;vertical-align:middle" viewBox="0 0 24 24" height="20" width="20" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg></div><span class="kt-svg-icon-list-text">besonders gut in Kombination mit Elementor</span></li><li class="kt-svg-icon-list-style-default kt-svg-icon-list-item-wrap kt-svg-icon-list-item-3 kt-svg-icon-list-level-undefined"><div style="display:inline-flex;justify-content:center;align-items:center" class="kt-svg-icon-list-single kt-svg-icon-list-single-fe_checkCircle"><svg style="display:inline-block;vertical-align:middle" viewBox="0 0 24 24" height="20" width="20" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg></div><span class="kt-svg-icon-list-text">Header und Footer lassen sich einfach gestalten</span></li></ul></div>
</div></div>



<div class="wp-block-kadence-column inner-column-2 kadence-column_84698b-2e"><div class="kt-inside-inner-col">
<h4 class="kt-adv-heading_16fa56-47 wp-block-kadence-advancedheading" data-kb-block="kb-adv-heading_16fa56-47">Nachteile</h4>



<div class="wp-block-kadence-iconlist kt-svg-icon-list-items kt-svg-icon-list-items_e83a8a-c0 kt-svg-icon-list-columns-1 alignnone kt-list-icon-aligntop"><ul class="kt-svg-icon-list"><li class="kt-svg-icon-list-style-default kt-svg-icon-list-item-wrap kt-svg-icon-list-item-0 kt-svg-icon-list-level-undefined"><div style="display:inline-flex;justify-content:center;align-items:center" class="kt-svg-icon-list-single kt-svg-icon-list-single-fe_minusCircle"><svg style="display:inline-block;vertical-align:middle" viewBox="0 0 24 24" height="20" width="20" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><line x1="8" y1="12" x2="16" y2="12"></line></svg></div><span class="kt-svg-icon-list-text">Die Pro Version ist in Anbetracht des Nutzens etwas teuer </span></li></ul></div>
</div></div>
</div></div></div>



<div class="wp-block-kadence-spacer aligncenter kt-block-spacer-_3434a0-80"><div class="kt-block-spacer kt-block-spacer-halign-left"><hr class="kt-divider"/></div></div>
</div></div>
</div></div></div>



<div class="wp-block-kadence-rowlayout alignnone"><div id="kt-layout-id_6ddc40-ec" class="kt-row-layout-inner kt-layout-id_6ddc40-ec"><div class="kt-row-column-wrap kt-has-1-columns kt-gutter-default kt-v-gutter-default kt-row-valign-top kt-row-layout-equal kt-tab-layout-inherit kt-m-colapse-left-to-right kt-mobile-layout-row">
<div class="wp-block-kadence-column inner-column-1 kadence-column_969090-9b"><div class="kt-inside-inner-col">
<h2 class="kt-adv-heading_06a412-60 wp-block-kadence-advancedheading" data-kb-block="kb-adv-heading_06a412-60">Elementor Hello Theme</h2>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" src="https://onestep-webdesign.de/wp-content/uploads/2021/11/Hello-Theme.webp" alt="Hello Theme" class="wp-image-8041" width="264" height="140" srcset="https://onestep-webdesign.de/wp-content/uploads/2021/11/Hello-Theme.webp 527w, https://onestep-webdesign.de/wp-content/uploads/2021/11/Hello-Theme-300x159.webp 300w" sizes="auto, (max-width: 264px) 100vw, 264px" /></figure>



<p>Das <strong>Hello Theme</strong> wird direkt von Elementor bereitgestellt. Dieses WordPress Theme harmoniert optimal mit Elementor Pro. Besser gesagt, <strong>es funktioniert eigentlich nur in der Kombination mit Elementor Pro</strong>!</p>



<p>Kurz gesagt, das Besondere am Hello Theme ist, dass es eigentlich keine Funktionen mitbringt. Das hört sich zunächst komisch an, macht aber durchaus Sinn. Schließlich bietet Elementor Pro (und hier drauf ist dieses WordPress Theme ausgelegt) den sogenannten &#8222;Theme Builder&#8220;. Mit dieser Funktion von Elementor Pro können also alle Funktionalitäten, die sonst ein klassisches Theme übernimmt, mit Elementor ersetzt werden.</p>



<p>Der Theme Builder hat dabei den Vorteil, dass sich wirklich Alles mit Elementor bearbeiten lässt. Wer sich also mit diesem Page-Builder gut auskennt, dem sind hier so gut wie keine Grenzen gesetzt.</p>



<p>Gerade dadurch, dass nun das Hello Theme so minimalistisch aufgebaut ist, kann die Verwendung dieses Themes in Kombination mit Elementor Pro zu guten Ladegeschwindigkeiten führen. Und natürlich macht die Nutzung von Elementor Pro sehr viel Spaß, insbesondere wenn es keinerlei Konflikte durch ein WordPress Theme gibt.</p>



<p><a href="https://elementor.com/products/hello-theme/?bta=14599" target="_blank" rel="noopener">Hier gelangst</a> * du direkt zum <strong>Hello Elementor</strong> WordPress Theme.</p>



<div class="wp-block-kadence-rowlayout alignnone"><div id="kt-layout-id_182602-ee" class="kt-row-layout-inner kt-layout-id_182602-ee"><div class="kt-row-column-wrap kt-has-2-columns kt-gutter-default kt-v-gutter-default kt-row-valign-top kt-row-layout-equal kt-tab-layout-inherit kt-m-colapse-left-to-right kt-mobile-layout-row">
<div class="wp-block-kadence-column inner-column-1 kadence-column_dfb066-c6"><div class="kt-inside-inner-col">
<h4 class="kt-adv-heading_11ff88-59 wp-block-kadence-advancedheading" data-kb-block="kb-adv-heading_11ff88-59">Vorteile</h4>



<div class="wp-block-kadence-iconlist kt-svg-icon-list-items kt-svg-icon-list-items_3fe570-eb kt-svg-icon-list-columns-1 alignnone kt-list-icon-aligntop"><ul class="kt-svg-icon-list"><li class="kt-svg-icon-list-style-default kt-svg-icon-list-item-wrap kt-svg-icon-list-item-0 kt-svg-icon-list-level-undefined"><div style="display:inline-flex;justify-content:center;align-items:center" class="kt-svg-icon-list-single kt-svg-icon-list-single-fe_checkCircle"><svg style="display:inline-block;vertical-align:middle" viewBox="0 0 24 24" height="20" width="20" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg></div><span class="kt-svg-icon-list-text">Kostenfrei</span></li><li class="kt-svg-icon-list-style-default kt-svg-icon-list-item-wrap kt-svg-icon-list-item-1 kt-svg-icon-list-level-undefined"><div style="display:inline-flex;justify-content:center;align-items:center" class="kt-svg-icon-list-single kt-svg-icon-list-single-fe_checkCircle"><svg style="display:inline-block;vertical-align:middle" viewBox="0 0 24 24" height="20" width="20" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg></div><span class="kt-svg-icon-list-text">Optimiert für Elementor Pro</span></li><li class="kt-svg-icon-list-style-default kt-svg-icon-list-item-wrap kt-svg-icon-list-item-2 kt-svg-icon-list-level-undefined"><div style="display:inline-flex;justify-content:center;align-items:center" class="kt-svg-icon-list-single kt-svg-icon-list-single-fe_checkCircle"><svg style="display:inline-block;vertical-align:middle" viewBox="0 0 24 24" height="20" width="20" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg></div><span class="kt-svg-icon-list-text">Schnelle Ladezeiten</span></li><li class="kt-svg-icon-list-style-default kt-svg-icon-list-item-wrap kt-svg-icon-list-item-3 kt-svg-icon-list-level-undefined"><div style="display:inline-flex;justify-content:center;align-items:center" class="kt-svg-icon-list-single kt-svg-icon-list-single-fe_checkCircle"><svg style="display:inline-block;vertical-align:middle" viewBox="0 0 24 24" height="20" width="20" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg></div><span class="kt-svg-icon-list-text">Keine (unnützen) Funktionen</span></li></ul></div>
</div></div>



<div class="wp-block-kadence-column inner-column-2 kadence-column_7f5e78-7e"><div class="kt-inside-inner-col">
<h4 class="kt-adv-heading_c6d755-86 wp-block-kadence-advancedheading" data-kb-block="kb-adv-heading_c6d755-86">Nachteile</h4>



<div class="wp-block-kadence-iconlist kt-svg-icon-list-items kt-svg-icon-list-items_781cc1-a3 kt-svg-icon-list-columns-1 alignnone kt-list-icon-aligntop"><ul class="kt-svg-icon-list"><li class="kt-svg-icon-list-style-default kt-svg-icon-list-item-wrap kt-svg-icon-list-item-0 kt-svg-icon-list-level-undefined"><div style="display:inline-flex;justify-content:center;align-items:center" class="kt-svg-icon-list-single kt-svg-icon-list-single-fe_minusCircle"><svg style="display:inline-block;vertical-align:middle" viewBox="0 0 24 24" height="20" width="20" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><line x1="8" y1="12" x2="16" y2="12"></line></svg></div><span class="kt-svg-icon-list-text">Funktioniert nur mit Elementor Pro, da die &#8222;Theme Builder&#8220; Funktionen benötigt werden.</span></li></ul></div>
</div></div>
</div></div></div>
</div></div>
</div></div></div>



<div class="wp-block-kadence-rowlayout alignnone"><div id="kt-layout-id_18dac0-16" class="kt-row-layout-inner kt-layout-id_18dac0-16"><div class="kt-row-column-wrap kt-has-1-columns kt-gutter-default kt-v-gutter-default kt-row-valign-top kt-row-layout-equal kt-tab-layout-inherit kt-m-colapse-left-to-right kt-mobile-layout-row">
<div class="wp-block-kadence-column inner-column-1 kadence-column_807eb8-6d"><div class="kt-inside-inner-col">
<div class="wp-block-kadence-spacer aligncenter kt-block-spacer-_6aa995-8b"><div class="kt-block-spacer kt-block-spacer-halign-left"><hr class="kt-divider"/></div></div>
</div></div>
</div></div></div>



<div class="wp-block-kadence-rowlayout alignnone"><div id="kt-layout-id_b49613-19" class="kt-row-layout-inner kt-layout-id_b49613-19"><div class="kt-row-column-wrap kt-has-1-columns kt-gutter-default kt-v-gutter-default kt-row-valign-top kt-row-layout-equal kt-tab-layout-inherit kt-m-colapse-left-to-right kt-mobile-layout-row">
<div class="wp-block-kadence-column inner-column-1 kadence-column_36a83d-23"><div class="kt-inside-inner-col">
<h2 class="kt-adv-heading_a36fc4-ea wp-block-kadence-advancedheading" data-kb-block="kb-adv-heading_a36fc4-ea">Fazit</h2>



<p>Mit allen drei Themes, die ich dir hier vorgestellt habe, arbeite ich und kann dir diese mit gutem Gewissen empfehlen. Letzten Endes kommt es bei der Entscheidung für ein Theme dadrauf an, mit welchen Tools man eine Website umsetzen möchte. </p>



<p>Solltest du Elementor in der kostenfreien Variante verwenden, dann ist meiner Meinung nach das Astra Theme sehr gut geeignet. Wird hingegen Elementor Pro verwendet, würde ich zum Hello Elementor Theme greifen. Wenn du allerdings eine Website ohne Elementor aufbauen möchtest, also nur den Gutenberg Block-Builder verwenden willst, dann ist meine ganz klare Empfehlung die Verwendung des Kadence WordPress Themes.</p>



<p>Ich persönlich verfahre aktuell so, dass ich einfache Websites mit Kadence umsetze, da ich hiermit ansprechende Webseiten gestalten kann, die verdammt schnell geladen werden. Und Suchmaschinen wie Google lieben kurze Ladezeiten.<br>Bei komplexen Websites, die entweder einen großen Funktionumfang bieten sollen (zum Beispiel &#8222;custom fields&#8220;, spezielle Datenbankeinträge, Kundenbereiche, etc.) oder bei Webseiten mit ausgefeilten Animationen, verwende ich Elementor Pro.</p>



<p>Das waren meine Empfehlungen hinsichtlich WordPress Themes. Mit welchem Theme arbeitest du? Gerne kannst du mir schreiben. </p>



<p>Und nun wünsche ich dir viel Erfolg beim Umsetzen.</p>
</div></div>
</div></div></div>



<div class="wp-block-kadence-rowlayout alignnone"><div id="kt-layout-id_4ba2fd-3a" class="kt-row-layout-inner kt-layout-id_4ba2fd-3a"><div class="kt-row-column-wrap kt-has-3-columns kt-gutter-default kt-v-gutter-default kt-row-valign-top kt-row-layout-equal kt-tab-layout-inherit kt-m-colapse-left-to-right kt-mobile-layout-row kt-inner-column-height-full">
<div class="wp-block-kadence-column inner-column-1 kadence-column_33836d-ff"><div class="kt-inside-inner-col"><div class="kb-gallery-wrap-id-_88b253-31 alignnone wp-block-kadence-advancedgallery"><ul class="kb-gallery-ul kb-gallery-non-static kb-gallery-type-grid kb-gallery-id-_88b253-31 kb-gallery-caption-style-bottom-hover kb-gallery-filter-none" data-image-filter="none" data-item-selector=".kadence-blocks-gallery-item" data-lightbox-caption="true" data-columns-xxl="1" data-columns-xl="1" data-columns-md="1" data-columns-sm="1" data-columns-xs="1" data-columns-ss="1"><li class="kadence-blocks-gallery-item" tabindex="0"><div class="kadence-blocks-gallery-item-inner"><figure class="kb-gallery-figure kadence-blocks-gallery-item-hide-caption"><div class="kb-gal-image-radius" style="max-width:600px;"><div class="kb-gallery-image-contain kadence-blocks-gallery-intrinsic kb-gallery-image-ratio-inherit kb-has-image-ratio-inherit" style="padding-bottom:42%;"><img loading="lazy" decoding="async" src="https://onestep-webdesign.de/wp-content/uploads/2021/10/kadencewp-white.webp" width="600" height="255" alt="kadenceWP" data-full-image="https://onestep-webdesign.de/wp-content/uploads/2021/10/kadencewp-white.webp" data-light-image="https://onestep-webdesign.de/wp-content/uploads/2021/10/kadencewp-white.webp" data-id="8039" class="wp-image-8039" srcset="https://onestep-webdesign.de/wp-content/uploads/2021/10/kadencewp-white.webp 600w, https://onestep-webdesign.de/wp-content/uploads/2021/10/kadencewp-white-300x128.webp 300w" sizes="auto, (max-width: 600px) 100vw, 600px" /></div></div></figure></div></li></ul></div>


<p>Ein hervorragendes, modernes WordPress Theme mit extrem guten Ladezeiten, einigen Design-Vorlagen und extrem nützlichen Funktionen. Aktuell mein absoluter Favorit.</p>



<div class="wp-block-kadence-advancedbtn kt-btn-align-center kt-btn-tablet-align-inherit kt-btn-mobile-align-inherit kt-btns-wrap kt-btns_01d35c-74"><div class="kt-btn-wrap kt-btn-wrap-0"><a class="kt-button button kt-btn-0-action kt-btn-size-standard kt-btn-style-basic kt-btn-svg-show-always kt-btn-has-text-true kt-btn-has-svg-false kb-btn-global-inherit wp-block-button__link" href="https://www.kadencewp.com/kadence-theme/premium/?ref=903" target="_blank" rel="noreferrer noopener nofollow"><span class="kt-btn-inner-text">Kadence WP *</span></a></div></div>
</div></div>



<div class="wp-block-kadence-column inner-column-2 kadence-column_b8ba4b-9f"><div class="kt-inside-inner-col"><div class="kb-gallery-wrap-id-_6f9fbc-29 alignnone wp-block-kadence-advancedgallery"><ul class="kb-gallery-ul kb-gallery-non-static kb-gallery-type-grid kb-gallery-id-_6f9fbc-29 kb-gallery-caption-style-bottom-hover kb-gallery-filter-none" data-image-filter="none" data-item-selector=".kadence-blocks-gallery-item" data-lightbox-caption="true" data-columns-xxl="1" data-columns-xl="1" data-columns-md="1" data-columns-sm="1" data-columns-xs="1" data-columns-ss="1"><li class="kadence-blocks-gallery-item" tabindex="0"><div class="kadence-blocks-gallery-item-inner"><figure class="kb-gallery-figure kadence-blocks-gallery-item-hide-caption"><div class="kb-gal-image-radius" style="max-width:571px;"><div class="kb-gallery-image-contain kadence-blocks-gallery-intrinsic kb-gallery-image-ratio-inherit kb-has-image-ratio-inherit" style="padding-bottom:39%;"><img loading="lazy" decoding="async" src="https://onestep-webdesign.de/wp-content/uploads/2021/11/Astra-Theme-Logo.webp" width="571" height="226" alt="Astra-Theme-Logo" data-full-image="https://onestep-webdesign.de/wp-content/uploads/2021/11/Astra-Theme-Logo.webp" data-light-image="https://onestep-webdesign.de/wp-content/uploads/2021/11/Astra-Theme-Logo.webp" data-id="8040" class="wp-image-8040" srcset="https://onestep-webdesign.de/wp-content/uploads/2021/11/Astra-Theme-Logo.webp 571w, https://onestep-webdesign.de/wp-content/uploads/2021/11/Astra-Theme-Logo-300x119.webp 300w" sizes="auto, (max-width: 571px) 100vw, 571px" /></div></div></figure></div></li></ul></div>


<p>Das Astra Theme besticht durch eine gute Ladezeit kombiniert mit schönen Vorlagen, die direkt verwendet werden können. Auch bietet es viele sinnvolle Erweiterungen.</p>



<div class="wp-block-kadence-advancedbtn kt-btn-align-center kt-btn-tablet-align-inherit kt-btn-mobile-align-inherit kt-btns-wrap kt-btns_72bee1-ac"><div class="kt-btn-wrap kt-btn-wrap-0"><a class="kt-button button kt-btn-0-action kt-btn-size-standard kt-btn-style-basic kt-btn-svg-show-always kt-btn-has-text-true kt-btn-has-svg-false kb-btn-global-inherit wp-block-button__link" href="https://wpastra.com/?bsf=4594" target="_blank" rel="noreferrer noopener nofollow"><span class="kt-btn-inner-text">Astra Theme *</span></a></div></div>
</div></div>



<div class="wp-block-kadence-column inner-column-3 kadence-column_568734-1e"><div class="kt-inside-inner-col"><div class="kb-gallery-wrap-id-_52abbb-ad alignnone wp-block-kadence-advancedgallery"><ul class="kb-gallery-ul kb-gallery-non-static kb-gallery-type-grid kb-gallery-id-_52abbb-ad kb-gallery-caption-style-bottom-hover kb-gallery-filter-none" data-image-filter="none" data-item-selector=".kadence-blocks-gallery-item" data-lightbox-caption="true" data-columns-xxl="1" data-columns-xl="1" data-columns-md="1" data-columns-sm="1" data-columns-xs="1" data-columns-ss="1"><li class="kadence-blocks-gallery-item" tabindex="0"><div class="kadence-blocks-gallery-item-inner"><figure class="kb-gallery-figure kadence-blocks-gallery-item-hide-caption"><div class="kb-gal-image-radius" style="max-width:527px;"><div class="kb-gallery-image-contain kadence-blocks-gallery-intrinsic kb-gallery-image-ratio-inherit kb-has-image-ratio-inherit" style="padding-bottom:53%;"><img loading="lazy" decoding="async" src="https://onestep-webdesign.de/wp-content/uploads/2021/11/Hello-Theme.webp" width="527" height="280" alt="Hello Theme" data-full-image="https://onestep-webdesign.de/wp-content/uploads/2021/11/Hello-Theme.webp" data-light-image="https://onestep-webdesign.de/wp-content/uploads/2021/11/Hello-Theme.webp" data-id="8041" class="wp-image-8041" srcset="https://onestep-webdesign.de/wp-content/uploads/2021/11/Hello-Theme.webp 527w, https://onestep-webdesign.de/wp-content/uploads/2021/11/Hello-Theme-300x159.webp 300w" sizes="auto, (max-width: 527px) 100vw, 527px" /></div></div></figure></div></li></ul></div>


<p>Das Hello Theme wird direkt von Elementor bereitgestellt. Dieses Theme ist ausschließlich für den Einsatz von <a href="https://be.elementor.com/visit/?bta=14599&amp;nci=5383" target="_blank" rel="noopener">Elementor Pro</a>* optimiert.</p>



<div class="wp-block-kadence-advancedbtn kt-btn-align-center kt-btn-tablet-align-inherit kt-btn-mobile-align-inherit kt-btns-wrap kt-btns_c6e95b-36"><div class="kt-btn-wrap kt-btn-wrap-0"><a class="kt-button button kt-btn-0-action kt-btn-size-standard kt-btn-style-basic kt-btn-svg-show-always kt-btn-has-text-true kt-btn-has-svg-false kb-btn-global-inherit wp-block-button__link" href="https://elementor.com/hello-theme/?ref=14599" target="_blank" rel="noreferrer noopener nofollow"><span class="kt-btn-inner-text">Hello Theme</span></a></div></div>
</div></div>
</div></div></div>



<div class="wp-block-kadence-rowlayout alignnone"><div id="kt-layout-id_138144-a3" class="kt-row-layout-inner kt-layout-id_138144-a3"><div class="kt-row-column-wrap kt-has-1-columns kt-gutter-default kt-v-gutter-default kt-row-valign-top kt-row-layout-equal kt-tab-layout-inherit kt-m-colapse-left-to-right kt-mobile-layout-row">
<div class="wp-block-kadence-column inner-column-1 kadence-column_1778a5-91"><div class="kt-inside-inner-col">
<div class="wp-block-kadence-spacer aligncenter kt-block-spacer-_f3345e-e8"><div class="kt-block-spacer kt-block-spacer-halign-left"><hr class="kt-divider"/></div></div>



<p class="kt-adv-heading_131275-a7 wp-block-kadence-advancedheading has-theme-palette-6-color has-text-color" data-kb-block="kb-adv-heading_131275-a7">Die mit Sternchen (*) gekennzeichneten Links sind Provisions-Links, auch Affiliate-Links genannt. Wenn Du auf einen solchen Link klickst und auf der Zielseite etwas kaufst, bekommen wir vom betreffenden Anbieter eine Vermittlerprovision, mit der wir die Recherche-Arbeiten für unsere Blog-Beiträge und Newsletter finanzieren. Für dich entstehen dadurch keine Nachteile beim Kauf oder Preis.</p>
</div></div>
</div></div></div>
]]></content:encoded>
					
					<wfw:commentRss>https://onestep-webdesign.de/empfehlung-wordpress-theme/feed/</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
			</item>
	</channel>
</rss>
