{"id":13996,"date":"2023-12-04T11:44:52","date_gmt":"2023-12-04T11:44:52","guid":{"rendered":"https:\/\/www.bay20.com\/?p=13996"},"modified":"2025-05-14T15:12:47","modified_gmt":"2025-05-14T09:27:47","slug":"so-erstellen-sie-ein-unterthema-in-drupal","status":"publish","type":"post","link":"https:\/\/www.bay20.com\/de\/so-erstellen-sie-ein-unterthema-in-drupal\/","title":{"rendered":"Wie erstellt man ein Sub-Theme in Drupal?"},"content":{"rendered":"\n<p>In Drupal sind Unterthemen Kinder, die die Funktionen und Stile eines \u00fcbergeordneten Themas erben. Dadurch k\u00f6nnen Sie Anpassungen an der Website vornehmen, w\u00e4hrend die Kernfunktionen und Aktualisierungen intakt bleiben. Es ist eine g\u00e4ngige Praxis f\u00fcr Entwickler, Sub-Themes zu verwenden, wenn sie \u00c4nderungen am Aussehen einer Website vornehmen wollen, ohne dabei die \u00c4nderungen oder Aktualisierungen ihrer Kollegen zu beeintr\u00e4chtigen. Sie k\u00f6nnen ein solches Sub-Theme in Drupal erstellen, indem Sie die folgenden Schritte ausf\u00fchren:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>W\u00e4hlen Sie ein \u00fcbergeordnetes Thema:- <\/strong>Das Wichtigste zuerst: Sie m\u00fcssen ein \u00fcbergeordnetes Thema als Grundlage f\u00fcr Ihre Website ausw\u00e4hlen. Dabei haben Sie zwei M\u00f6glichkeiten: Sie k\u00f6nnen das verwenden, was bereits vorhanden ist, oder etwas Neues hinzuf\u00fcgen. Das Bartik&#8220;-Theme zum Beispiel ist eines, f\u00fcr das sich viele Leute entscheiden, weil es bereits vorhanden ist. Wenn Sie es vorziehen, ein anderes Thema zu verwenden, m\u00fcssen Sie es herunterladen und installieren.<\/li><li><strong>Erstellen Sie ein Subtheme-Verzeichnis:- <\/strong>Navigieren Sie \u00fcber Ihren Dateibrowser oder die Befehlszeilenschnittstelle zu dem Ort, an dem Sie Drupal installiert haben. Erstellen Sie dort einen brandneuen Ordner unter themes &gt; custom &gt; Ihr Subtheme. Der Ordnername sollte in Kleinbuchstaben und ohne Leerzeichen geschrieben sein.<\/li><li><strong>Erstellen Sie eine Subtheme-Konfigurationsdatei: &#8211;<\/strong> Erstellen Sie dort eine Konfigurationsdatei, typischerweise mit dem Namen mytheme.info.yml (vergessen Sie nicht, \u201emytheme\u201c durch den Namen Ihres Subthemas zu ersetzen). Mit dieser Datei k\u00f6nnen Sie das \u00fcbergeordnete Thema definieren und angeben. So sollte sie aussehen.<\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>name: 'Custom theme'\ntype: theme\ndescription: 'Custom sub-theme based on claro'\nbase theme: claro\ncore_version_requirement: ^9 || ^10\nlibraries:\n  - customtheme\/global-styling<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Passen Sie Ihr Unterthema an: <\/strong>Sobald Sie Ihr Unterthema definiert haben, k\u00f6nnen Sie es anpassen, indem Sie CSS, Vorlagen und andere Elemente hinzuf\u00fcgen. Um Ihre CSS-Dateien zu speichern, erstellen Sie eine neue Datei mit dem Namen \u201eCSS\u201c und tun dasselbe f\u00fcr Ihre Vorlagendateien, aber nennen Sie diese \u201etemplates\u201c. Wenn Sie zus\u00e4tzliche CSS- oder JavaScript-Dateien hinzuf\u00fcgen m\u00f6chten, \u00e4ndern Sie die Datei libraries.yml. So sollte sie aussehen.<\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>global-styling:\n  css:\n    theme:\n      css\/style.css: {}<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Aktivieren Sie Ihr Unterthema: <\/strong>Gehen Sie in der Verwaltungsoberfl\u00e4che von Drupal zu \u201eErscheinungsbild\u201c. In \u00e4lteren Versionen klicken Sie auf \u201eVerwalten\u201c und dann auf \u201eErscheinungsbild\u201c. Beide Methoden f\u00fchren Sie zu Ihrer Subtheme-Auswahl. Wenn Sie es gefunden haben, klicken Sie auf den Link \u201eInstallieren und als Standard festlegen\u201c. Dadurch wird es aktiviert und als Standard f\u00fcr alle Websites festgelegt.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"980\" height=\"468\" src=\"https:\/\/www.bay20.com\/wp-content\/uploads\/2023\/11\/image-7-980x468.png\" alt=\"Sub-Theme in Drupal\" class=\"wp-image-13997\" srcset=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/11\/image-7-980x468.png 980w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/11\/image-7-300x143.png 300w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/11\/image-7-800x382.png 800w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/11\/image-7-768x367.png 768w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/11\/image-7-1000x477.png 1000w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2023\/11\/image-7.png 1347w\" sizes=\"auto, (max-width: 980px) 100vw, 980px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Cache leeren:- <\/strong>Manchmal werden \u00c4nderungen erst wirksam, wenn Sie den Cache leeren. Nachdem Sie Ihr Unterthema aktiviert haben, empfehle ich, dies zu tun, damit es sp\u00e4ter keine \u00dcberraschungen gibt. Den Cache zu leeren ist auch ganz einfach! Gehen Sie einfach in die Konfiguration, dann auf Leistung und klicken Sie auf die Schaltfl\u00e4che \u201eAlle Caches l\u00f6schen\u201c.<\/li><\/ul>\n\n\n\n<p>Nun ist es an der Zeit, sich dem Unterthema zuzuwenden. Sie k\u00f6nnen \u00c4nderungen am Subtheme vornehmen, Vorlagen \u00fcberschreiben und benutzerdefinierte Stile hinzuf\u00fcgen, um genau das Aussehen und die Funktionalit\u00e4t zu erhalten, die Sie ben\u00f6tigen, w\u00e4hrend die Kernfunktionen des \u00fcbergeordneten Themes erhalten bleiben.<\/p>\n\n\n\n<p><strong>Bitte kontaktieren Sie uns unter <strong><a href=\"mailto:manish@bay20.com\">manish@bay20.com<\/a><\/strong> oder rufen Sie uns unter <strong><a href=\"https:\/\/api.whatsapp.com\/send?phone=+918800519180&amp;text=Hi,%20I%20contacted%20you%20through%20your%20website.\" target=\"_blank\" rel=\"noreferrer noopener\">+91-8800519180<\/a><\/strong> an, wenn Sie Unterst\u00fctzung im Zusammenhang mit Drupal ben\u00f6tigen. Sie k\u00f6nnen auch die <strong><a href=\"https:\/\/www.bay20.com\/de\/drupal-entwicklungsunternehmen\/\">Drupal<strong>-Entwicklungsseite<\/strong><\/a><\/strong> besuchen, um die von uns angebotenen Dienstleistungen zu \u00fcberpr\u00fcfen.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In Drupal, sub-themes are children that inherit the functionality and styles of a parent theme. This allows you to make customizations to the site while keeping core features and updates intact. It\u2019s a common practice for developers to use sub-themes when they want to make changes to how a site looks without interfering with any changes or updates their peers are making. You can create one of these in Drupal by following these steps:<\/p>\n","protected":false},"author":74,"featured_media":14075,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[155,100],"tags":[],"class_list":["post-13996","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cms","category-drupal"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/13996","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/users\/74"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/comments?post=13996"}],"version-history":[{"count":9,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/13996\/revisions"}],"predecessor-version":[{"id":17025,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/13996\/revisions\/17025"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/media\/14075"}],"wp:attachment":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/media?parent=13996"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/categories?post=13996"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/tags?post=13996"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}