{"id":162009,"date":"2024-10-11T07:35:53","date_gmt":"2024-10-11T07:35:53","guid":{"rendered":"https:\/\/www.bluehost.com\/blog\/so-aendern-sie-die-groesse-von-bloecken-und-erstellen-karten-in-halber-groesse-in-wordpress\/"},"modified":"2025-04-18T11:31:15","modified_gmt":"2025-04-18T11:31:15","slug":"so-aendern-sie-die-groesse-von-bloecken-und-erstellen-karten-in-halber-groesse-in-wordpress","status":"publish","type":"post","link":"https:\/\/www.bluehost.com\/blog\/de\/so-aendern-sie-die-groesse-von-bloecken-und-erstellen-karten-in-halber-groesse-in-wordpress\/","title":{"rendered":"So \u00e4ndern Sie die Gr\u00f6\u00dfe von Bl\u00f6cken und erstellen Karten in halber Gr\u00f6\u00dfe in WordPress"},"content":{"rendered":"\n

Das Anpassen des Layouts Ihrer WordPress-Website ist der Schl\u00fcssel zu einem ansprechenden und benutzerfreundlichen Erlebnis. Egal, ob Sie die Gr\u00f6\u00dfe von Bl\u00f6cken f\u00fcr einen besseren visuellen Fluss \u00e4ndern oder Karten in halber Gr\u00f6\u00dfe f\u00fcr die Anzeige von Inhalten erstellen m\u00f6chten, WordPress bietet die Tools, die Ihnen helfen, ein professionelles Aussehen zu erzielen. <\/p>\n\n

Durch die Nutzung der Flexibilit\u00e4t des WordPress-Blockeditors k\u00f6nnen selbst Benutzer mit minimaler Designerfahrung ihre Website in einen visuell ansprechenden und funktionalen Raum verwandeln. <\/p>\n\n

M\u00f6chten Sie Ihre WordPress-Website mit benutzerdefinierten Layouts und in der Gr\u00f6\u00dfe ge\u00e4nderten Bl\u00f6cken hervorheben? W\u00e4hrend die Standardeinstellungen von WordPress-Bl\u00f6cken f\u00fcr die meisten Websites gut funktionieren, erm\u00f6glicht die Erkundung \u00fcber diese Einstellungen hinaus personalisiertere Designs, die Ihre Inhalte wirklich hervorheben k\u00f6nnen. <\/p>\n\n

In diesem Leitfaden f\u00fchren wir Sie durch den Prozess der Gr\u00f6\u00dfen\u00e4nderung von Bl\u00f6cken und das Erstellen von Karten in halber Gr\u00f6\u00dfe in WordPress. Mit Schritt-f\u00fcr-Schritt-Anleitungen und hilfreichen Tipps k\u00f6nnen Sie eine Website entwerfen, die nahtlos auf allen Ger\u00e4ten funktioniert. Schauen wir uns an, wie Sie diese Funktionen nutzen k\u00f6nnen, um Ihre WordPress-Site aufzuwerten! <\/p>\n\n

Warum die Gr\u00f6\u00dfe von Bl\u00f6cken \u00e4ndern und Karten in halber Gr\u00f6\u00dfe in WordPress erstellen? <\/h2>\n\n

Wenn du die Gr\u00f6\u00dfe von Bl\u00f6cken \u00e4nderst und Karten in halber Gr\u00f6\u00dfe in WordPress erstellst, hast du mehr Kontrolle dar\u00fcber, wie deine Website aussieht und funktioniert. Hier sind einige wichtige Gr\u00fcnde, warum diese \u00c4nderungen hilfreich sein k\u00f6nnen: <\/p>\n\n

Bessere Optik<\/strong> <\/h3>\n\n

Durch das Anpassen der Blockgr\u00f6\u00dfen k\u00f6nnen Sie einzigartige Layouts entwerfen, die ausgefeilt aussehen. Karten in halber Gr\u00f6\u00dfe erleichtern die Anzeige von Inhalten nebeneinander und verleihen Ihrer Website ein sauberes und organisiertes Aussehen. Dieser Ansatz ist perfekt f\u00fcr Blogs, Portfolios oder Produktseiten, auf denen Sie mehrere Artikel auf ordentliche Weise pr\u00e4sentieren m\u00f6chten. <\/p>\n\n

Verbesserte Benutzererfahrung<\/strong> <\/h3>\n\n

Kleinere Bl\u00f6cke und nebeneinander liegende Karten erm\u00f6glichen es Benutzern, Inhalte schnell zu finden und zu lesen. Dies macht Ihre Website benutzerfreundlicher und hilft den Besuchern, sich zu engagieren, insbesondere auf mobilen Ger\u00e4ten, auf denen der Platz begrenzt ist. <\/p>\n\n

Ansprechendes Design<\/strong> <\/h3>\n\n

WordPress-Bl\u00f6cke passen sich automatisch an unterschiedliche Bildschirmgr\u00f6\u00dfen an. Indem Sie die Gr\u00f6\u00dfe von Bl\u00f6cken \u00e4ndern und Karten in halber Gr\u00f6\u00dfe verwenden, stellen Sie sicher, dass Ihre Website auf Desktops, Tablets und Smartphones gut aussieht und gut funktioniert. <\/p>\n\n

Wichtige Inhalte hervorheben<\/strong> <\/h3>\n\n

Wenn Sie wissen, wie Sie die Gr\u00f6\u00dfe von Bl\u00f6cken in WordPress \u00e4ndern, k\u00f6nnen Sie die Aufmerksamkeit auf bestimmte Inhalte oder Handlungsaufforderungen lenken. Sie k\u00f6nnen beispielsweise gr\u00f6\u00dfere Bl\u00f6cke verwenden, um wichtige Informationen zu pr\u00e4sentieren, w\u00e4hrend kleinere Karten in halber Gr\u00f6\u00dfe unterst\u00fctzende Inhalte wie Blog-Posts oder Produkte anzeigen k\u00f6nnen. <\/p>\n\n

Kreative Flexibilit\u00e4t<\/strong> <\/h3>\n\n

WordPress bietet viel kreativen Freiraum. Das \u00c4ndern der Gr\u00f6\u00dfe von Bl\u00f6cken ist eine einfache M\u00f6glichkeit, mit Layouts und Design zu experimentieren, ohne Programmierkenntnisse zu ben\u00f6tigen. Sie k\u00f6nnen eine Website erstellen, die Ihren einzigartigen Stil oder Ihre Marke widerspiegelt. <\/p>\n\n

Verwandt<\/strong>: Schauen Sie sich die besten WordPress-Plugins<\/a> an! <\/p>\n\n

Erste Schritte: Zugriff auf den Block-Editor in WordPress <\/h2>\n\n

Der Zugriff auf den WordPress Block Editor, auch bekannt als Gutenberg, ist einfach und hilft Ihnen, dynamischere, flexiblere Inhaltslayouts f\u00fcr Ihre Website zu erstellen. So legen Sie los: <\/p>\n\n

Melde dich bei WordPress an <\/h3>\n\n

Melden Sie sich zun\u00e4chst mit Ihrem Benutzernamen und Passwort bei Ihrem WordPress-Dashboard an. Sobald Sie drin sind, haben Sie Zugriff auf alle Verwaltungstools. <\/p>\n\n

Erstellen oder Bearbeiten eines Beitrags\/einer Seite <\/h3>\n\n

Navigieren Sie in Ihrem Dashboard im linken Men\u00fc entweder zu Beitr\u00e4ge oder Seiten. Klicken Sie auf Neu hinzuf\u00fcgen, um einen neuen Beitrag oder eine neue Seite zu erstellen, oder klicken Sie bei einem vorhandenen Beitrag oder einer vorhandenen Seite auf Bearbeiten. <\/p>\n\n

Rufen Sie den Blockeditor auf <\/h3>\n\n

Wenn du einen neuen Beitrag oder eine neue Seite beginnst oder eine bestehende bearbeitest, f\u00fchrt dich WordPress automatisch zum Block-Editor. Wenn Ihre Website weiterhin den Classic-Editor verwendet, m\u00fcssen Sie m\u00f6glicherweise den Block-Editor aktivieren, indem Sie zu Plugins gehen und das Classic-Editor-Plugin deaktivieren. <\/p>\n\n

Hinzuf\u00fcgen von Bl\u00f6cken <\/h3>\n\n

Mit dem Block-Editor k\u00f6nnen Sie Bl\u00f6cke f\u00fcr jedes Inhaltselement hinzuf\u00fcgen, z. B. Text, Bilder, Videos und Schaltfl\u00e4chen. Um einen Block hinzuzuf\u00fcgen, klicken Sie auf die Schaltfl\u00e4che +<\/strong> in der oberen linken Ecke oder im Editor selbst. Von hier aus k\u00f6nnen Sie den Typ des Blocks ausw\u00e4hlen, den Sie einf\u00fcgen m\u00f6chten. <\/p>\n\n

\"Hinzufügen<\/figure>\n\n

Passen Sie Ihre Bl\u00f6cke an <\/h3>\n\n

Nachdem Sie einen Block hinzugef\u00fcgt haben, k\u00f6nnen Sie seine Einstellungen \u00fcber die Symbolleiste \u00fcber dem Block oder die Einstellungen in der rechten Seitenleiste anpassen. Hier k\u00f6nnen Sie das Text- oder Bildformat, die Ausrichtung, die Gr\u00f6\u00dfe usw. je nach Art des Blocks anpassen. <\/p>\n\n

\"Passen<\/figure>\n\n

Durch den Zugriff auf den Block-Editor erschlie\u00dfen Sie das volle Potenzial der dynamischen und modularen Designfunktionen von WordPress. Dieser Editor gibt Ihnen die Flexibilit\u00e4t, benutzerdefinierte Layouts zu erstellen, die leicht an Ihre Designanforderungen angepasst werden k\u00f6nnen. <\/p>\n\n

Arten von Bl\u00f6cken und wie man ein responsives Design beibeh\u00e4lt <\/h2>\n\n

Der Block-Editor (Gutenberg) von WordPress bietet verschiedene Blocktypen, die in der Gr\u00f6\u00dfe ge\u00e4ndert werden k\u00f6nnen, was eine gr\u00f6\u00dfere Flexibilit\u00e4t im Design erm\u00f6glicht. Im Folgenden finden Sie eine Aufschl\u00fcsselung der verschiedenen Arten von Bl\u00f6cken, die in der Gr\u00f6\u00dfe ge\u00e4ndert werden k\u00f6nnen, sowie Tipps, um sicherzustellen, dass Ihr Layout auf verschiedenen Bildschirmgr\u00f6\u00dfen ansprechend bleibt. <\/p>\n\n

Bild-Bl\u00f6cke <\/h3>\n\n

Die Gr\u00f6\u00dfe von Bildbl\u00f6cken kann ge\u00e4ndert werden, indem Sie entweder die Griffe an den Ecken der Bilddatei ziehen oder indem Sie manuell benutzerdefinierte Abmessungen im Einstellungsfenster eingeben. Auf diese Weise k\u00f6nnen Benutzer die H\u00f6he und die Breite des Bildes an die Designanforderungen eines bestimmten Abschnitts anpassen. <\/p>\n\n

\"Bild-Blöcke\"<\/figure>\n\n

Das \u00c4ndern der Gr\u00f6\u00dfe von Bildern ist besonders hilfreich, wenn sie in Spalten, Galerien oder Funktionsbereichen platziert werden, um ein ausgewogenes Layout zu erhalten, ohne die Seite visuell zu \u00fcberlasten. <\/p>\n\n

Absatzbl\u00f6cke <\/h3>\n\n

Absatzbl\u00f6cke bieten keine direkte Gr\u00f6\u00dfen\u00e4nderung in Bezug auf die physische Gr\u00f6\u00dfe des Blocks, aber Sie k\u00f6nnen die Schriftgr\u00f6\u00dfe und die Zeilenh\u00f6he anpassen, um zu steuern, wie Text angezeigt wird. Im Abschnitt Typografie der Blockeinstellungen k\u00f6nnen Sie vordefinierte Schriftgr\u00f6\u00dfen ausw\u00e4hlen oder benutzerdefinierte Werte eingeben, um wichtige Textbereiche hervorzuheben. <\/p>\n\n

\"Absatzblöcke\"<\/figure>\n\n

Diese Funktion ist n\u00fctzlich, um abwechslungsreiche Textstile auf einer Seite zu erstellen und sicherzustellen, dass wichtige Nachrichten hervorstechen und gleichzeitig ein sauberes und lesbares Design auf allen Ger\u00e4ten beibehalten wird.<\/p>\n\n

Tasten-Bl\u00f6cke <\/h3>\n\n

Schaltfl\u00e4chenbl\u00f6cke werden zum \u00c4ndern der Gr\u00f6\u00dfe durch Breitenanpassungen, Abstands- und Randeinstellungen verwendet. Benutzer k\u00f6nnen festlegen, ob die Schaltfl\u00e4che eine feste Breite haben oder dynamisch an den Inhalt angepasst werden soll. Indem Sie den Abstand und die R\u00e4nder anpassen, k\u00f6nnen Sie auch den Abstand um die Schaltfl\u00e4che herum steuern, um sicherzustellen, dass sie sich nahtlos in Ihr Seitenlayout integriert. <\/p>\n\n

\"Tasten-Blöcke\"<\/figure>\n\n

Schaltfl\u00e4chen spielen eine entscheidende Rolle, wenn es darum geht, Benutzer zu Aktionen zu f\u00fchren, und die Gr\u00f6\u00dfen\u00e4nderung tr\u00e4gt dazu bei, ihre Sichtbarkeit und Effektivit\u00e4t zu verbessern. <\/p>\n\n

Spalten Bl\u00f6cke <\/h3>\n\n

Spaltenbl\u00f6cke bieten Flexibilit\u00e4t, indem Sie die Breite jeder Spalte anpassen k\u00f6nnen, sodass Sie steuern k\u00f6nnen, wie viel Platz jeder Block einnimmt. Dies ist besonders n\u00fctzlich, wenn Inhalte nebeneinander angezeigt werden, z. B. Text und Hintergrundbild oder mehrere Produktbeschreibungen. <\/p>\n\n

\"Spalten-Blöcke\"<\/figure>\n\n

In den Blockeinstellungen k\u00f6nnen Sie die Breite einzelner Spalten \u00e4ndern, um ausgewogene Layouts zu erstellen, die sowohl auf Desktop- als auch auf Mobilger\u00e4ten gut funktionieren. Die richtige Gr\u00f6\u00dfe von Spalten kann dazu beitragen, Inhalte zu optimieren und die Benutzererfahrung zu verbessern. <\/p>\n\n

Bl\u00f6cke abdecken<\/h3>\n\n

Cover-Bl\u00f6cke werden f\u00fcr Hintergrundbilder mit Overlay-Text verwendet. Die Gr\u00f6\u00dfe kann auch ge\u00e4ndert werden, um bestimmten Designzielen gerecht zu werden. Sie k\u00f6nnen sowohl die Breite als auch die H\u00f6he des Abdeckblocks steuern, sodass er sich \u00fcber die gesamte Breite des Bildschirms erstreckt oder innerhalb bestimmter Abmessungen bleibt. Dies ist besonders n\u00fctzlich, um wirkungsvolle \u00dcberschriftenabschnitte oder bannerartige Bereiche auf einer Seite zu erstellen. <\/p>\n\n

\"Blöcke<\/figure>\n\n

Die Gr\u00f6\u00dfen\u00e4nderung von Abdeckbl\u00f6cken tr\u00e4gt dazu bei, ein sauberes und professionelles Aussehen zu erhalten und gleichzeitig sicherzustellen, dass das Design auf allen Bildschirmgr\u00f6\u00dfen ansprechend bleibt. <\/p>\n\n

Bildgr\u00f6\u00dfenbl\u00f6cke in WordPress verstehen<\/h2>\n\n

WordPress ist mit mehreren Standardbildgr\u00f6\u00dfen ausgestattet, die es einfacher machen, Mediendateien f\u00fcr verschiedene Verwendungszwecke auf Ihrer Website zu verwalten. Die vier g\u00e4ngigen Gr\u00f6\u00dfen sind Thumbnail, Medium, Large und Full Size, die WordPress automatisch generiert, wenn du Bilder hochl\u00e4dst. Diese vordefinierten Bildgr\u00f6\u00dfen optimieren die Leistung der Website<\/a> , indem sie entsprechend verkleinerte Bilder f\u00fcr verschiedene Standorte bereitstellen, z. B. Miniaturansichten f\u00fcr Galerien oder gro\u00dfe Bilder f\u00fcr Hintergr\u00fcnde. WordPress verarbeitet Bilder, indem es diese Gr\u00f6\u00dfen erstellt, um den Anforderungen Ihres Website-Designs gerecht zu werden und gleichzeitig die Ladezeiten zu verbessern. <\/p>\n\n

Der WordPress-Blockeditor (Gutenberg) erm\u00f6glicht es Benutzern, Inhalte mit Leichtigkeit anzupassen. Jeder Block bietet Flexibilit\u00e4t beim Hinzuf\u00fcgen von Text, Medien und benutzerdefinierten Elementen. Wenn Sie mit Hintergrundbildern oder anderen Medien arbeiten, k\u00f6nnen Sie die Gr\u00f6\u00dfe in den Einstellungen des Blockeditors anpassen, um die Gr\u00f6\u00dfe von Bildern manuell zu \u00e4ndern. Dazu geh\u00f6rt die Anpassung der Breite und H\u00f6he an Ihre Inhaltsstruktur. Dar\u00fcber hinaus speichert die Medienbibliothek Ihre vorhandenen Bilder, in denen Sie Bilder verwalten, in der Gr\u00f6\u00dfe \u00e4ndern oder komprimieren k\u00f6nnen, um sie f\u00fcr die Verwendung im Web zu optimieren. <\/p>\n\n

Es gibt mehrere M\u00f6glichkeiten, wie Sie die Bildkomprimierung durchf\u00fchren k\u00f6nnen: <\/p>\n\n