{"id":7865,"date":"2021-05-02T11:51:58","date_gmt":"2021-05-02T11:51:58","guid":{"rendered":"https:\/\/www.bay20.com\/?p=7865"},"modified":"2025-05-21T16:32:35","modified_gmt":"2025-05-21T10:47:35","slug":"anleitung-zum-hinzufugen-von-benutzerdefinierten-cms-seiten-layout-in-magento-2","status":"publish","type":"post","link":"https:\/\/www.bay20.com\/de\/anleitung-zum-hinzufugen-von-benutzerdefinierten-cms-seiten-layout-in-magento-2\/","title":{"rendered":"Wie f\u00fcgt man Custom CMS Seitenlayout in Magento 2?"},"content":{"rendered":"\n

Wir werden ein benutzerdefiniertes Layout mit dem Namen Knowband Layout <\/strong>erstellen.<\/p>\n\n\n\n

Erstellen Sie ein neues Modul mit CustomLayout_CustomCMS.<\/strong><\/p>\n\n\n\n

Schritt 1:<\/strong> Erstellen Sie die Datei registration.php.<\/strong><\/p>\n\n\n\n

app\/design\/frontend\/CustomLayout\/CustomCMS\/registration.php<\/p>\n\n\n\n

<?php\n\\Magento\\Framework\\Component\\ComponentRegistrar::register(\n\t\\Magento\\Framework\\Component\\ComponentRegistrar::MODULE,\n\t'CustomLayout_CustomCMS',\n\t__DIR__\n);\n<\/code><\/pre>\n\n\n\n
Schritt 2:<\/strong> Erstellen Sie die Datei module.xml.<\/strong><\/p>\n\n\n\n
app\/design\/frontend\/CustomLayout\/CustomCMS\/etc\/module.xml<\/p>\n\n\n\n
<?xml version=\"1.0\"?>\n<config xmlns:xsi=\"http:\/\/www.w3.org\/2001\/XMLSchema-instance\" xsi:noNamespaceSchemaLocation=\"urn:magento:framework:Module\/etc\/module.xsd\">\n    <module name=\"CustomLayout_CustomCMS\" setup_version=\"1.0.0\">\n    <\/module>\n<\/config><\/code><\/pre>\n\n\n\n
Schritt 3:<\/strong> Erstellen Sie die Datei kb_layout.xml.<\/strong><\/p>\n\n\n\n
app\/design\/frontend\/CustomLayout\/CustomCMS\/view\/frontend\/page_layout\/kb_layout.xml<\/p>\n\n\n\n
<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n \n<layout xmlns:xsi=\"http:\/\/www.w3.org\/2001\/XMLSchema-instance\" xsi:noNamespaceSchemaLocation=\"urn:magento:framework:View\/Layout\/etc\/page_layout.xsd\">\n \n<update handle=\"empty\"\/><!-- you can change the handle like 2columns-left or 3columns etc-->\n \n<referenceContainer name=\"page.wrapper\">\n \n<container name=\"header.container\" as=\"header_container\" label=\"Page Header Container\"  htmlTag=\"header\" htmlClass=\"page-header\" before=\"main.content\"\/>\n \n<container name=\"page.top\" as=\"page_top\" label=\"After Page Header\" after=\"header.container\"\/>\n \n<container name=\"footer-container\" as=\"footer\" after=\"-\" label=\"Page Footer Container\" htmlTag=\"footer\" htmlClass=\"page-footer\" \/>\n \n<\/referenceContainer>\n \n<\/layout><\/code><\/pre>\n\n\n\n
Schritt 4: <\/strong>Erstellen Sie die Datei layouts.xml.<\/strong><\/p>\n\n\n\n
app\/design\/frontend\/CustomLayout\/CustomCMS\/view\/frontend\/layouts.xml<\/p>\n\n\n\n
<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n \n<page_layouts xmlns:xsi=\"http:\/\/www.w3.org\/2001\/XMLSchema-instance\" xsi:noNamespaceSchemaLocation=\"urn:magento:framework:View\/PageLayout\/etc\/layouts.xsd\">\n \n<layout id=\"kb_layout\">\n \n<label translate=\"true\">Knowband Layout<\/label>\n \n<\/layout>\n \n<\/page_layouts><\/code><\/pre>\n\n\n\n
Schritt 5:<\/strong> F\u00fchren Sie den folgenden Befehl aus.<\/p>\n\n\n\n
php bin\/magento setup:upgrade<\/code><\/pre>\n\n\n\n
Nachdem Sie diese Dateien erstellt haben, wird Ihr benutzerdefiniertes Layout der Layoutliste hinzugef\u00fcgt.<\/p>\n\n\n\n
Gehe zu Admin panel <\/strong>> Content<\/strong> > Pages > Add New Page<\/strong> > Design<\/strong><\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Bitte kontaktieren Sie uns unter manish@bay20.com<\/a><\/strong> oder rufen Sie uns unter +91-8800519180<\/a><\/strong> an, wenn Sie Unterst\u00fctzung f\u00fcr Magento 2 ben\u00f6tigen. Sie k\u00f6nnen auch die Magento2-Entwicklungsseite<\/strong><\/a><\/strong> besuchen, um die von uns angebotenen Dienstleistungen zu \u00fcberpr\u00fcfen.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"
Create custom layout with named Knowband Layout. Create a new module with CustomLayout_CustomCMS.<\/p>\n","protected":false},"author":1,"featured_media":8416,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[77,79],"tags":[],"class_list":["post-7865","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-magento2","category-magento-anleitung"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/7865","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/comments?post=7865"}],"version-history":[{"count":8,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/7865\/revisions"}],"predecessor-version":[{"id":17294,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/7865\/revisions\/17294"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/media\/8416"}],"wp:attachment":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/media?parent=7865"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/categories?post=7865"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/tags?post=7865"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}