{"id":880690,"date":"2023-10-21T17:29:16","date_gmt":"2023-10-21T22:29:16","guid":{"rendered":"https:\/\/blogging-techies.com\/ge\/padding-vs-marge-was-ist-der-unterschied-in-wordpress\/"},"modified":"2023-10-21T17:29:16","modified_gmt":"2023-10-21T22:29:16","slug":"padding-vs-marge-was-ist-der-unterschied-in-wordpress","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/ge\/padding-vs-marge-was-ist-der-unterschied-in-wordpress\/","title":{"rendered":"Padding vs. Marge: Was ist der Unterschied in WordPress?"},"content":{"rendered":"<p>M\u00f6chten Sie den Unterschied zwischen Padding und Margin in WordPress erfahren?<\/p>\n<p>In WordPress ist Padding der Abstand zwischen dem Inhalt und dem Rand innerhalb eines Blocks, w\u00e4hrend Margin der Abstand zwischen zwei separaten Bl\u00f6cken ist.<\/p>\n<p>In diesem Artikel zeigen wir Ihnen den Unterschied zwischen Padding und Margin und wie Sie sie in WordPress verwenden.<\/p>\n<figure class=\"wp-block-image size-full\"><\/figure>\n<h4 class=\"wp-block-heading\">Was ist Padding in WordPress?<\/h4>\n<p>Die Padding-Funktion auf Ihrer WordPress-Website dient dazu, Platz innerhalb eines Blocks zu schaffen.<\/p>\n<p>Sie k\u00f6nnen beispielsweise innerhalb eines Textblocks Platz hinzuf\u00fcgen, um Ihr Layout optisch ansprechender zu gestalten und zu verhindern, dass Text zu nahe an den R\u00e4ndern des Blocks erscheint.<\/p>\n<figure class=\"wp-block-image size-full\"><\/figure>\n<p>Sie k\u00f6nnen Padding auch verwenden, um zu steuern, wie Inhalte in Ihrem WordPress-Blog flie\u00dfen.  Wenn Sie beispielsweise am oberen und unteren Rand eines Textblocks einen Abstand hinzuf\u00fcgen, k\u00f6nnen Sie den Besuchern das Lesen des Inhalts erleichtern.<\/p>\n<h4 class=\"wp-block-heading\">Was ist Marge in WordPress?<\/h4>\n<p>Der Rand ist der Raum um den Rand eines WordPress-Blocks und seiner umgebenden Elemente.<\/p>\n<p>Dies kann Ihnen helfen, Platz zwischen zwei verschiedenen Bl\u00f6cken zu schaffen und so ein ger\u00e4umigeres und \u00fcbersichtlicheres Layout f\u00fcr Ihre Website zu schaffen.<\/p>\n<figure class=\"wp-block-image size-full\"><\/figure>\n<p>Beispielsweise k\u00f6nnen Sie am oberen und unteren Rand eines Textblocks R\u00e4nder hinzuf\u00fcgen, sodass dieser auch dann sichtbar bleibt, wenn die Bildschirmgr\u00f6\u00dfe ge\u00e4ndert wird.<\/p>\n<p>Dar\u00fcber hinaus k\u00f6nnen Sie R\u00e4nder auch verwenden, um Platz zwischen Bild- und Textbl\u00f6cken zu schaffen, um Ihre Website optisch ansprechend und f\u00fcr Benutzer zug\u00e4nglicher zu machen.<\/p>\n<h4 class=\"wp-block-heading\">Was ist der Unterschied zwischen Padding und Margin in WordPress?<\/h4>\n<p>Hier ist eine kurze Liste der Unterschiede zwischen Innenabstand und Rand in WordPress:<\/p>\n<figure class=\"wp-block-table is-style-regular\">\n<table class=\"has-fixed-layout\">\n<thead>\n<tr>\n<th>Ausgestopft<\/th>\n<th>Marge<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Unter Padding versteht man das Hinzuf\u00fcgen von Platz zwischen dem Inhalt und dem Rand des Blocks.<\/td>\n<td>Die Margin-Funktion f\u00fcgt Platz au\u00dferhalb des Blockrandes hinzu.<\/td>\n<\/tr>\n<tr>\n<td>Die Verwendung von Padding hat keine Auswirkungen auf die anderen Bl\u00f6cke Ihrer Website.<\/td>\n<td>Die Verwendung eines Randes wirkt sich auf andere Bl\u00f6cke auf Ihrer Website aus.<\/td>\n<\/tr>\n<tr>\n<td>Durch Auff\u00fcllen kann ein Puffer um einen Block herum erstellt werden.<\/td>\n<td>R\u00e4nder k\u00f6nnen Platz zwischen zwei verschiedenen Bl\u00f6cken schaffen.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\n<h4 class=\"wp-block-heading\">So verwenden Sie Padding in WordPress<\/h4>\n<p>Standardm\u00e4\u00dfig verf\u00fcgt der WordPress Full Site Editor (FSE) \u00fcber die Padding-Funktion.<\/p>\n<p>Beachten Sie jedoch, dass Sie, wenn Sie kein blockbasiertes Theme verwenden, keine Polsterung zu Ihrer WordPress-Site hinzuf\u00fcgen k\u00f6nnen, es sei denn, Sie verwenden benutzerdefiniertes CSS.<\/p>\n<p>Zuerst m\u00fcssen Sie die besuchen <strong>Aussehen \u00bb Herausgeber<\/strong> Seite aus der WordPress-Admin-Seitenleiste, um den vollst\u00e4ndigen Site-Editor zu starten.<\/p>\n<p>Sobald Sie dort angekommen sind, w\u00e4hlen Sie einfach in der Seitenleiste \u201eVorlagen\u201c auf der linken Seite die Seitenvorlage aus, auf der Sie Ihren Bl\u00f6cken Auff\u00fcllungen hinzuf\u00fcgen m\u00f6chten.  In dieser Seitenleiste werden alle Vorlagen f\u00fcr verschiedene Seiten Ihrer Website angezeigt.<\/p>\n<figure class=\"wp-block-image size-full\"><\/figure>\n<p>Sobald dies erledigt ist, wird die von Ihnen ausgew\u00e4hlte Vorlage auf dem Bildschirm ge\u00f6ffnet.<\/p>\n<p>Klicken Sie hier auf die Schaltfl\u00e4che \u201eBearbeiten\u201c, um mit der Anpassung Ihrer Seitenvorlage im vollst\u00e4ndigen Site-Editor zu beginnen.<\/p>\n<figure class=\"wp-block-image size-full\"><\/figure>\n<p>W\u00e4hlen Sie als N\u00e4chstes den Block aus, dem Sie Polsterung hinzuf\u00fcgen m\u00f6chten.  Denken Sie daran, dass dies bedeutet, dass Sie Platz zwischen dem Inhalt und dem Rand des Blocks schaffen.<\/p>\n<p>Dadurch werden die Blockeinstellungen im Blockbereich auf der rechten Seite des Bildschirms ge\u00f6ffnet.<\/p>\n<p>Von hier aus m\u00fcssen Sie nach unten zum Abschnitt \u201eAbmessungen\u201c scrollen und auf das Dreipunktmen\u00fc klicken.  Dadurch wird eine Meldung ge\u00f6ffnet, in der Sie die Option \u201eAusf\u00fcllen\u201c ausw\u00e4hlen m\u00fcssen.<\/p>\n<figure class=\"wp-block-image size-full\"><\/figure>\n<p>Als n\u00e4chstes verwenden Sie einfach den Schieberegler, um Ihrem Block Polsterung hinzuzuf\u00fcgen. <\/p>\n<p>Beachten Sie, dass diese Funktion allen Seiten des Blocks Polsterung hinzuf\u00fcgt.<\/p>\n<figure class=\"wp-block-image size-full\"><\/figure>\n<p>Wenn Sie jedoch nur am oberen oder unteren Rand des Blocks eine Polsterung hinzuf\u00fcgen m\u00f6chten, k\u00f6nnen Sie dies auch tun, indem Sie neben der Option \u201ePolsterung\u201c auf das Symbol \u201eSeitenverkn\u00fcpfung aufheben\u201c klicken.<\/p>\n<p>Anschlie\u00dfend k\u00f6nnen Sie verschiedene Schieberegler verwenden, um rechts, links, unten oder oben am Block Polster hinzuzuf\u00fcgen.<\/p>\n<figure class=\"wp-block-image size-full\"><\/figure>\n<p>Wenn Sie fertig sind, klicken Sie einfach auf die Schaltfl\u00e4che \u201eSpeichern\u201c, um Ihre Einstellungen zu speichern.<\/p>\n<h4 class=\"wp-block-heading\">So verwenden Sie den Rand in WordPress<\/h4>\n<p>Ebenso wie das Auff\u00fcllen ist die Randfunktion in den vollst\u00e4ndigen WordPress-Site-Editor integriert.  Diese Funktion ist jedoch nicht verf\u00fcgbar, wenn Sie kein Blockdesign verwenden.<\/p>\n<p>Gehen Sie zun\u00e4chst zu <strong>Aussehen \u00bb Herausgeber<\/strong> Seite aus dem WordPress-Dashboard.<\/p>\n<p>Sobald Sie dort sind, w\u00e4hlen Sie in der linken Spalte die Seitenvorlage aus, der Sie R\u00e4nder hinzuf\u00fcgen m\u00f6chten.<\/p>\n<figure class=\"wp-block-image size-full\"><\/figure>\n<p>Dadurch wird die von Ihnen ausgew\u00e4hlte Seitenvorlage auf dem Bildschirm ge\u00f6ffnet.<\/p>\n<p>W\u00e4hlen Sie hier einfach die Schaltfl\u00e4che \u201eBearbeiten\u201c, um mit der Anpassung Ihrer Vorlage im vollst\u00e4ndigen Site-Editor zu beginnen.<\/p>\n<figure class=\"wp-block-image size-full\"><\/figure>\n<p>W\u00e4hlen Sie als N\u00e4chstes den Block aus, den Sie bearbeiten m\u00f6chten, und scrollen Sie nach unten zum Abschnitt \u201eAbmessungen\u201c im Blockfenster auf der rechten Seite.<\/p>\n<p>Von hier aus k\u00f6nnen Sie einfach mit den Schiebereglern unterschiedliche R\u00e4nder f\u00fcr die obere, untere, linke und rechte Ecke des Blocks festlegen.  Durch die Verwendung dieser Funktion wird Platz um den von Ihnen ausgew\u00e4hlten Block herum geschaffen.<\/p>\n<figure class=\"wp-block-image size-full\"><\/figure>\n<p>Wenn Sie jedoch einen einzelnen Schieberegler verwenden m\u00f6chten, um gleiche R\u00e4nder um den Block herum hinzuzuf\u00fcgen, klicken Sie auf das Symbol \u201eSeiten verkn\u00fcpfen\u201c neben der Option \u201eRand\u201c.<\/p>\n<p>Im Blockfenster wird nun ein einzelner Schieberegler \u201eGemischte R\u00e4nder\u201c auf dem Bildschirm angezeigt, mit dem Sie gleiche R\u00e4nder um den Block herum erstellen k\u00f6nnen.<\/p>\n<figure class=\"wp-block-image size-full\"><\/figure>\n<p>Wenn Sie fertig sind, vergessen Sie nicht, oben auf die Schaltfl\u00e4che \u201eSpeichern\u201c zu klicken, um Ihre Einstellungen zu speichern.<\/p>\n<h4 class=\"wp-block-heading\">Weitere Tipps f\u00fcr die vollst\u00e4ndige Website-Bearbeitung in WordPress<\/h4>\n<p>Zus\u00e4tzlich zum Hinzuf\u00fcgen von Abst\u00e4nden und R\u00e4ndern zu Ihren Bl\u00f6cken k\u00f6nnen Sie auch den vollst\u00e4ndigen Site-Editor verwenden, um Ihr gesamtes WordPress-Theme anzupassen. <\/p>\n<p>Sie k\u00f6nnen beispielsweise alle Ihre Seitenvorlagen entwerfen, Ihr eigenes benutzerdefiniertes Logo hinzuf\u00fcgen, Markenfarben ausw\u00e4hlen, das Layout \u00e4ndern, die Schriftgr\u00f6\u00dfe anpassen, Hintergrundbilder hinzuf\u00fcgen und vieles mehr.<\/p>\n<p>Sie k\u00f6nnen Ihrer Website auch Muster und verschiedene Bl\u00f6cke hinzuf\u00fcgen, um sie noch individueller zu gestalten.  Weitere Informationen finden Sie in unserem Einsteigerleitfaden zum Anpassen Ihres WordPress-Themes.<\/p>\n<figure class=\"wp-block-image size-full\"><\/figure>\n<p>Sie k\u00f6nnen FSE auch verwenden, um Ihrer Website eine Kopfzeile, ein Navigationsmen\u00fc oder benutzerdefiniertes CSS hinzuzuf\u00fcgen.<\/p>\n<p>Dar\u00fcber hinaus k\u00f6nnen Sie auch globale Stile verwenden, um die Konsistenz auf Ihrer Website sicherzustellen.  Ausf\u00fchrlichere Anweisungen finden Sie in unserer Anleitung zum Anpassen der Farben auf Ihrer WordPress-Website.<\/p>\n<figure class=\"wp-block-image size-full\"><\/figure>\n<p>Wenn Sie jedoch nicht den vollst\u00e4ndigen Website-Editor verwenden m\u00f6chten und lieber mehr Kontrolle \u00fcber das Erscheinungsbild Ihrer Website haben m\u00f6chten, k\u00f6nnen Sie ihn verwenden <a href=\"https:\/\/www.seedprod.com\" target=\"_blank\" rel=\"noopener nofollow\" title=\"SeedProd - Best Drag &#038; Drop WordPress Website Builder\">SemillaProd<\/a> um Seiten und sogar Ihr gesamtes Thema zu erstellen.<\/p>\n<p>Es handelt sich um den besten Landingpage-Builder auf dem Markt, der mit einem Drag-and-Drop-Builder ausgestattet ist, mit dem Sie ganz einfach ein fantastisches Thema f\u00fcr Ihre Website erstellen k\u00f6nnen.<\/p>\n<p>Weitere Informationen finden Sie in unserem Tutorial zum einfachen Erstellen eines benutzerdefinierten WordPress-Themes.<\/p>\n<figure class=\"wp-block-image size-full\"><\/figure>\n<p>Wir hoffen, dass dieser Artikel Ihnen dabei geholfen hat, den Unterschied zwischen Innenabstand und Rand in WordPress kennenzulernen.  Vielleicht interessieren Sie sich auch f\u00fcr unseren Anf\u00e4ngerleitfaden zum \u00c4ndern der Blockh\u00f6he und -breite in WordPress und f\u00fcr unsere Top-Tipps f\u00fcr die besten Gutenberg-Block-Plugins f\u00fcr WordPress.<\/p>\n   ","protected":false},"excerpt":{"rendered":"<p>M\u00f6chten Sie den Unterschied zwischen Padding und Margin in WordPress erfahren? In WordPress ist Padding der Abstand zwischen dem Inhalt und dem Rand innerhalb eines Blocks, w\u00e4hrend Margin der Abstand zwischen zwei separaten Bl\u00f6cken ist. In diesem Artikel zeigen wir Ihnen den Unterschied zwischen Padding und Margin und wie Sie sie in WordPress verwenden. Was [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":880691,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","fifu_image_url":"https:\/\/blogging-techies.com\/wp-content\/uploads\/2023\/06\/15.png","fifu_image_alt":""},"categories":[7],"tags":[],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/880690"}],"collection":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/comments?post=880690"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/880690\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media\/880691"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media?parent=880690"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/categories?post=880690"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/tags?post=880690"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}