<?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>Netzadresse Baukasten Anleitungen</title>
	<atom:link href="https://hpdkb.ledl.net/netzadresse/feed/" rel="self" type="application/rss+xml" />
	<link>https://hpdkb.ledl.net/netzadresse</link>
	<description>Hier finden Sie alle Antworten zu unserem Baukasten</description>
	<lastBuildDate>Mon, 17 Nov 2025 09:03:50 +0000</lastBuildDate>
	<language>de</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.7.4</generator>

<image>
	<url>https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2024/09/NA_Favicon_512x512_white-1-300x300-1-150x150.png</url>
	<title>Netzadresse Baukasten Anleitungen</title>
	<link>https://hpdkb.ledl.net/netzadresse</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Abstände</title>
		<link>https://hpdkb.ledl.net/netzadresse/blog/haeufige-fragen/abstaende/</link>
		
		<dc:creator><![CDATA[Benedikt]]></dc:creator>
		<pubDate>Tue, 10 Dec 2024 11:47:28 +0000</pubDate>
				<category><![CDATA[Fragen zu Inhalten]]></category>
		<category><![CDATA[Häufige Fragen zum Baukasten]]></category>
		<guid isPermaLink="false">https://hpdkb.ledl.net/netzadresse/blog/allgemein/abstaende-2/</guid>

					<description><![CDATA[Der Baukasten bietet die Möglichkeit, mit Abständen ein ansprechendes Design zu erstellen. Dabei wird zwischen Innenabstand (Padding) und Außenabstand (Margin) unterschieden. Wenn Sie ein Modul auf der linken Seite auswählen, können Sie auf der rechten Seite im Reiter Abstände Änderungen vornehmen. 1. Innenabstand (Padding) 2. Außenabstand (Margin) Abstandsfaktoren Ein hilfreiches Feature ist die Möglichkeit, Abstände [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>Der Baukasten bietet die Möglichkeit, mit Abständen ein ansprechendes Design zu erstellen. Dabei wird zwischen<strong> Innenabstand (Padding)</strong> und <strong>Außenabstand (Margin)</strong> unterschieden. Wenn Sie ein Modul auf der linken Seite auswählen, können Sie auf der<strong> rechten Seite</strong> im <strong>Reiter <em>Abstände</em></strong> Änderungen vornehmen.</p>


<div class="wp-block-image">
<figure class="aligncenter size-full is-resized"><img decoding="async" src="https://hpdkb.ledl.net/wp-content/uploads/2024/12/20251117_Abstaende-5.png" alt="" class="wp-image-651" style="width:350px;height:auto" /></figure></div>


<h3 class="wp-block-heading"><strong>1. Innenabstand (Padding)</strong></h3>



<ul class="wp-block-list">
<li>Der Innenabstand ist der <strong>Raum zwischen dem Inhalt</strong> <strong>eines</strong> <strong>Elements</strong> (z. B. Text, Bild) und seinem Rahmen.</li>



<li>Padding sorgt dafür, dass der <strong>Inhalt nicht direkt am Rand klebt</strong> und verbessert dadurch die Lesbarkeit und Ästhetik.</li>
</ul>



<h3 class="wp-block-heading"><strong>2. Außenabstand (Margin)</strong></h3>



<ul class="wp-block-list">
<li>Der Außenabstand ist der Raum, der ein <strong>Element</strong> <strong>von anderen</strong> Elementen oder vom Seitenrand <strong>trennt</strong>.</li>



<li>Margin wird verwendet, um <strong>Layoutbereiche</strong> klar voneinander <strong>abzugrenzen</strong> und Elemente optisch zu gruppieren.</li>
</ul>



<h3 class="wp-block-heading"><strong>Abstandsfaktoren</strong></h3>



<p>Ein hilfreiches Feature ist die Möglichkeit, Abstände <strong>prozentual</strong> für verschiedene <strong>Bildschirmgrößen</strong> zu verkleinern oder zu vergrößern. Dadurch können Sie sicherstellen, dass Ihre Website <strong>auf Breitbild-, Desktop-, Tablet- und Mobilgeräten</strong> <strong>optimal dargestellt wird</strong>.</p>



<p><strong>Wie funktioniert die Anpassung?</strong></p>



<p>Zunächst legen Sie die Abstände fest, zum Beispiel 50 px oben und unten sowie 80 px links und rechts. Auf <strong>Mobilgeräten</strong> kann das jedoch <strong>zu groß</strong> wirken, da der<strong> Bildschirm</strong> deutlich <strong>schmaler</strong> ist. Um dies anzupassen, können Sie den Abstandsfaktor für <strong>Mobilgeräte</strong> beispielsweise auf <strong>50 %</strong> <strong>reduzieren</strong>. Dadurch halbieren sich die Abstände automatisch: 25 px oben und unten sowie 40 px links und rechts, sodass die Gestaltung besser an die kleineren Bildschirme angepasst wird.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Accordion Modul</title>
		<link>https://hpdkb.ledl.net/netzadresse/blog/module/accordion-modul/</link>
		
		<dc:creator><![CDATA[Benedikt]]></dc:creator>
		<pubDate>Tue, 20 Dec 2022 12:47:30 +0000</pubDate>
				<category><![CDATA[Module]]></category>
		<category><![CDATA[Accordion]]></category>
		<category><![CDATA[Dropdown]]></category>
		<category><![CDATA[FAQ]]></category>
		<category><![CDATA[Slider]]></category>
		<category><![CDATA[Tabs]]></category>
		<guid isPermaLink="false">https://hpdkb.ledl.net/netzadresse/?p=301</guid>

					<description><![CDATA[Mit dem Accordion Modul können Sie verschiedene Beiträge in einem Dropdownmenü umschalten. Unter „Accordion“ -> „Layout“ können Sie das Accordion Modul zu einem Tabs oder Slider Modul umwandeln.]]></description>
										<content:encoded><![CDATA[
<p>Mit dem Accordion Modul können Sie verschiedene Beiträge in einem Dropdownmenü umschalten.</p>



<p>Unter „Accordion“ -> „Layout“ können Sie das Accordion Modul zu einem Tabs oder Slider Modul umwandeln.</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img fetchpriority="high" decoding="async" width="600" height="306" src="https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/12/grafik-16.png" alt="" class="wp-image-303" srcset="https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/12/grafik-16.png 600w, https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/12/grafik-16-300x153.png 300w" sizes="(max-width: 600px) 100vw, 600px" /><figcaption class="wp-element-caption">Accordion Modul</figcaption></figure></div>


<p></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Slider Modul</title>
		<link>https://hpdkb.ledl.net/netzadresse/blog/module/slider-modul/</link>
		
		<dc:creator><![CDATA[Benedikt]]></dc:creator>
		<pubDate>Tue, 20 Dec 2022 12:41:53 +0000</pubDate>
				<category><![CDATA[Module]]></category>
		<category><![CDATA[Accordion]]></category>
		<category><![CDATA[Slider]]></category>
		<category><![CDATA[Tab]]></category>
		<guid isPermaLink="false">https://hpdkb.ledl.net/netzadresse/?p=294</guid>

					<description><![CDATA[Mit dem Slider Modul können Sie verschiedene Artikel in einer Slideshow umschalten. Die Farbe der Umschaltpunkte können Sie mit einem Klick auf das Tab Modul im rechten Seitenmenü unter „Accordion“ -&#62; „Hintergrund“ bearbeiten. Unter &#8222;Accordion&#8220; -> &#8222;Layout&#8220; können Sie das Slider Modul zu einem Tabs oder Accordion Modul umwandeln.]]></description>
										<content:encoded><![CDATA[
<p>Mit dem Slider Modul können Sie verschiedene Artikel in einer Slideshow umschalten.</p>



<p>Die Farbe der Umschaltpunkte können Sie mit einem Klick auf das Tab Modul im rechten Seitenmenü unter „Accordion“ -&gt; „Hintergrund“ bearbeiten.</p>



<p>Unter &#8222;Accordion&#8220; -> &#8222;Layout&#8220; können Sie das Slider Modul zu einem Tabs oder Accordion Modul umwandeln.</p>



<figure class="wp-block-image size-full"><img decoding="async" width="900" height="500" src="https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/12/grafik-14.png" alt="" class="wp-image-295" srcset="https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/12/grafik-14.png 900w, https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/12/grafik-14-300x167.png 300w, https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/12/grafik-14-768x427.png 768w" sizes="(max-width: 900px) 100vw, 900px" /><figcaption class="wp-element-caption">Accordion Modul</figcaption></figure>



<p></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Tabs Modul</title>
		<link>https://hpdkb.ledl.net/netzadresse/blog/module/tabs-modul/</link>
		
		<dc:creator><![CDATA[Benedikt]]></dc:creator>
		<pubDate>Tue, 20 Dec 2022 12:36:10 +0000</pubDate>
				<category><![CDATA[Module]]></category>
		<category><![CDATA[Accordion]]></category>
		<category><![CDATA[Slider]]></category>
		<category><![CDATA[Tab]]></category>
		<guid isPermaLink="false">https://hpdkb.ledl.net/netzadresse/?p=289</guid>

					<description><![CDATA[Tabs können über das Modul &#8222;Erweitert&#8220; hinzugefügt werden. Sie ermöglichen das Umschalten von Artikeln in einem übersichtlichen Element. Unter &#8222;Accordion&#8220; -> &#8222;Layout&#8220; können Sie das Accordion Modul zu einem Tabs oder Slider Modul umwandeln.]]></description>
										<content:encoded><![CDATA[
<p>Tabs können über das Modul &#8222;Erweitert&#8220; hinzugefügt werden. Sie ermöglichen das Umschalten von Artikeln in einem übersichtlichen Element.</p>



<p>Unter &#8222;Accordion&#8220; -> &#8222;Layout&#8220; können Sie das Accordion Modul zu einem Tabs oder Slider Modul umwandeln.</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img decoding="async" width="600" height="200" src="https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/12/grafik-11.png" alt="" class="wp-image-290" srcset="https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/12/grafik-11.png 600w, https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/12/grafik-11-300x100.png 300w" sizes="(max-width: 600px) 100vw, 600px" /><figcaption class="wp-element-caption">Modul Tab mit 3 Artikeln</figcaption></figure></div>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Richtig loslegen mit dem Baukasten</title>
		<link>https://hpdkb.ledl.net/netzadresse/blog/erste-schritte/richtig-loslegen-mit-dem-baukasten/</link>
		
		<dc:creator><![CDATA[Benedikt]]></dc:creator>
		<pubDate>Fri, 02 Dec 2022 08:34:23 +0000</pubDate>
				<category><![CDATA[Erste Schritte]]></category>
		<category><![CDATA[Abstand]]></category>
		<category><![CDATA[Aufbau]]></category>
		<category><![CDATA[Body]]></category>
		<category><![CDATA[Footer]]></category>
		<category><![CDATA[Header]]></category>
		<category><![CDATA[Layouts]]></category>
		<category><![CDATA[nicht sicher]]></category>
		<category><![CDATA[Seitenstruktur]]></category>
		<category><![CDATA[SSL]]></category>
		<category><![CDATA[verschlüsselung]]></category>
		<guid isPermaLink="false">https://hpdkb.ledl.net/netzadresse/?p=250</guid>

					<description><![CDATA[Mithilfe dieser Anleitung erlernen Sie den Aufbau einer Webseite mit dem Homepage-Baukasten und wie Sie am besten mit dem Erstellen Ihrer Webseite starten. 1. SSL-Zertifikat Bevor Sie mit dem Erstellen der Website beginnen, installieren Sie in Ihrem Hosting Control Panel ein SSL-Zertifikat. Dies können Sie im Modul &#8222;SSL-Sicherheit&#8220; ganz einfach mit einem Klick erledigen. Das [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>Mithilfe dieser Anleitung erlernen Sie den Aufbau einer Webseite mit dem Homepage-Baukasten und wie Sie am besten mit dem Erstellen Ihrer Webseite starten.</p>



<h2 class="wp-block-heading">1. SSL-Zertifikat</h2>



<p>Bevor Sie mit dem Erstellen der Website beginnen, installieren Sie in Ihrem Hosting Control Panel ein SSL-Zertifikat. Dies können Sie im Modul &#8222;SSL-Sicherheit&#8220; ganz einfach mit einem Klick erledigen. Das SSL-Zertifikat ermöglicht eine sicher verschlüsselte Kommunikation zwischen Website und Browser. Das ist sehr wichtig, damit Ihre Website nicht als unsicher gekennzeichnet wird und ist in den meisten Fällen durch die DSGVO vorgeschrieben.</p>



<h2 class="wp-block-heading">2. Vorlage wählen</h2>



<p>Nun können Sie den Baukasten im Hosting Control Panel starten und sich eine der zahlreichen Vorlagen aussuchen, die Ihnen im Baukasten zur Verfügung stehen. Wenn Sie sich später umentscheiden, können Sie jederzeit eine andere Vorlage auswählen, jedoch werden in dem Fall die Inhalte, die Sie bereits erstellt haben, zurückgesetzt.</p>



<p>Wenn Sie sich für eine der Vorlagen entschieden haben, erstellt der Baukasten die Seitenstruktur und Sie können mit dem Bearbeiten loslegen.</p>



<h2 class="wp-block-heading">3. Seitenstruktur</h2>



<p>Eine Seite besteht grundsätzlich aus drei Abschnitten, dem Header (Kopfzeile), dem Body (Hauptbereich) und dem Footer (Fußzeile). Im Header befinden sich üblicherweise Ihr Logo und ein Menü zur Seitennavigation. Er wird auf allen Seiten angezeigt. Sie sollten also hier keine Inhalte hinzufügen, die nur für eine bestimmte Seite gedacht sind.</p>



<p>Die Inhalte der einzelnen Seiten befinden sich im Body. Jede Seite hat einen eigenen Body-Bereich, welcher nur auf der jeweiligen Seite angezeigt wird.</p>



<p>Ganz unten in der Fußzeile sind gewöhnlicherweise das Impressum und Kontaktdaten verlinkt. Der Footer ist, gleich wie der Header, auf allen Seiten zu sehen.</p>



<h2 class="wp-block-heading">4. Layouts</h2>



<p>Mit den Elementen, die Sie oben in der Werkzeugleiste sehen, können Sie nun den Body mit Inhalten befüllen. Die wichtigsten Elemente sind die Layouts. Mit diesen können Sie andere Elemente wie Text-Blöcke oder Bilder horizontal und vertikal anordnen.</p>



<p>Fügen Sie ein Layout-Element hinzu und legen Sie in dieses die Elemente, die Sie neben- oder untereinander anordnen möchten.</p>



<p>Es gibt drei verschiedene Layouts: vertikale, horizontale und schwimmende Layouts.</p>



<h3 class="wp-block-heading">4.1 Vertikale Layouts</h3>



<p>Da im Web alle Webseiten von oben nach unten gelesen werden, sind der Header, Body und Footer vertikale Layouts. Alle Elemente in einem vertikalen Layout werden untereinander angezeigt.</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="630" height="365" src="https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/12/grafik.png" alt="" class="wp-image-266" srcset="https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/12/grafik.png 630w, https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/12/grafik-300x174.png 300w" sizes="auto, (max-width: 630px) 100vw, 630px" /><figcaption class="wp-element-caption">Beispiel: Vertikales Layout umschließt eine Überschrift, einen Text und einen Button</figcaption></figure></div>


<p>In diesem Beispiel werden die 3 Elemente Überschrift, Text und Button von einem vertikalen Layout umschlossen, wodurch sie untereinander angezeigt werden.</p>



<p>Im rechten Seitenmenü des Baukastens im Reiter &#8222;Seitenstruktur&#8220; sehen Sie den Aufbau der Elemente. Die umschlossenen Elemente werden jeweils mit einem kleinen Einzug von links unter dem umschließenden Element angezeigt.</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="142" height="69" src="https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/12/grafik-2.png" alt="Seitenstruktur" class="wp-image-268"/><figcaption class="wp-element-caption">Die Struktur des Beispiels, sichtbar im rechten Seitenmenü im Reiter &#8222;Seitenstruktur&#8220;.</figcaption></figure></div>


<h3 class="wp-block-heading">4.2 Horizontale Layouts</h3>



<p>Mit den horizontalen Layouts können Sie Elemente horizontal, also nebeneinander, anzeigen lassen. Dadurch können Sie zum Beispiel einen Text neben ein Bild setzen. Wenn ein Website-Besucher Ihre Webseite auf dem Smartphone besucht, so wird jedes horizontale Layout zu einem vertikalen Layout um sich an die geringe Bildschirm-Breite anzupassen.</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="992" height="181" src="https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/12/grafik-3.png" alt="" class="wp-image-269" srcset="https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/12/grafik-3.png 992w, https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/12/grafik-3-300x55.png 300w, https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/12/grafik-3-768x140.png 768w" sizes="auto, (max-width: 992px) 100vw, 992px" /><figcaption class="wp-element-caption">Beispiel: Horizontales Layout umschließt 3 Bilder</figcaption></figure></div>


<p>In diesem Beispiel werden 3 Bilder nebeneinander angezeigt. Die drei Bilder befinden sich in einem horizontalen Layout.</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="255" height="69" src="https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/12/grafik-4.png" alt="Seitenstruktur" class="wp-image-270"/><figcaption class="wp-element-caption">Die Struktur des Beispiels, sichtbar im rechten Seitenmenü im Reiter &#8222;Seitenstruktur&#8220;.</figcaption></figure></div>


<h3 class="wp-block-heading">4.3 Schwimmende Layouts</h3>



<p>Schwimmende Layouts sind für fortgeschrittene User. Sie verhalten sich nicht responsiv und können durch eine absolute Position an den Bildschirm fixiert werden.</p>



<h3 class="wp-block-heading">4.4 Layouts verschachteln</h3>



<p>Durch Kombinationen aus verschachtelten Layouts können Sie verschiedene Strukturen erstellen. Der Baukasten bietet einige Vorlagen, mit denen Sie ganz einfach an Ihre gewünschte Struktur kommen.</p>


<div class="wp-block-image">
<figure class="aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="829" height="552" src="https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/12/layout-strukturen-4.png" alt="" class="wp-image-255" style="width:415px;height:276px" srcset="https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/12/layout-strukturen-4.png 829w, https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/12/layout-strukturen-4-300x200.png 300w, https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/12/layout-strukturen-4-768x511.png 768w" sizes="auto, (max-width: 829px) 100vw, 829px" /><figcaption class="wp-element-caption">Layout Vorlagen</figcaption></figure></div>


<p>Erstellen wir zum Beispiel diese Konstruktion:</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="992" height="401" src="https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/12/grafik-5.png" alt="" class="wp-image-271" srcset="https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/12/grafik-5.png 992w, https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/12/grafik-5-300x121.png 300w, https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/12/grafik-5-768x310.png 768w" sizes="auto, (max-width: 992px) 100vw, 992px" /><figcaption class="wp-element-caption">Verschachtelte Layouts</figcaption></figure>



<p>Es handelt sich um drei Karten mit jeweils einem Bild und zwei Text-Elementen darunter.</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="322" height="387" src="https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/12/grafik-8.png" alt="" class="wp-image-274" srcset="https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/12/grafik-8.png 322w, https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/12/grafik-8-250x300.png 250w" sizes="auto, (max-width: 322px) 100vw, 322px" /><figcaption class="wp-element-caption">Eine der Karten</figcaption></figure></div>

<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="175" height="94" src="https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/12/grafik-9.png" alt="" class="wp-image-275"/><figcaption class="wp-element-caption">Aufbau der Karte</figcaption></figure></div>


<p>Die Karte an sich ist ein vertikales Layout, dadurch werden alle Elemente untereinander angezeigt. Das erste Element in der Karte ist das Bild. </p>



<p>Die zwei Texte sind wieder verschachtelt in einem vertikalen Layout. Dies liegt daran, dass der Text nicht die ganze Breite einnehmen soll, das Bild aber schon. Das vertikale Layout, in dem sich die beiden Text-Elemente befinden, hat einen entsprechenden Innenabstand.</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="314" height="220" src="https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/12/grafik-10.png" alt="" class="wp-image-276" srcset="https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/12/grafik-10.png 314w, https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/12/grafik-10-300x210.png 300w" sizes="auto, (max-width: 314px) 100vw, 314px" /><figcaption class="wp-element-caption">Innenabstand visualisiert</figcaption></figure></div>


<p>Den Abstand können Sie im rechten Seitenmenü im Reiter &#8222;Abstand&#8220; einstellen.</p>



<h2 class="wp-block-heading">Los geht&#8217;s</h2>



<p>Jetzt verstehen Sie die Seitenstruktur und Layout-Elemente des Baukastens und können mit dem Erstellen der Webseite loslegen. Weitere Erklärungen rund um den Baukasten finden Sie in unseren anderen Anleitungen.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Schriftarten im Baukasten</title>
		<link>https://hpdkb.ledl.net/netzadresse/blog/content/schriftarten-im-baukasten/</link>
		
		<dc:creator><![CDATA[Benedikt]]></dc:creator>
		<pubDate>Thu, 15 Sep 2022 12:29:44 +0000</pubDate>
				<category><![CDATA[Fragen zu Inhalten]]></category>
		<category><![CDATA[DSGVO]]></category>
		<category><![CDATA[Google Fonts]]></category>
		<category><![CDATA[Schriftarten]]></category>
		<category><![CDATA[Schriftfarbe]]></category>
		<category><![CDATA[Schriftgröße]]></category>
		<category><![CDATA[Text]]></category>
		<guid isPermaLink="false">https://hpdkb.ledl.net/netzadresse/?p=189</guid>

					<description><![CDATA[In unserem Baukasten stehen Ihnen über 300 verschiedene Schriftarten zur Verfügung. Bei Bedarf können Sie auch eigene Schriftarten hochladen. DSGVO konforme Schriftarten Schriftarten, die von externen Servern geladen werden, können gegen die DSGVO verstoßen. Da die IP-Adresse des Besuchers an einen &#8211; möglicherweise &#8211; unsicheren Drittstaat übertragen werden könnte. Um dies zu vermeiden, klicken Sie [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>In unserem Baukasten stehen Ihnen über 300 verschiedene Schriftarten zur Verfügung. Bei Bedarf können Sie auch eigene Schriftarten hochladen.</p>



<h2 class="wp-block-heading">DSGVO konforme Schriftarten</h2>



<p>Schriftarten, die von externen Servern geladen werden, können gegen die DSGVO verstoßen. Da die IP-Adresse des Besuchers an einen &#8211; möglicherweise &#8211; unsicheren Drittstaat übertragen werden könnte. </p>



<p>Um dies zu vermeiden, klicken Sie auf &#8222;Einstellungen&#8220; und dann erneut auf &#8222;Einstellungen&#8220; setzen Sie nun unter &#8222;Seiteneinstellungen&#8220; → &#8222;Generell&#8220; einen Haken bei &#8222;Erzwinge lokale Schriftarten&#8220;. </p>



<p>Klicken Sie anschließend auf &#8222;Veröffentlichen&#8220; damit die Änderung angewendet werden kann.</p>



<figure class="wp-block-image size-large"><img decoding="async" src="https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/09/csm_local-copy-fonts_3a23ad1e74.png" alt=""/><figcaption>Google Schriftarten Lokal einbinden</figcaption></figure>



<h2 class="wp-block-heading">Schriftarten bearbeiten</h2>



<h3 class="wp-block-heading">1. Schritt: Öffnen Sie die Style-Einstellungen</h3>



<p>Fahren Sie mit der Maus über &#8222;Einstellungen und klicken Sie auf &#8222;Style&#8220;.</p>



<figure class="wp-block-image size-large"><img decoding="async" src="https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/09/csm_style-einstellungen_50acfbfacd-1024x576.png" alt="Style Einstellungen öffnen"/></figure>



<h3 class="wp-block-heading">2. Schritt: Schriftart auswählen und bearbeiten</h3>



<p>Wählen Sie beispielsweise für Heading 1 usw. die gewünschte Schriftart aus. Sie können die Schriftart anpassen, indem Sie Größe, Buchstabenabstand usw. verändern. </p>



<p>Den Texten auf der Website sind verschiedene Styles mit den von Ihnen ausgewählten Schriftarten zugewiesen. So haben Sie einen guten Überblick über die auf der Seite verwendeten Schriften und können diese für mehrere verschiedene Texte mit nur einer Änderung des jeweiligen Styles anpassen.</p>



<figure class="wp-block-image size-large"><img decoding="async" src="https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/09/csm_schrift-bearbeiten_4bb0fb5f93-1024x576.png" alt="Styling von Schriftarten"/><figcaption>Styling von Schriftarten</figcaption></figure>



<h3 class="wp-block-heading">3. Schritt: Weitere Schriftarten hinzufügen</h3>



<p>Sie können ganz einfach weitere Schriftarten hinzufügen, indem Sie bei den auszuwählenden Schriftarten bis nach unten scrollen und auf &#8222;Schriftarten bearbeiten&#8220; klicken. </p>



<p>Klicken Sie auf &#8222;Schriftarten hinzufügen&#8220; und wählen Sie entweder eine der vorhandenen Schriftarten aus, oder laden Sie eine eigene hoch. Mit Klick auf &#8222;Übernehmen&#8220; kann die Schriftart dann verwendet werden.</p>



<figure class="wp-block-image size-large"><img decoding="async" src="https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/09/csm_schriftart-auswaehlen_2865be78fe-1024x576.png" alt="Schriftart auswählen"/><figcaption>Schriftart auswählen</figcaption></figure>



<h3 class="wp-block-heading">4. Schritt: Schriftart hochladen</h3>



<p>Gehen Sie wie im vorherigen Schritt beschrieben vor und wählen Sie &#8222;Upload custom font&#8220;, um eigene Schriftarten hinzuzufügen.</p>



<p>Unterstützte Formate sind:</p>



<ul class="wp-block-list"><li>WOFF2</li><li>WOFF</li><li>OTF</li><li>TTF</li><li>EOT</li><li>SVG</li></ul>



<figure class="wp-block-image size-large"><img decoding="async" src="https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/09/csm_schriftart-hochladen_424ab3fedd-1024x576.png" alt="Schriftart hochladen"/><figcaption>Schriftart hochladen</figcaption></figure>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Eigene Skripte einfügen</title>
		<link>https://hpdkb.ledl.net/netzadresse/blog/generelle-einstellungen/eigene-skripte-einfuegen/</link>
		
		<dc:creator><![CDATA[Benedikt]]></dc:creator>
		<pubDate>Tue, 03 May 2022 06:19:03 +0000</pubDate>
				<category><![CDATA[Generelle Seiteneinstellungen]]></category>
		<category><![CDATA[<head> <body>]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Skripte]]></category>
		<guid isPermaLink="false">https://hpdkb.ledl.net/netzadresse/baukasten/?p=71</guid>

					<description><![CDATA[Einstellungen öffnen Öffnen Sie die Einstellungen (Zahnradsymbol) (1) und wählen Sie anschließend Seiten(2). Skripte einbinden Wählen Sie die gewünschte Seite auf der Sie das Skript einbinden wollen oder &#8222;Standard&#8220; (für alle Seiten) und anschließend den Reiter &#8222;Skripte&#8222;. Hier lassen sich nun zusätzliche, externe Skripte, einbinden. Diese können entweder vor dem &#60;/head> Bereich, vor dem &#60;/body> [&#8230;]]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Einstellungen öffnen</h2>



<p>Öffnen Sie die Einstellungen (Zahnradsymbol) (1) und wählen Sie anschließend Seiten(2).</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2023/04/designer-einstellungen-1024x576.png" alt="" class="wp-image-309" srcset="https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2023/04/designer-einstellungen-1024x576.png 1024w, https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2023/04/designer-einstellungen-300x169.png 300w, https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2023/04/designer-einstellungen-768x432.png 768w, https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2023/04/designer-einstellungen-1536x864.png 1536w, https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2023/04/designer-einstellungen.png 1920w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">Einstellungen öffnen</figcaption></figure>



<h2 class="wp-block-heading">Skripte einbinden</h2>



<p>Wählen Sie die gewünschte Seite auf der Sie das Skript einbinden wollen oder &#8222;Standard&#8220; (für alle Seiten) und anschließend den Reiter &#8222;<strong>Skripte</strong>&#8222;. Hier lassen sich nun zusätzliche, externe Skripte, einbinden. Diese können entweder vor dem <code>&lt;/head></code> Bereich, vor dem <code>&lt;/body></code> Bereich oder nach dem <code>&lt;body></code> Bereich Ihrer Webseite eingebunden werden.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2023/04/designer-skripte-1024x576.png" alt="" class="wp-image-311" srcset="https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2023/04/designer-skripte-1024x576.png 1024w, https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2023/04/designer-skripte-300x169.png 300w, https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2023/04/designer-skripte-768x432.png 768w, https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2023/04/designer-skripte-1536x864.png 1536w, https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2023/04/designer-skripte.png 1920w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">Skripte einbinden</figcaption></figure>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>robots.txt für Ihre Webseite aktivieren</title>
		<link>https://hpdkb.ledl.net/netzadresse/blog/generelle-einstellungen/robots-txt-fuer-ihre-webseite-aktivieren/</link>
		
		<dc:creator><![CDATA[Benedikt]]></dc:creator>
		<pubDate>Tue, 03 May 2022 06:16:47 +0000</pubDate>
				<category><![CDATA[Generelle Seiteneinstellungen]]></category>
		<category><![CDATA[Robots]]></category>
		<category><![CDATA[Robots.txt]]></category>
		<guid isPermaLink="false">https://hpdkb.ledl.net/netzadresse/baukasten/?p=69</guid>

					<description><![CDATA[Einstellungen öffnen Öffnen Sie die Einstellungen (Zahnradsymbol) (1) und wählen Sie anschließend Einstellungen (2). robots.txt aktivieren und Werte festlegen Wählen Sie den vierten Reiter &#8222;robots.txt&#8222;. Wenn Sie den Haken bei &#8222;Aktivieren robots.txt&#8220; setzen, können Sie im Feld darunter diverse Werte festlegen. Mit der robots.txt Datei kann zum Beispiel festlegt werden, welche Seiten und Verzeichnisse von [&#8230;]]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Einstellungen öffnen</h2>



<p>Öffnen Sie die Einstellungen (Zahnradsymbol) (1) und wählen Sie anschließend Einstellungen (2).</p>



<figure class="wp-block-image size-large"><img decoding="async" src="https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/09/de04-1920-fs8-1024x576.png" alt=""/><figcaption>Einstellungen öffnen</figcaption></figure>



<h2 class="wp-block-heading">robots.txt aktivieren und Werte festlegen</h2>



<figure class="wp-block-image size-large"><img decoding="async" src="https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/09/de08-1920-fs8-1024x576.png" alt=""/><figcaption>robots.txt aktivieren</figcaption></figure>



<p>Wählen Sie den vierten Reiter &#8222;<strong>robots.txt</strong>&#8222;. Wenn Sie den Haken bei &#8222;<strong>Aktivieren robots.txt</strong>&#8220; setzen, können Sie im Feld darunter diverse Werte festlegen. Mit der robots.txt Datei kann zum Beispiel festlegt werden, welche Seiten und Verzeichnisse von Google<sup>®</sup> und anderen Suchmaschinen indexiert werden dürfen und welche nicht.</p>



<p>Beispiele für Werte der robots.txt finden Sie auf <a href="https://en.wikipedia.org/wiki/Robots_exclusion_standard#Examples" target="_blank" rel="noreferrer noopener">Wikipedia</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Pop-up im Browser erstellen</title>
		<link>https://hpdkb.ledl.net/netzadresse/blog/content/pop-up-im-browser-erstellen/</link>
		
		<dc:creator><![CDATA[Benedikt]]></dc:creator>
		<pubDate>Tue, 03 May 2022 06:14:40 +0000</pubDate>
				<category><![CDATA[Fragen zu Inhalten]]></category>
		<category><![CDATA[aufpoppen]]></category>
		<category><![CDATA[Fenster]]></category>
		<category><![CDATA[Meldung]]></category>
		<category><![CDATA[POP-up]]></category>
		<guid isPermaLink="false">https://hpdkb.ledl.net/netzadresse/baukasten/?p=67</guid>

					<description><![CDATA[Wollen Sie ein Pop-up erstellen, das bei einem Seitenaufruf geöffnet wird? Das geht wie folgt: Erstellen Sie ein neues Menü-Element Klicken Sie auf Ihr Menüelement und klicken Sie anschließend auf „Neues Menüelement“. Geben Sie Ihrem neuen Pop-up einen Namen und wählen Sie den Menü-Typ &#8222;Aufpoppen&#8220;.Legen Sie die Größe Ihres Pop-ups fest und klicken Sie auf [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>Wollen Sie ein Pop-up erstellen, das bei einem Seitenaufruf geöffnet wird?</p>



<p>Das geht wie folgt:</p>



<h2 class="wp-block-heading">Erstellen Sie ein neues Menü-Element</h2>



<p>Klicken Sie auf Ihr Menüelement und klicken Sie anschließend auf „<strong>Neues Menüelement</strong>“.</p>



<p>Geben Sie Ihrem neuen Pop-up einen Namen und wählen Sie den Menü-Typ &#8222;Aufpoppen&#8220;.<br>Legen Sie die Größe Ihres Pop-ups fest und klicken Sie auf übernehmen.</p>



<figure class="wp-block-image size-large"><img decoding="async" src="https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/09/csm_neues-pop-up_3aa412a9f5-1024x576.png" alt=""/><figcaption class="wp-element-caption">Popup Menü-Element erstellen</figcaption></figure>



<h2 class="wp-block-heading">Pop-Up aus dem Menü entfernen</h2>



<p>Ihr Popup wird automatisch ins Menü übernommen, sollten Sie das Popup aber nicht als &#8222;Link&#8220; im Menü haben wollen, so müssen Sie diesen Link entfernen:</p>



<p>Klicken Sie wieder auf Ihr Menüelement und anschließend im rechten Seitenmenü auf &#8222;Menü bearbeiten&#8220;.</p>



<p>Klicken Sie bei dem soeben erstellten Popup auf das X um dieses zu löschen. Beim Bestätigen dürfen Sie nicht die Option &#8222;Entfernen Sie auch &#8222;Ihr Popup&#8220; verknüpfte Seite&#8220; wählen. Diese Option würde nicht nur die Verlinkung im Menü löschen sondern auch das Popup an sich.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2023/04/designer-menu-remove-popup-1024x576.png" alt="" class="wp-image-320" srcset="https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2023/04/designer-menu-remove-popup-1024x576.png 1024w, https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2023/04/designer-menu-remove-popup-300x169.png 300w, https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2023/04/designer-menu-remove-popup-768x432.png 768w, https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2023/04/designer-menu-remove-popup-1536x864.png 1536w, https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2023/04/designer-menu-remove-popup.png 1920w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h2 class="wp-block-heading">Binden Sie Ihr Pop-up in eine Seite ein</h2>



<p>Öffnen Sie die Einstellungen (1) und klicken Sie anschließend auf &#8222;Seiten&#8220; (2).</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2023/04/designer-einstellungen-1-1024x576.png" alt="" class="wp-image-321" srcset="https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2023/04/designer-einstellungen-1-1024x576.png 1024w, https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2023/04/designer-einstellungen-1-300x169.png 300w, https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2023/04/designer-einstellungen-1-768x432.png 768w, https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2023/04/designer-einstellungen-1-1536x864.png 1536w, https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2023/04/designer-einstellungen-1.png 1920w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>Wählen Sie nun die Seite bei der das Pop-up erscheinen soll an und setzen Sie einen Haken bei &#8222;Pop-up anzeigen, wenn die Seite geöffnet wird&#8220;. Nun wählen Sie noch Ihr soeben erstelltes Pop-up an.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2023/04/designer-popup-einbinden-1024x576.png" alt="" class="wp-image-322" srcset="https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2023/04/designer-popup-einbinden-1024x576.png 1024w, https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2023/04/designer-popup-einbinden-300x169.png 300w, https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2023/04/designer-popup-einbinden-768x432.png 768w, https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2023/04/designer-popup-einbinden-1536x864.png 1536w, https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2023/04/designer-popup-einbinden.png 1920w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">Pop-up einbinden</figcaption></figure>



<h2 class="wp-block-heading">Gestalten Sie Ihr Pop-up</h2>



<p>Wählen Sie im Dropdown-Menü links oben Ihr soeben erstelltes Popup, und schon können Sie mit dem Gestalten Ihres Pop-ups anfangen.</p>



<figure class="wp-block-image size-large"><img decoding="async" src="https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/09/csm_pop-up-bearbeiten_df7cff1029-1024x576.png" alt=""/><figcaption class="wp-element-caption">Pop-up gestalten</figcaption></figure>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Onlineshop erstellen mit dem Baukasten</title>
		<link>https://hpdkb.ledl.net/netzadresse/blog/content/onlineshop-erstellen-mit-dem-baukasten/</link>
		
		<dc:creator><![CDATA[Benedikt]]></dc:creator>
		<pubDate>Mon, 02 May 2022 15:09:02 +0000</pubDate>
				<category><![CDATA[Fragen zu Inhalten]]></category>
		<category><![CDATA[Artikel]]></category>
		<category><![CDATA[Rechnung]]></category>
		<category><![CDATA[Shop]]></category>
		<category><![CDATA[Steuer]]></category>
		<category><![CDATA[Versand]]></category>
		<category><![CDATA[Warenkorb]]></category>
		<category><![CDATA[Zahlung]]></category>
		<guid isPermaLink="false">https://hpdkb.ledl.net/netzadresse/baukasten/?p=65</guid>

					<description><![CDATA[Warenkorb und Artikelübersicht einfügen Über die Designvorlage: Wenn Sie ein neues Webseitenprojekt über den Baukasten erstellen, können Sie zu Beginn eine Designvorlage für die verschiedensten Branchen auswählen. Wenn Sie eine Vorlage aus dem Bereich &#8222;E-Commerce&#8220; (1) wählen (2), sind der Warenkorb und die Artikelübersicht bereits enthalten. Auf bestehende Webseite einfügen Wenn Sie für ein bestehendes [&#8230;]]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Warenkorb und Artikelübersicht einfügen</h2>



<h3 class="wp-block-heading">Über die Designvorlage:</h3>



<p>Wenn Sie ein neues Webseitenprojekt über den Baukasten erstellen, können Sie zu Beginn eine Designvorlage für die verschiedensten Branchen auswählen. Wenn Sie eine Vorlage aus dem Bereich &#8222;<strong>E-Commerce</strong>&#8220; (1) wählen (2), sind der Warenkorb und die Artikelübersicht bereits enthalten.</p>



<figure class="wp-block-image size-large"><img decoding="async" src="https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/09/de01-1920-fs8-1024x576.png" alt=""/><figcaption>E-Commerce Vorlagen</figcaption></figure>



<h3 class="wp-block-heading">Auf bestehende Webseite einfügen</h3>



<p>Wenn Sie für ein bestehendes Projekt den Warenkorb und die Artikelübersicht für Ihren Online-Shop einfügen möchten, ist dies über die Tool-Bar mit dem Schaltfläche &#8222;<strong>Handel</strong>&#8220; möglich. Klicken Sie auf die Schaltfläche (1) und ziehen Sie die jeweiligen Module per Drag&amp;Drop (ziehen und fallen lassen) auf die gewünschte Position auf Ihrer Webseite.</p>



<h2 class="wp-block-heading">Onlineshop Artikel anlegen und verwalten</h2>



<p>Klicken Sie mit der einmal auf das &#8222;<strong>Shopmodul</strong>&#8220; (1) und anschließend im rechten Seitenmenü auf &#8222;<strong>Produkte bearbeiten</strong>&#8220; (2).</p>



<p><strong>Im linken Bereich</strong> (1) sehen Sie die Übersicht aller angelegten Artikel. Neue Artikel können mit &#8222;<strong>+ Objekt hinzufügen</strong>&#8220; angelegt werden. Duch einen Klick auf das &#8222;&#8220; neben dem Artikel, kann das Produkt gelöscht werden. Die Anordnung der einzelnen Artikel können Sie per Drag &amp; Drop ändern, ziehen Sie den Artikel einfach auf die gewünschte Position.</p>



<p><strong>Im rechten Bereich</strong> (2) sehen Sie die Artikeldetails.</p>



<figure class="wp-block-image size-large"><img decoding="async" src="https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/10/designer_produkt_einstellungen-1024x666.png" alt=""/><figcaption>Artikel Einstellungen verwalten</figcaption></figure>



<figure class="wp-block-image size-large"><img decoding="async" src="https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/10/designer_produkt_seo-1024x666.png" alt=""/><figcaption>Artikel SEO Einstellungen</figcaption></figure>



<h3 class="wp-block-heading">Erklärung der einzelnen Felder</h3>



<ul class="wp-block-list"><li><strong>Artikel Name:</strong> Eindeutiger Name für das Produkt.</li><li><strong>Preis:</strong> Produktpreis.</li><li><strong>Produktvarianten:</strong> Bei unserem Beispiel sind bereits Produktvarianten (zum Beispiel Creme) angelegt. Sie können diese bearbeiten, in dem Sie beim Dropdown für die Produktvarianten &#8222;<strong>Bearbeiten</strong>&#8220; auswählen. Sie können so Varianten der Artikel wie zum Beispiel Größe, Gewicht oder Farben anlegen.</li><li><strong>Kategorien:</strong> Die verschiedenen Kategorien können Sie beim Dropdown für die Kategorien mit &#8222;<strong>Bearbeiten</strong>&#8220; ändern bzw. anlegen.</li><li><strong>Artikel:</strong> Bei diesem Feld können Sie eine eindeutige Artikelnummer festlegen. Diese Angabe ist optional.</li><li><strong>Discount (%): </strong>Preisnachlass in Prozenten</li><li><strong>Gewicht:</strong> Optional kann das Gewicht des Produkts angegeben werden.</li><li><strong>Menge:</strong> In diesem Feld können Sie Ihren Lagerbestand angeben. Diese Angabe ist nicht öffentlich sichtbar und dient nur für Sie als Übersicht des Lagerbestandes. Dieser Wert muss immer manuell angepasst werden.</li><li><strong>Beschreibung:</strong> Produktbeschreibung festlegen.</li><li><strong>Bilder:</strong> Ein oder mehrere Artikelbilder festlegen.</li><li><strong>SEO Title:</strong> Bei diesem Feld können Sie einen Seitentitel für das jeweilige Produkt festlegen. Diese Angabe ist ein wichtiger Punkt in Hinsicht auch Suchmaschinen. Der Seitentitel wird dann bei den Suchergebnissen bei den diversen Suchmaschinen angezeigt. Der Titel sollte eine Länge von ca. 55 Zeichen haben.</li><li><strong>SEO Beschreibung:</strong> So wie der Seitentitel, ist auch die SEO Beschreibung ein wichtiger Punkt für Suchmaschinen. Diese Beschreibung wird bei den Suchergebnissen unter dem Link angezeigt und sollte eine Länge von ca. 160 Zeichen haben.</li><li><strong>Benutzerfreundliche URL:</strong> Eine individuelle URL für die Artikeldetailseite. Wenn Sie beispielsweise den Wert &#8222;apple&#8220; angeben, hat die Pruduktseite die URL &#8222;yourwebsite.com/store/apple&#8220;.</li><li><strong>Versteckt:</strong> Wenn Sie hier das Häkchen setzen wird der Artikel nicht im Onlineshop angezeigt.</li><li><strong>Größe und Geruch:</strong> Diese Felder sind Beispielfelder und ebenfalls Produktvarianten. Diese Felder können, wie beim Punkt &#8222;Produktvarianten&#8220; beschrieben, angepasst oder gelöscht werden.</li></ul>



<hr class="wp-block-separator has-css-opacity"/>



<h2 class="wp-block-heading">Einstellungen für Währung, Artikelbilder, E-Mail Versand (Bestellbestätigung) und Kontaktformular</h2>



<h3 class="wp-block-heading">Währung festlegen</h3>



<p>Klicken Sie auf das &#8222;<strong>Shopmodul</strong>&#8220; (1) und im Rechten Reiter anschließend auf &#8222;<strong>Preis</strong>&#8220; (2).<br>Hier können Sie alle nötigen Einstellungen zur Preisdarstellung vornehmen.</p>



<h4 class="wp-block-heading">Erklärung der einzelnen Felder</h4>



<ul class="wp-block-list"><li><strong>Währungen:</strong> Hier legen Sie die Standardwährung fest.</li><li><strong>Preis Prefix:</strong> (Währungszeichen Ihrer Wahl vor dem Preis).</li><li><strong>Preis Postfix:</strong> (Text nach dem Preis wie zum Beispiel eine MwSt Angabe etc.).</li><li><strong>Preisoptionen:</strong> Sie können bei Bedarf Tausender Trennzeichen, den Dezimalpunkt und die Anzahl der Dezimalstellen festlegen.</li></ul>



<h3 class="wp-block-heading">Einstellungen für Artikelbilder</h3>



<p>Im Reiter &#8222;Images&#8220; legen Sie die Größe und Erscheinung der Artikelbilder und Vorschaubilder fest.</p>



<h2 class="wp-block-heading">Einstellungen für E-Mail Versand und Kontaktformular</h2>



<p>Damit Sie bei einer neuen Bestellung eine E-Mail Benachrichtigung erhalten und die Bestellbestätigung sowie eine Rechnung an den Kunden per E-Mail gesendet werden können, müssen die E-Mail Einstellungen konfiguriert werden. Diese finden Sie bei den Eigenschaften für die Artikel unter dem Reiter &#8222;<strong>Shop</strong>&#8222;. Klicken Sie anschließen auf das &#8222;<strong>Stiftsymbol</strong>&#8220; (1) beim Punkt &#8222;<strong>Kontaktformular</strong>&#8222;.</p>



<figure class="wp-block-image size-large"><img decoding="async" src="https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/09/de06.1-1920-fs8-1024x576.png" alt=""/><figcaption>E-Mail Einstellungen</figcaption></figure>



<h3 class="wp-block-heading">Felder für das Kontaktformular festlegen</h3>



<p>Beim ersten Reiter &#8222;<strong>Felder</strong>&#8220; legen Sie die angezeigten Formularfelder für das Kontaktformular fest. Hier kann auch der Text für den Bestellen Button im Warenkorb festgelegt werden.</p>



<figure class="wp-block-image size-large"><img decoding="async" src="https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/09/de06.2-1920-fs8-1024x576.png" alt=""/><figcaption>Kontaktformular</figcaption></figure>



<h3 class="wp-block-heading">E-Mail Einstellungen</h3>



<p>Beim zweiten Reiter &#8222;<strong>E-Mail Einstellungen</strong>&#8220; legen Sie die grundlegenden E-Mail Einstellungen fest:</p>



<ul class="wp-block-list"><li><strong>Formular wird an diese E-Mail Adresse gesendet:</strong> Hier tragen Sie die gewünschte Empfängeradresse ein. Sie können auch mehrere E-Mail Empfänger festlegen. Wenn Sie mehrere Empfänger festlegen, müssen die einzelnen E-Mail Adressen durch einen Strichpunkt getrennt werden.</li><li><strong>Absender-Adresse für Nachrichten:</strong> Von dieser Adresse aus wird das Formular an die Empfängeradresse gesendet. Diese E-Mail Adresse erscheint auch als Absender wenn der Kunde die Bestellbestätigung, weitere Informationen oder die Rechnung erhält.</li><li><strong>Mit Betreff:</strong> E-Mail Betreff festlegen</li><li><strong>Nachricht gesendet:</strong> Hier legen Sie den Bestätigungstext fest der erscheint wenn das Formular abgesendet wird.</li><li><strong>Maximale Größe von Anhängen:</strong> Wenn Sie bei &#8222;<strong>Felder</strong>&#8220; ein Feld für Dateinanhänge aktiviert haben, können Sie hier die maximale Größe der erlaubten Dateianhänge festlegen.</li></ul>



<figure class="wp-block-image size-large"><img decoding="async" src="https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/09/de06.1-1920-fs8-1-1024x576.png" alt=""/><figcaption>E-Mail Einstellungen</figcaption></figure>



<h2 class="wp-block-heading">Einstellungen zum Spam Schutz &#8211; Google<sup>®</sup> reCAPTCHA aktivieren</h2>



<p>Zum Spamschutz empfiehlt es sich für das Kontaktformular das Google<sup>®</sup> reCAPTCHA zu aktivieren. Beim Google<sup>®</sup> reCAPTCHA handelt es sich um eine Sicherheitsabfrage in Form von Bildern, Wörtern oder Zahlenkombinationen, die vor dem Absenden des Kontaktformulars eingegeben werden müssen. Durch diese Maßnahme verhindern Sie, dass Spambots über Ihre Webseite unerwünschte Nachrichten an Sie versenden.</p>



<p>Um diese Funktion nutzen zu können, benötigen Sie einen Seitenschlüssel sowie einen geheimen Schlüssel. Diese Schlüssel müssen bei Google<sup>®</sup> reCAPTACHA unter <a href="https://www.google.com/recaptcha/" target="_blank" rel="noreferrer noopener">https://www.google.com/recaptcha/</a> beantragt werden.</p>



<figure class="wp-block-image size-large"><img decoding="async" src="https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/09/de06.4-1920-fs8-1024x576.png" alt=""/><figcaption>Google<sup>®</sup> reCAPTCHA</figcaption></figure>



<hr class="wp-block-separator has-css-opacity"/>



<h2 class="wp-block-heading">Zahlungsarten &amp; Rechnung</h2>



<p>Klicken Sie auf den &#8222;<strong>Warenkorb</strong>&#8220; (1) und wählen Sie anschließend im rechten Seitenmenü die gewünschten <strong>Einstellungen</strong>.</p>



<figure class="wp-block-image size-large"><img decoding="async" src="https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/09/de10-1920-fs8-1024x576.png" alt=""/><figcaption>Shop-Einstellungen</figcaption></figure>



<h3 class="wp-block-heading">Zahlungsarten festlegen</h3>



<p>Hier können Sie die Zahlungsanbieter aktivieren/deaktivieren. Bei manchen Anbietern ist ein Testmodus verfügbar. Das heißt Sie können den gesamten Bestellvorgang inklusive Zahlung testen ohne das eine echte Zahlung durchgeführt wird.</p>



<p>Folgende Zahlungsarten sind möglich:</p>



<ul class="wp-block-list"><li><strong>Banküberweisung:</strong> Zahlung auf Rechnung.<br>Im Feld &#8222;<strong>Informationen, die angezeigt werden sollen, wenn die Bestellung aufgegeben wird</strong>&#8220; können Sie einen beliebigen Text festlegen der erscheint wenn die Bestellung aufgegeben wird. Damit der Rechnungsversand funktioniert müssen die E-Mail-Einstellungen des Shop Kontaktformulars festgelegt werden. Zur Anleitung E-Mail Einstellungen für Onlineshop.</li><li><strong>Nachnahme:</strong> Cash on Delivery. Wie bei Bank Transfer können Sie auch hier einen individuellen Text für die Bestätigung nach der aufgegebenen Bestellung festlegen. Damit die Bestellbestätigung an den Kunden zugestellt werden kann, muss auch bei Nachnahme die E-Mail-Einstellung des Shop Kontaktformulars festgelegt werden. Zur Anleitung E-Mail Einstellungen für Onlineshop.</li><li><strong>PayPal</strong></li><li><strong>Klarna</strong></li><li><strong>2Checkout</strong></li><li><strong>Alipay</strong></li><li><strong>Braintree</strong></li><li><strong>Mollie</strong></li><li><strong>Paymentez</strong></li><li><strong>Paysera</strong></li><li><strong>Robokassa</strong></li><li><strong>Skrill</strong></li><li><strong>Stripe</strong></li><li><strong>Webmoney</strong></li></ul>



<figure class="wp-block-image size-large"><img decoding="async" src="https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/09/de11-1920-fs8-1024x576.png" alt=""/><figcaption>Zahlungs-Einstellungen</figcaption></figure>



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



<p>Im ersten Feld werden die Verkäuferangaben eingetragen, die auf der Rechnung angeführt werden sollen.</p>



<p>In den weiteren zwei Feldern können Sie einen beliebigen Text anhängen.</p>



<p>Im unteren Bereich können Sie Optionen für die Rechnungsnummer festlegen.</p>



<p>Wenn Sie bei der Rechnungsnummer &#8222;<strong>Einfach</strong>&#8220; auwählen, können Sie das Prefix sowie die Länge der Rechnungsnummer festlegen.</p>



<p>Wenn Sie bei der Rechnungsnummer &#8222;<strong>Erweitert</strong>&#8220; wählen, können Sie diverse Optionen für die Rechnungsnummer festlegen und so die Rechnungsnummer ganz Ihren Bedürfnissen anpassen. Folgende Variablen werden unterstützt:</p>



<ul class="wp-block-list"><li>(JJJJ) &#8211; Jahr im 4 Zeichen Format</li><li>(JJ) &#8211; Jahr im 2 Zeichen Format</li><li>(MM) &#8211; Monat im 2 Zeichen Format</li><li>(TT) &#8211; Tag im 2 Zeichen Format</li><li>{N} &#8211; counter value of current series.</li><li>{RN} &#8211; counter value of current series for date represented by {YYYY}, {YY}, {MM}, and/or {DD} variables.</li><li>{N:#} &#8211; zero padded value of {N}. Replace &#8222;#&#8220; with number of digits the counter value should have to produce fixed length document numbers.</li><li>{RN:#} &#8211; zero padded value of {RN}. Replace &#8222;#&#8220; with number of digits the counter value should have to produce fixed length document numbers.</li></ul>



<figure class="wp-block-image size-large"><img decoding="async" src="https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/09/de12-1920-fs8-1024x576.png" alt=""/><figcaption>Rechnungs-Einstellungen</figcaption></figure>



<hr class="wp-block-separator has-css-opacity"/>



<h2 class="wp-block-heading">Versandländer und Versandkosten</h2>



<h3 class="wp-block-heading">Versandländer</h3>



<p>Klicken Sie auf den &#8222;<strong>Warenkorb</strong>&#8220; (1) und im rechten Seitenmenü anschließend auf &#8222;<strong>Versandländer</strong>&#8222;.</p>



<figure class="wp-block-image size-large"><img decoding="async" src="https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/09/de10-1920-fs8-2-1024x576.png" alt=""/><figcaption>Versandländer</figcaption></figure>



<h4 class="wp-block-heading">Neues Objekt erstellen</h4>



<p>Erstellen Sie ein neues Versandland in dem Sie anschließend &#8222;<strong>Objekt hinzufügen</strong>&#8220; wählen.</p>



<figure class="wp-block-image size-large"><img decoding="async" src="https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/09/de19-1920-fs8-1024x576.png" alt=""/><figcaption>Versandländer hinzufügen</figcaption></figure>



<h4 class="wp-block-heading">Neues Element</h4>



<p>Vergeben Sie einen eindeutigen Namen für das Versandland (1) und wählen Sie anschließend das gewünschte Land aus dem Drop down Menü (2). Jetzt können Sie entweder mit &#8222;<strong>Objekt hinzufügen</strong>&#8220; ein neues Versandland anlegen oder Sie bestätigen die Eingaben mit &#8222;<strong>Übernehmen</strong>&#8222;.</p>



<figure class="wp-block-image size-large"><img decoding="async" src="https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/09/de20-1920-fs8-1024x576.png" alt=""/><figcaption>Versandland</figcaption></figure>



<h3 class="wp-block-heading">Versandkosten und Versandarten festlegen</h3>



<p>Wählen Sie bei den Eigenschaften des Warenkorbs den Button &#8222;<strong>Versandarten</strong>&#8220; (1).</p>



<figure class="wp-block-image size-large"><img decoding="async" src="https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/09/de10-1920-fs8-3-1024x576.png" alt=""/><figcaption>Versandarten</figcaption></figure>



<h4 class="wp-block-heading">Versandarten Objekt hinzufügen</h4>



<p>Fügen Sie eine neue Versandart hinzu in dem Sie anschließend &#8222;<strong>Objekt hinzufügen</strong>&#8220; wählen.</p>



<figure class="wp-block-image size-large"><img decoding="async" src="https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/09/de25-1920-1024x576.webp" alt=""/><figcaption>Versandart hinzufügen</figcaption></figure>



<h4 class="wp-block-heading">Versandart anlegen</h4>



<ul class="wp-block-list"><li>Vergeben Sie einen eindeutigen Namen für die Versandart (1).</li><li>Wählen Sie die Zielzone (Versandland) für die Versandart (2). Dieses Feld bezieht sich auf die Versandländer. Wenn Sie noch keine Versandländer angelegt haben, wählen Sie beim Dropdown Feld einfach &#8222;<strong>Bearbeiten</strong>&#8220; und legen Sie die gewünschten Versandländer an.</li><li>Beim Dropdown Feld &#8222;<strong>Tippen</strong>&#8220; (3) wählen Sie nun nach welchem Kriterium sich die Versandkosten richten. Es stehen die Werte kostenlos, Pauschale, nach Gewicht und nach Zwischensumme zur Auswahl. Je nach gewähltem Wert können Sie nun unterschiedliche Versandkosten festlegen.</li><li>Sie können bei diesem Feld noch die vorraussichtliche Lieferzeit für die erstellte Versandart bzw. das Versandland angeben.</li></ul>



<hr class="wp-block-separator has-css-opacity"/>



<h2 class="wp-block-heading">Bestellübersicht ansehen</h2>



<p>Um alle Bestellungen anzusehen, klicken Sie auf den &#8222;<strong>Einkaufswagen</strong>&#8220; (1) im rechten Seitenmenü nun anschließend auf &#8222;<strong>Bestellungen prüfen</strong>&#8222;.</p>



<figure class="wp-block-image size-large"><img decoding="async" src="https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/09/de10-1920-fs8-4-1024x576.png" alt=""/><figcaption>Bestellübersicht</figcaption></figure>



<h2 class="wp-block-heading">Bestellprotokoll</h2>



<p>Beim Bestellprotokoll sehen Sie eine detaillierte Übersicht aller Bestellungen mit Bestellnummer, Rechnungsnummer, Datum/Zeit, Namen des Käufers, E-Mail Adresse des Käufers, Summe und dem Status. Mit Hilfe des Filters können Sie die Bestellungen sortieren.</p>



<figure class="wp-block-image size-large"><img decoding="async" src="https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/09/de16-1920-fs8-1024x576.png" alt=""/><figcaption>Bestellprotokoll</figcaption></figure>



<hr class="wp-block-separator has-css-opacity"/>



<h2 class="wp-block-heading">Steuerregeln festlegen</h2>



<p>Klicken auf den &#8222;<strong>Einkaufswagen</strong>&#8220; (1) und anschließend im rechten Seitenmenü auf &#8222;<strong>Steuerregeln</strong>.</p>



<figure class="wp-block-image size-large"><img decoding="async" src="https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/09/de10-1920-fs8-5-1024x576.png" alt=""/><figcaption>Steuerregeln</figcaption></figure>



<p>Wählen Sie als nächstes die Schaltfläche &#8222;<strong>Objekt hinzufügen</strong>&#8222;.</p>



<h3 class="wp-block-heading">Neues Element erstellen</h3>



<ul class="wp-block-list"><li>Vergeben Sie beim Feld &#8222;<strong>Name</strong>&#8220; (1) einen eindeutigen Namen für die Steuerregel und wählen Sie anschließend &#8222;<strong>Steuersatz hinzufügen</strong>&#8222;.</li><li>Im Dropdown Feld (2) wählen Sie das gewünschte Versandland aus, für das der Steuersatz gelten soll. Dieses Feld bezieht sich auf die Versandländer. Wenn Sie noch keine Versandländer angelegt haben, wählen Sie beim Dropdown Feld einfach &#8222;<strong>Bearbeiten</strong>&#8220; und legen Sie die gewünschten Versandländer an.</li><li>Jetzt legen Sie den Prozentsatz für die Steuerregel fest (3).</li><li>Mit &#8222;<strong>Objekt hinzufügen</strong>&#8220; können Sie eine weitere Steuerregel erstellen oder Sie speichern die Änderungen einfach mit &#8222;<strong>Übernehmen</strong>&#8220; (4).</li></ul>



<figure class="wp-block-image size-large"><img decoding="async" src="https://hpdkb.ledl.net/netzadresse/wp-content/uploads/sites/6/2022/09/de23-1920-1024x576.webp" alt=""/><figcaption>Steuerregel erstellen</figcaption></figure>



<hr class="wp-block-separator has-css-opacity"/>



<h2 class="wp-block-heading">Schriftarten und Schrift Stil für die Artikelansicht</h2>



<p>Im rechten Seitenmenü beim Reiter &#8222;<strong>Text</strong>&#8220; können Sie für das Artikel Modul Schriftart, Schriftgröße, Ausrichtung und vieles mehr festlegen.</p>



<h2 class="wp-block-heading">Textsuchfilter und Preisfilter</h2>



<p>Im rechten Seitenmenü beim Reiter &#8222;<strong>Filter</strong>&#8220; aktivieren/deaktivieren Sie den Textsuchfilter und/oder Preisfilter. Hier kann auch die Position, an der diese Filter angezeigt werden sollen, bestimmt werden. Der Textsuchfilter erlaubt eine Textsuche nach Artikelname, Kategorie oder Produktvariante. Mit dem Preisfilter können Sie die Artikel nach Preis sortieren lassen.</p>



<h2 class="wp-block-heading">Größe und Position der Artikel Übersicht</h2>



<p>Im rechten Seitenmenü beim Reiter &#8222;<strong>Größe</strong>&#8220; kann die Position und Größe der Artikelübersicht auf Belieben angepasst werden.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
