{"id":8521,"date":"2021-06-15T09:39:41","date_gmt":"2021-06-15T09:39:41","guid":{"rendered":"https:\/\/www.bay20.com\/?p=8521"},"modified":"2025-05-21T16:19:38","modified_gmt":"2025-05-21T10:34:38","slug":"verschiedene-wege-der-erstellung-von-shopware-5-thema","status":"publish","type":"post","link":"https:\/\/www.bay20.com\/de\/verschiedene-wege-der-erstellung-von-shopware-5-thema\/","title":{"rendered":"Verschiedene M\u00f6glichkeiten zur Erstellung des Shopware 5 Themas ?"},"content":{"rendered":"\n<p>Es gibt 3 verschiedene M\u00f6glichkeiten, ein Thema in Shopware 5 zu erstellen.<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li><strong>Admin<\/strong><\/li><li><strong>Command<\/strong><\/li><li><strong>Code <\/strong><\/li><\/ol>\n\n\n\n<p>Gehen Sie wie folgt vor, um ein Thema auf verschiedene Arten zu erstellen.<\/p>\n\n\n\n<p>Zuerst werden wir das Thema \u00fcber <strong>Admin<\/strong> erstellen.<\/p>\n\n\n\n<p><strong>Schritt 1: <\/strong>Melden Sie sich in der Verwaltungskonsole an und gehen Sie zu <strong>Konfiguration&gt;Themenmanager.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.bay20.com\/wp-content\/uploads\/2021\/05\/Screenshot_1-2-980x450.png\" alt=\"\" class=\"wp-image-8523\" width=\"875\" height=\"401\" srcset=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/05\/Screenshot_1-2-980x450.png 980w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/05\/Screenshot_1-2-300x138.png 300w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/05\/Screenshot_1-2-800x367.png 800w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/05\/Screenshot_1-2-768x353.png 768w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/05\/Screenshot_1-2-1000x459.png 1000w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/05\/Screenshot_1-2.png 1365w\" sizes=\"auto, (max-width: 875px) 100vw, 875px\" \/><\/figure>\n\n\n\n<p><strong>Schritt 2:<\/strong> Klicken Sie auf <strong>\u201eThema erstellen\u201c<\/strong>, um ein neues Thema zu erstellen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.bay20.com\/wp-content\/uploads\/2021\/05\/Screenshot_2-3-980x449.png\" alt=\"\" class=\"wp-image-8524\" width=\"885\" height=\"405\" srcset=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/05\/Screenshot_2-3-980x449.png 980w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/05\/Screenshot_2-3-300x138.png 300w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/05\/Screenshot_2-3-800x367.png 800w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/05\/Screenshot_2-3-768x352.png 768w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/05\/Screenshot_2-3-1000x459.png 1000w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/05\/Screenshot_2-3.png 1365w\" sizes=\"auto, (max-width: 885px) 100vw, 885px\" \/><\/figure>\n\n\n\n<p><strong>Schritt 3: <\/strong>F\u00fcllen Sie die erforderlichen Felder aus und speichern Sie das Thema.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.bay20.com\/wp-content\/uploads\/2021\/05\/Screenshot_3-2-980x449.png\" alt=\"\" class=\"wp-image-8525\" width=\"897\" height=\"410\" srcset=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/05\/Screenshot_3-2-980x449.png 980w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/05\/Screenshot_3-2-300x138.png 300w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/05\/Screenshot_3-2-800x367.png 800w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/05\/Screenshot_3-2-768x352.png 768w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/05\/Screenshot_3-2.png 1365w\" sizes=\"auto, (max-width: 897px) 100vw, 897px\" \/><\/figure>\n\n\n\n<p><strong>Hinweis:-<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\"><li><strong>Erweiterung von:<\/strong> Sie k\u00f6nnen ausw\u00e4hlen, welches Thema als \u00fcbergeordnetes Thema verwendet werden soll.<\/li><li><strong>Name:<\/strong> Der Name des Themas.<\/li><li><strong>Kurze Beschreibung: <\/strong>Sie k\u00f6nnen Ihrem Thema eine Beschreibung geben, die im Themenmanager angezeigt wird.<\/li><\/ol>\n\n\n\n<p><strong>Schritt 4:<\/strong> Klicken Sie auf die Schaltfl\u00e4che <strong>Speichern<\/strong>, um das neue Thema zu speichern.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.bay20.com\/wp-content\/uploads\/2021\/05\/Screenshot_4-2-980x450.png\" alt=\"\" class=\"wp-image-8527\" width=\"911\" height=\"418\" srcset=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/05\/Screenshot_4-2-980x450.png 980w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/05\/Screenshot_4-2-300x138.png 300w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/05\/Screenshot_4-2-800x367.png 800w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/05\/Screenshot_4-2-768x353.png 768w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/05\/Screenshot_4-2-1000x459.png 1000w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/05\/Screenshot_4-2.png 1365w\" sizes=\"auto, (max-width: 911px) 100vw, 911px\" \/><\/figure>\n\n\n\n<p><strong>Ergebnisse:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.bay20.com\/wp-content\/uploads\/2021\/05\/Screenshot_5-2-980x449.png\" alt=\"\" class=\"wp-image-8528\" width=\"909\" height=\"415\" srcset=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/05\/Screenshot_5-2-980x449.png 980w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/05\/Screenshot_5-2-300x138.png 300w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/05\/Screenshot_5-2-768x352.png 768w\" sizes=\"auto, (max-width: 909px) 100vw, 909px\" \/><\/figure>\n\n\n\n<p><strong>Jetzt werden wir das Thema mit dem Befehl erstellen.<\/strong><\/p>\n\n\n\n<p><strong>Schritt 1:<\/strong> Rufen Sie die Terminal-Anwendung auf und verbinden Sie sich mit Ihrem Shopware-Server. F\u00fchren Sie dann den folgenden Befehl aus<\/p>\n\n\n\n<p>php bin\/console sw:theme:create &#8211;description=&#8220;Text&#8220; &#8211;author=&#8220;Name of author&#8220; &#8211;license=&#8220;MIT&#8220; Responsive ThemeDirectory  Theme <\/p>\n\n\n\n<p><strong>Hinweis: <\/strong>Stellen Sie sicher, dass Sie sich im Shopware-Stammverzeichnis befinden.<\/p>\n\n\n\n<p><strong>\/shopware&gt;<\/strong> \/\/ like mine.<\/p>\n\n\n\n<p><strong>Schritt 2:<\/strong> Gehen Sie zum <strong>Themenmanager<\/strong>, um das neu erstellte Thema zu \u00fcberpr\u00fcfen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.bay20.com\/wp-content\/uploads\/2021\/05\/Screenshot_6-2-980x451.png\" alt=\"\" class=\"wp-image-8531\" width=\"924\" height=\"424\" srcset=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/05\/Screenshot_6-2-980x451.png 980w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/05\/Screenshot_6-2-300x138.png 300w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/05\/Screenshot_6-2-800x368.png 800w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/05\/Screenshot_6-2-768x353.png 768w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/05\/Screenshot_6-2-1000x460.png 1000w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/05\/Screenshot_6-2.png 1365w\" sizes=\"auto, (max-width: 924px) 100vw, 924px\" \/><\/figure>\n\n\n\n<p><strong>Nun wollen wir das Thema manuell mit Code erstellen.<\/strong><\/p>\n\n\n\n<p><strong>Schritt 1: Gehen Sie zum Shopware-Stammverzeichnis Ihrer Website.<\/strong><\/p>\n\n\n\n<p><strong>Schritt 2:<\/strong> Erstellen Sie einen neuen Ordner im <strong>Verzeichnis &#8218;themes&gt;Frontend&#8216;.<\/strong><\/p>\n\n\n\n<p><strong>Dateistruktur<\/strong><\/p>\n\n\n\n<p><strong>themes&gt;Frontend&gt;Bay20<\/strong>  \/\/ Bay20 ist ein Themenname<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.bay20.com\/wp-content\/uploads\/2021\/05\/Screenshot_7-1.png\" alt=\"\" class=\"wp-image-8534\" width=\"487\" height=\"459\" srcset=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/05\/Screenshot_7-1.png 331w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/05\/Screenshot_7-1-300x283.png 300w\" sizes=\"auto, (max-width: 487px) 100vw, 487px\" \/><\/figure>\n\n\n\n<p><strong>Schritt 3:<\/strong> Erstellen Sie die Datei<strong> Theme.php <\/strong>im <strong>Bay20<\/strong>-Themenverzeichnis.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.bay20.com\/wp-content\/uploads\/2021\/05\/Screenshot_8.png\" alt=\"\" class=\"wp-image-8535\" width=\"475\" height=\"477\" srcset=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/05\/Screenshot_8.png 331w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/05\/Screenshot_8-300x302.png 300w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/05\/Screenshot_8-100x100.png 100w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/05\/Screenshot_8-298x300.png 298w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/05\/Screenshot_8-150x150.png 150w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/05\/Screenshot_8-45x45.png 45w\" sizes=\"auto, (max-width: 475px) 100vw, 475px\" \/><\/figure>\n\n\n\n<p><strong>Schritt 4:<\/strong> Gehen Sie zu Theme.php und f\u00fcgen Sie den folgenden Code ein.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;?php<br><br>namespace Shopware\\Themes\\Bay20<strong>;<br><\/strong><strong><br><\/strong>class Theme extends \\Shopware\\Components\\Theme<br>{<br>    protected $extend = 'Responsive'<strong>;<br><\/strong><strong>    <\/strong>protected $name = 'Bay20'<strong>;<br><\/strong><strong>    <\/strong>protected $description = ''<strong>;<br><\/strong><strong>    <\/strong>protected $author = ''<strong>;<br><\/strong><strong>    <\/strong>protected $license = ''<strong>;<br><\/strong>}<\/pre>\n\n\n\n<p><strong>Schritt 5:<\/strong> Gehen Sie nun zum <strong>Theme-Manager <\/strong>in der Verwaltungskonsole. Um das neu erstellte Thema zu \u00fcberpr\u00fcfen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.bay20.com\/wp-content\/uploads\/2021\/05\/Screenshot_10-1-980x448.png\" alt=\"\" class=\"wp-image-8551\" width=\"873\" height=\"399\" srcset=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/05\/Screenshot_10-1-980x448.png 980w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/05\/Screenshot_10-1-300x137.png 300w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/05\/Screenshot_10-1-800x366.png 800w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/05\/Screenshot_10-1-768x351.png 768w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/05\/Screenshot_10-1-1000x457.png 1000w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/05\/Screenshot_10-1.png 1365w\" sizes=\"auto, (max-width: 873px) 100vw, 873px\" \/><\/figure>\n\n\n\n<p><strong>Hinweis:<\/strong> Sie k\u00f6nnen das Theme-Bild von <strong>Responsive<\/strong> kopieren und in das Verzeichnis <strong>Bay 20<\/strong> einf\u00fcgen. Oder Sie k\u00f6nnen das Bild in dieser Gr\u00f6\u00dfe 133*98 hinzuf\u00fcgen<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.bay20.com\/wp-content\/uploads\/2021\/05\/Screenshot_11-1.png\" alt=\"\" class=\"wp-image-8552\" width=\"461\" height=\"788\" srcset=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/05\/Screenshot_11-1.png 324w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/05\/Screenshot_11-1-300x513.png 300w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/05\/Screenshot_11-1-175x300.png 175w\" sizes=\"auto, (max-width: 461px) 100vw, 461px\" \/><\/figure>\n\n\n\n<p><strong>Ergebnis:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.bay20.com\/wp-content\/uploads\/2021\/05\/Screenshot_12-980x452.png\" alt=\"\" class=\"wp-image-8553\" width=\"854\" height=\"393\" srcset=\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/05\/Screenshot_12-980x452.png 980w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/05\/Screenshot_12-300x138.png 300w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/05\/Screenshot_12-800x369.png 800w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/05\/Screenshot_12-768x354.png 768w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/05\/Screenshot_12-1000x461.png 1000w, https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2021\/05\/Screenshot_12.png 1365w\" sizes=\"auto, (max-width: 854px) 100vw, 854px\" \/><\/figure>\n\n\n\n<p><b>Bitte kontaktieren Sie uns unter <\/b><a style=\"font-weight: bold;\" href=\"mailto:manish@bay20.com\">manish@bay20.com<\/a><b> oder rufen Sie uns unter <\/b><a style=\"font-weight: bold;\" 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><b> an, wenn Sie Unterst\u00fctzung f\u00fcr Shopware 5 ben\u00f6tigen. Sie k\u00f6nnen auch die <\/b><a href=\"https:\/\/www.bay20.com\/de\/shopware-entwicklungsunternehmen\/\"><strong>Shopware 5<\/strong><\/a><span><a href=\"https:\/\/www.bay20.com\/de\/shopware-entwicklungsunternehmen\/\"><strong>&#8211;<\/strong><\/a><\/span><a href=\"https:\/\/www.bay20.com\/de\/shopware-entwicklungsunternehmen\/\"><strong>Entwicklungsseite<\/strong><\/a><strong> besuchen, um die von uns angebotenen Dienstleistungen zu \u00fcberpr\u00fcfen.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Es gibt 3 verschiedene M\u00f6glichkeiten, ein Thema in Shopware 5 zu erstellen. Admin Command Code Gehen Sie wie folgt vor, um ein Thema auf verschiedene Arten zu erstellen. Zuerst werden wir das Thema \u00fcber Admin erstellen. Schritt 1: Melden Sie sich in der Verwaltungskonsole an und gehen Sie zu Konfiguration&gt;Themenmanager. Schritt 2: Klicken Sie auf [&hellip;]<\/p>\n","protected":false},"author":74,"featured_media":8526,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[78,116],"tags":[],"class_list":["post-8521","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-shopware","category-shopware-5"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/8521","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=8521"}],"version-history":[{"count":13,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/8521\/revisions"}],"predecessor-version":[{"id":17286,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/8521\/revisions\/17286"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/media\/8526"}],"wp:attachment":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/media?parent=8521"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/categories?post=8521"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/tags?post=8521"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}