WordPress, eine der beliebtesten Website-Erstellungsplattformen der Welt, gibt Benutzern eine vollst\u00e4ndig anpassbare Kontrolle \u00fcber das Erscheinungsbild und die Funktionen ihrer Website. In diesem Artikel werden wir die verschiedenen Methoden zum \u00c4ndern der Blockh\u00f6he und -breite in WordPress durchgehen, sowohl durch Code als auch durch die Verwendung von Plugins.<\/p>\n\n\n\n
Seit Version 5.0 hat WordPress einen neuen Blockeditor namens Gutenberg eingef\u00fchrt. Mit diesem Editor k\u00f6nnen Benutzer Inhalte mithilfe von Bl\u00f6cken erstellen und formatieren. Jeder Block kann individuell formatiert und gestaltet werden, sodass der Benutzer mehr Kontrolle \u00fcber das Erscheinungsbild seiner Website hat.<\/p>\n\n\n\n
Im Gutenberg-Blockeditor k\u00f6nnen wir die Blockgr\u00f6\u00dfe mithilfe integrierter Optionen direkt \u00e4ndern. Es ist jedoch zu beachten, dass nicht alle Bl\u00f6cke \u00fcber Optionen zur Gr\u00f6\u00dfen\u00e4nderung verf\u00fcgen.<\/p>\n\n\n\n
So \u00e4ndern Sie die Blockgr\u00f6\u00dfe:<\/p>\n\n\n\n
CSS (Cascading Style Sheets) ist eine Sprache, mit der das Erscheinungsbild eines in HTML oder XML geschriebenen Dokuments beschrieben wird. Sie k\u00f6nnen damit die H\u00f6he und Breite von Bl\u00f6cken in WordPress \u00e4ndern.<\/p>\n\n\n\n
So \u00e4ndern Sie die Gr\u00f6\u00dfe eines Blocks mithilfe von CSS:<\/p>\n\n\n\n
.your-class { width: your-width; H\u00f6he: deine-H\u00f6he; }<\/code><\/pre>\n\n\n\n3. \u00c4ndern der H\u00f6he und Breite eines Blocks mit PHP<\/h4>\n\n\n\n
Wenn Sie die Gr\u00f6\u00dfe von Bl\u00f6cken auf der gesamten Seite \u00e4ndern m\u00f6chten, ist es m\u00f6glicherweise bequemer, dies mit PHP zu tun. Sie m\u00fcssen sich jedoch dar\u00fcber im Klaren sein, dass Fehler im PHP-Code schwerwiegende Probleme auf Ihrer Website verursachen k\u00f6nnen.<\/p>\n\n\n\n
Funktion change_block_size() { echo '\n .your-class {\n width: your-width;\n height: your-height;\n }\n '; } add_action('wp_footer', 'change_block_size');<\/code><\/pre>\n\n\n\nDieser Code sollte in die Datei functions.php Ihres WordPress-Themas eingef\u00fcgt werden. Ersetzen Sie \u201eIhre Klasse\u201c, \u201eIhre Breite\u201c und \u201eIhre H\u00f6he\u201c unbedingt durch die entsprechenden Werte.<\/p>\n\n\n\n
4. \u00c4ndern der H\u00f6he und Breite des Blocks mithilfe von Plugins<\/h4>\n\n\n\n
Es gibt viele WordPress-Plugins, mit denen Sie Blockgr\u00f6\u00dfen einfach \u00e4ndern k\u00f6nnen. \u201eAdvanced Gutenberg\u201c bietet Benutzern beispielsweise zus\u00e4tzliche Tools zur Steuerung von Gutenberg-Bl\u00f6cken, einschlie\u00dflich der M\u00f6glichkeit, die H\u00f6he und Breite von Bl\u00f6cken zu \u00e4ndern.<\/p>\n\n\n\n
So \u00e4ndern Sie die Blockgr\u00f6\u00dfe mit \u201eAdvanced Gutenberg\u201c:<\/p>\n\n\n\n
\n- Installieren und aktivieren Sie das Plugin \u201eAdvanced Gutenberg\u201c aus dem WordPress-Repository.<\/li>\n\n\n\n
- Gehen Sie im Admin-Bereich zu \u201eErweitertes Gutenberg\u201c > \u201eBlockkonfiguration\u201c.<\/li>\n\n\n\n
- W\u00e4hlen Sie den Block aus, dessen Gr\u00f6\u00dfe Sie \u00e4ndern m\u00f6chten.<\/li>\n\n\n\n
- Im Abschnitt \u201eBlockstile\u201c k\u00f6nnen Sie die H\u00f6he und Breite des Blocks \u00e4ndern.<\/li>\n<\/ol>\n\n\n\n
Zusammenfassung<\/h2>\n\n\n\n
Wie Sie sehen, gibt es in WordPress viele M\u00f6glichkeiten, die H\u00f6he und Breite eines Blocks zu \u00e4ndern. Jede Methode hat ihre Vor- und Nachteile. Daher ist es am besten, diejenige zu w\u00e4hlen, die Ihren Bed\u00fcrfnissen und Ihrem Komfortniveau im Umgang mit der Technologie am besten entspricht. Denken Sie jedoch daran, dass es immer eine gute Idee ist, eine Sicherungskopie Ihrer Website zu erstellen, bevor Sie \u00c4nderungen am Code vornehmen.<\/p>\n\n\n\n
<\/div>\n\n Sehen Sie sich das Angebot von \u00fcber 1500 Premium-WordPress-Plugins und -Themen an!<\/strong><\/h2>\n\n