{"id":85070,"date":"2020-05-16T16:32:40","date_gmt":"2020-05-16T14:32:40","guid":{"rendered":"https:\/\/blogs54.de\/?p=85070"},"modified":"2021-10-27T11:59:06","modified_gmt":"2021-10-27T09:59:06","slug":"tutorial-divi-landingpage-mit-custom-post-type-erstellen","status":"publish","type":"post","link":"https:\/\/blogs54.de\/blog\/2020\/05\/tutorial-divi-landingpage-mit-custom-post-type-erstellen\/","title":{"rendered":"Tutorial: Divi Landingpage mit Custom Post Type erstellen"},"content":{"rendered":"\n<p>F\u00fcr viele Anwendungsf\u00e4lle m\u00f6chte man einen eigenen Inhaltstyp in WordPress haben. Wie du das machst und was du bei dem Theme Divi in Verbindung mit einem Custom Post Type beachten musst, zeige ich Dir in diesem Beitrag.<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_65 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title \" >Inhaltsverzeichnis<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/blogs54.de\/blog\/2020\/05\/tutorial-divi-landingpage-mit-custom-post-type-erstellen\/#Warum_Custom_Post_Type_in_WordPress\" title=\"Warum Custom Post Type in WordPress?\">Warum Custom Post Type in WordPress?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/blogs54.de\/blog\/2020\/05\/tutorial-divi-landingpage-mit-custom-post-type-erstellen\/#Welchen_Vorteil_bietet_ein_Custom_Post_Type\" title=\"Welchen Vorteil bietet ein Custom Post Type?\">Welchen Vorteil bietet ein Custom Post Type?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/blogs54.de\/blog\/2020\/05\/tutorial-divi-landingpage-mit-custom-post-type-erstellen\/#Custom_Post_Type_und_das_Divi_Theme\" title=\"Custom Post Type und das Divi Theme\">Custom Post Type und das Divi Theme<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/blogs54.de\/blog\/2020\/05\/tutorial-divi-landingpage-mit-custom-post-type-erstellen\/#So_erstellst_du_einen_Custom_Post_Type\" title=\"So erstellst du einen Custom Post Type\">So erstellst du einen Custom Post Type<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/blogs54.de\/blog\/2020\/05\/tutorial-divi-landingpage-mit-custom-post-type-erstellen\/#Dieses_Plugin_benoetigst_du_fuer_WordPress\" title=\"Dieses Plugin ben\u00f6tigst du f\u00fcr WordPress\">Dieses Plugin ben\u00f6tigst du f\u00fcr WordPress<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/blogs54.de\/blog\/2020\/05\/tutorial-divi-landingpage-mit-custom-post-type-erstellen\/#Neuen_Custom_Post_Type_anlegen\" title=\"Neuen Custom Post Type anlegen\">Neuen Custom Post Type anlegen<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/blogs54.de\/blog\/2020\/05\/tutorial-divi-landingpage-mit-custom-post-type-erstellen\/#Divi_Builder_Unterstuetzung\" title=\"Divi Builder Unterst\u00fctzung\">Divi Builder Unterst\u00fctzung<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/blogs54.de\/blog\/2020\/05\/tutorial-divi-landingpage-mit-custom-post-type-erstellen\/#Custom_Post_Type_ohne_Header_und_Footer\" title=\"Custom Post Type ohne Header und Footer\">Custom Post Type ohne Header und Footer<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/blogs54.de\/blog\/2020\/05\/tutorial-divi-landingpage-mit-custom-post-type-erstellen\/#Landingpage_mit_CSS_Code_anpassen\" title=\"Landingpage mit CSS Code anpassen \">Landingpage mit CSS Code anpassen <\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/blogs54.de\/blog\/2020\/05\/tutorial-divi-landingpage-mit-custom-post-type-erstellen\/#Fazit_zu_Divi_und_Custom_Post_Type\" title=\"Fazit zu Divi und Custom Post Type\">Fazit zu Divi und Custom Post Type<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Warum_Custom_Post_Type_in_WordPress\"><\/span>Warum Custom Post Type in WordPress?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Warum ben\u00f6tigst du einen separaten Beitragstyp in WordPress? Es gibt das die vielf\u00e4ltigsten Gr\u00fcnde.<\/p>\n\n\n\n<p>Der Hauptgrund ist die \u00dcbersichtlichkeit von Inhalten. Aber oftmals werden diese Inhalte mit zus\u00e4tzlichen Feldern ausgestattet. Viele Themes bringen deshalb einen zus\u00e4tzlichen Inhaltstyp mit. So auch das Theme Divi von Elegantthemes?<\/p>\n\n\n\n<p>Divi bringt den Inhaltstyp Projekte mit. Dieser dient dazu z.B. Referenzen oder abgeschlossene Kundenprojekte einzupflegen.<\/p>\n\n\n\n<p>Innerhalb dieses Inhaltstyps Projekte k\u00f6nnen eigene Kategorien und Tags angelegt werden, wodurch sich die hinterlegten Inhalte besser filtern lassen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Welchen_Vorteil_bietet_ein_Custom_Post_Type\"><\/span>Welchen Vorteil bietet ein Custom Post Type?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Ein benutzerdefinierter Inhaltstyp (englisch Custom Post Type) bietet dir die M\u00f6glichkeit, deinen Content besser zu organisieren. Au\u00dferdem k\u00f6nnen diese Inhaltstypen mit zus\u00e4tzlichen Feldern und Funktionalit\u00e4ten ausgestattet sein.<\/p>\n\n\n\n<p>Ein weiterer Vorteil ist, das du separate Inhaltstypen von der Suche und von der XML Sitemap ausschlie\u00dfen kannst. Das macht Sinn beispielsweise bei bestimmten Landinpages oder bei Best\u00e4tigungsseiten, die der Besucher nur unter bestimmten Umst\u00e4nden sehen soll.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Custom_Post_Type_und_das_Divi_Theme\"><\/span>Custom Post Type und das Divi Theme<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Wie bereits weiter oben schon erw\u00e4hnt, bringt Divi bereits einen eigenen Custom Post Type mit. Divi ist au\u00dferdem schon vorbereitet f\u00fcr weitere eigene Inhaltstypen.<\/p>\n\n\n\n<p>Egal ob die zus\u00e4tzlichen Inhaltstypen per PHP Code oder per Plugin angelegt werden, der Divi Builder erkennt und unterst\u00fctzt auch diese Inhaltstypen. Um die Unterst\u00fctzung des Divi-Builder zu verwenden, mu\u00df nur in den Divi Optionen der entsprechende Posttype aktiviert werden. Das war schon alles,dachte ich zumindest.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"So_erstellst_du_einen_Custom_Post_Type\"><\/span>So erstellst du einen Custom Post Type<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>In diesem Abschnitt gebe ich Dir eine Schritt f\u00fcr Schritt Anleitung, wie du benutzerdefinierte Inhaltstypen mit Divi nutzen kannst, ohne das du zus\u00e4tzlichen PHP Code manuell einsetzen mu\u00dft.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Dieses_Plugin_benoetigst_du_fuer_WordPress\"><\/span>Dieses Plugin ben\u00f6tigst du f\u00fcr WordPress<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Allerdings ben\u00f6tigst du ein zus\u00e4tzliches WordPress Plugin, um den zus\u00e4tzlichen Inhaltstyp anzulegen und zu verwalten. Du kannst das nat\u00fcrlich \u00fcber die function.php auch manuell programmieren. Das ist hier aber nicht das Thema des Beitrags.<\/p>\n\n\n\n<p>Wir nutzen f\u00fcr die Umsetzung das Plugin \u201eCustom Post Type UI\u201c. Damit kannst du benutzerdefinierte Inhaltstypen anlegen, konfigurieren und verwalten.<\/p>\n\n\n<div class=\"wp-pic-wrapper align_center large\" ><div class=\"wp-pic large plugin default\"  id=\"wp-pic-custom-post-type-ui\" ><div class=\"wp-pic-large\" style=\"display: none;\">\n\t<div class=\"wp-pic-large-content\">\n\t\t<a class=\"wp-pic-asset-bg\" href=\"https:\/\/wordpress.org\/plugins\/custom-post-type-ui\/\" target=\"_blank\" title=\"WordPress.org Plugin Seite\">\n\t\t\t<img decoding=\"async\" src=\"https:\/\/ps.w.org\/custom-post-type-ui\/assets\/banner-772x250.png?rev=2744389\" alt=\"Custom Post Type UI\" \/>\t\t\t<span class=\"wp-pic-asset-bg-title\"><span>Custom Post Type UI<\/span><\/span>\n\t\t<\/a>\n\t\t<div class=\"wp-pic-half-first\">\n\t\t\t<a class=\"wp-pic-logo\" href=\"https:\/\/wordpress.org\/plugins\/custom-post-type-ui\/\" style=\"background-image: url(https:\/\/ps.w.org\/custom-post-type-ui\/assets\/icon-256x256.png?rev=2744389 );\" target=\"_blank\" title=\"WordPress.org Plugin Seite\"><\/a>\n\t\t\t<p class=\"wp-pic-author\">Autoren: WebDevStudios<\/p>\n\t\t\t<p class=\"wp-pic-version\"><span>Aktuelle Version:<\/span> 1.16.0<\/p>\n\t\t\t<p class=\"wp-pic-updated\"><span>Zuletzt aktualisisert:<\/span> 8. April 2024<\/p>\n\t\t\t<p><a class=\"wp-pic-dl-link\" href=\"https:\/\/downloads.wordpress.org\/plugin\/custom-post-type-ui.1.16.0.zip\" title=\"Direkt herunterladen\">custom-post-type-ui.1.16.0.zip<\/a><\/p>\n            \t\t<\/div>\n\t\t<div class=\"wp-pic-half-last\">\n\t\t\t<div class=\"wp-pic-bottom\">\n\t\t\t\t<div class=\"wp-pic-bar\">\n\t\t\t\t\t<a href=\"https:\/\/wordpress.org\/support\/view\/plugin-reviews\/custom-post-type-ui\" class=\"wp-pic-rating\" target=\"_blank\" title=\"Bewertungen\">\n\t\t\t\t\t\t92%<em>Bewertungen<\/em>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t<a href=\"https:\/\/downloads.wordpress.org\/plugin\/custom-post-type-ui.1.16.0.zip\" class=\"wp-pic-downloaded\" target=\"_blank\" title=\"Direkt herunterladen\">\n\t\t\t\t\t\t1.000.000+<em>Installs<\/em>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t<a href=\"https:\/\/wordpress.org\/plugins\/custom-post-type-ui\/\" class=\"wp-pic-requires\" target=\"_blank\" title=\"WordPress.org Plugin Seite\">\n\t\t\t\t\t\tWP 6.3+<em>Ben\u00f6tigt<\/em>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<\/div><\/div><!-- .wp-pic-wrapper-->\n\n\n<p>Installiert wird das Plugin wie gewohnt \u00fcber die Pluginsuche von WordPress. Nach dem installieren und aktivieren, noch einmal den Men\u00fcpunkt Aktualisierungen von WordPress anklicken und Sprachdateien updaten. Danach ist \u201eCustom Post Type UI\u201c auch auf deutsch.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Neuen_Custom_Post_Type_anlegen\"><\/span>Neuen Custom Post Type anlegen<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Nach dem du das Plugin \u201eCustom Post Type UI\u201c installiert und aktiviert hast, findest du in der linken Seitenleiste von WordPress den neuen Men\u00fcpunkt \u201eCPT UI\u201c. <\/p>\n\n\n\n<p>Damit legst du jetzt deinen neuen Inhalts Type an. In meinen Beispiel erstellen wir einen eigenen Inhaltstype f\u00fcr Landingpages. Zun\u00e4chst klicken wir auf \u201eNeuen Inhaltstyp hinzuf\u00fcgen\u201c<\/p>\n\n\n\n<p>Nachfolgend beschreibe ich, welche Felder du ausf\u00fcllen und was du dort eintragen musst. Wir fangen zuerst mit den Grundeinstellungen von unserem neuen Custom Post Type an. Diese Einstellungen sind zwingend wichtig.<\/p>\n\n\n\n<ul><li><strong>Inhaltstyp-Titelform<\/strong><br>In diesem Feld legen wir den Slug fest, um dem Inhaltstyp einen technischen Namen zugeben. Zudem wird der Slug in der URL verwendet, um damit diese Inhalte in einem fiktiven Ordner zusammen zu fassen. Wir tragen hier \u201elp\u201c f\u00fcr Landingpage ein.<\/li><li><strong>Beschriftung Plural und Singular<\/strong><br>In diesen beiden Felder tragen wir den ausgeschriebenen Namen f\u00fcr unseren Inhaltstyp ein. Einmal als Singular (Einzahl) und Plural (Mehrzahl). Wir tragen hier \u201eLandingpage\u201c bei Singular und \u201eLangingpages\u201c bei Plural ein.<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"955\" height=\"636\" src=\"https:\/\/blogs54.de\/wp-content\/uploads\/2020\/06\/cpt-name-vergeben.jpg\" alt=\"CPT UI - Grundeinstellungen\" class=\"wp-image-85253\" title=\"CPT UI - Grundeinstellungen\" srcset=\"https:\/\/blogs54.de\/wp-content\/uploads\/2020\/06\/cpt-name-vergeben.jpg 955w, https:\/\/blogs54.de\/wp-content\/uploads\/2020\/06\/cpt-name-vergeben-480x320.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 955px, 100vw\" \/><\/figure><\/div>\n\n\n\n<ul><li><strong>Hat ein Archiv<\/strong><br>Diese Einstellung lassen wir auf &#8222;deaktiviert&#8220;, da wir f\u00fcr unsere Landingpages kein Archiv ben\u00f6tigen.<\/li><li><strong>Von der Suche ausschlie\u00dfen<\/strong><br>Hier w\u00e4hlen wir \u201edeaktiviert\u201c aus, denn wir wollen ja, das diese Inhalte nicht von der WordPress Suche gefunden werden.<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"955\" height=\"636\" src=\"https:\/\/blogs54.de\/wp-content\/uploads\/2020\/06\/cpt-optionen-1.jpg\" alt=\"CPT UI - Suche ausschlie\u00dfen\" class=\"wp-image-85254\" title=\"CPT UI - Suche ausschlie\u00dfen\" srcset=\"https:\/\/blogs54.de\/wp-content\/uploads\/2020\/06\/cpt-optionen-1.jpg 955w, https:\/\/blogs54.de\/wp-content\/uploads\/2020\/06\/cpt-optionen-1-480x320.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 955px, 100vw\" \/><\/figure><\/div>\n\n\n\n<ul><li><strong>Men\u00fc-Position<\/strong><br>Mit dieser Einstellung kannst du festlegen, wo in der linken Seitenleiste dein neuer Inhaltstyp angezeigt wird. Beispielsweise direkt unter dem Inhaltstyp \u201eProjekte\u201c von Divi.<\/li><li><strong>Im Men\u00fc anzeigen<\/strong><br>Nat\u00fcrlich wollen und m\u00fcssen wir den neuen Inhaltstyp im Men\u00fc anzeigen. Also w\u00e4hlen wir hier \u201eaktiviert\u201c aus.<\/li><li><strong>Men\u00fc-Icon<\/strong><br>Mit dieser Einstellung kann das Symbol ge\u00e4ndert werden, welches an dem Men\u00fcpunkt angezeigt wird. Hierf\u00fcr musst du den entsprechenden WordPress Code in das Feld kopieren. Eine <a href=\"https:\/\/developer.wordpress.org\/resource\/dashicons\/#lock\" target=\"_blank\" rel=\"noreferrer noopener\">Liste aller Icon Codes<\/a> findest du hier, oder in der N\u00e4he des Eingabefeldes.<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"955\" height=\"636\" src=\"https:\/\/blogs54.de\/wp-content\/uploads\/2020\/06\/cpt-optionen-4.jpg\" alt=\"CPT UI - Men\u00fcposition festlegen\" class=\"wp-image-85255\" title=\"CPT UI - Men\u00fcposition festlegen\" srcset=\"https:\/\/blogs54.de\/wp-content\/uploads\/2020\/06\/cpt-optionen-4.jpg 955w, https:\/\/blogs54.de\/wp-content\/uploads\/2020\/06\/cpt-optionen-4-480x320.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 955px, 100vw\" \/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"786\" src=\"https:\/\/blogs54.de\/wp-content\/uploads\/2020\/06\/cpt-wordpress-icons-1024x786.jpg\" alt=\"Wordpress Icons ausw\u00e4hlen\" class=\"wp-image-85256\" title=\"Wordpress Icons ausw\u00e4hlen\" srcset=\"https:\/\/blogs54.de\/wp-content\/uploads\/2020\/06\/cpt-wordpress-icons-1024x786.jpg 1024w, https:\/\/blogs54.de\/wp-content\/uploads\/2020\/06\/cpt-wordpress-icons-980x752.jpg 980w, https:\/\/blogs54.de\/wp-content\/uploads\/2020\/06\/cpt-wordpress-icons-480x368.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/><\/figure><\/div>\n\n\n\n<ul><li><strong>Unterst\u00fctzt<\/strong><br>Mit dieser Auswahl legst du fest, welche der Grundfunktionalit\u00e4t der neue Inhaltstyp haben soll. F\u00fcr unseren Fall ben\u00f6tigen wir nur die nachfolgenden Elemente.<ul><li>Titel<\/li><li>Editor<\/li><li>Beitrag<\/li><li>Seiten-Attribute<\/li><li>Beitrags-Formate<\/li><\/ul><\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"955\" height=\"380\" src=\"https:\/\/blogs54.de\/wp-content\/uploads\/2020\/06\/cpt-optionen-2.jpg\" alt=\"CPT UI - unterst\u00fctzte Funktionen ausw\u00e4hlen\" class=\"wp-image-85257\" title=\"CPT UI - unterst\u00fctzte Funktionen ausw\u00e4hlen\" srcset=\"https:\/\/blogs54.de\/wp-content\/uploads\/2020\/06\/cpt-optionen-2.jpg 955w, https:\/\/blogs54.de\/wp-content\/uploads\/2020\/06\/cpt-optionen-2-480x191.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 955px, 100vw\" \/><\/figure><\/div>\n\n\n\n<p>Nachdem wir diese Einstellungen alle ausgew\u00e4hlt haben, kannst du den neuen Custom Post Type speichern und damit anlegen. Sollte doch noch was ver\u00e4ndert werden, kannst du das nachtr\u00e4glich anpassen.<\/p>\n\n\n\n<p>Unseren neuen Post Type haben wir nun angelegt, aber unser Page Builder von Divi arbeitet noch nicht so richtig. Au\u00dferdem haben wir immer noch die Seitenleiste, sowie die den Kopf und den Fuss unseres Blogs, den wir f\u00fcr die Landingpage nicht gebrauchen k\u00f6nnen. Das werden wir im n\u00e4chsten Schritt \u00e4ndern.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Divi_Builder_Unterstuetzung\"><\/span>Divi Builder Unterst\u00fctzung<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Das Problem, das unser neuer Custom Post Type vom Divi-Builder unterst\u00fctzt wird,  ist recht einfach zu beheben. Dazu gehst du in die Theme Optionen von Divi. Und hier w\u00e4hlst du den Tab \u201eBuilder\u201c aus. Dir werden auf dieser Seite alle verf\u00fcgbaren Inhaltstypen angezeigt. <\/p>\n\n\n\n<p>Auch unser Inhaltstype &#8222;Landingpages&#8220; wird an dieser Stelle mit angezeigt. Einfach den Schalter aktivieren und der neue Custom Post Type wird nun vom Divi Builder unterst\u00fctzt. Soviel dazu, aber das war noch nicht alles.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"329\" src=\"https:\/\/blogs54.de\/wp-content\/uploads\/2020\/06\/cpt-divi-builder-aktivieren-1024x329.jpg\" alt=\"Custom Post Type im Divi Builder aktivieren\" class=\"wp-image-85260\" title=\"Custom Post Type im Divi Builder aktivieren\" srcset=\"https:\/\/blogs54.de\/wp-content\/uploads\/2020\/06\/cpt-divi-builder-aktivieren-1024x329.jpg 1024w, https:\/\/blogs54.de\/wp-content\/uploads\/2020\/06\/cpt-divi-builder-aktivieren-980x314.jpg 980w, https:\/\/blogs54.de\/wp-content\/uploads\/2020\/06\/cpt-divi-builder-aktivieren-480x154.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/><\/figure><\/div>\n\n\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Custom_Post_Type_ohne_Header_und_Footer\"><\/span>Custom Post Type ohne Header und Footer<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Nach dem wir die Divi Unterst\u00fctzung gel\u00f6st haben, m\u00fcssen wir die Landingpage Inhalte von Seitenleiste, Footer und Header befreien. An dessen Stelle sollen unsere Landingpages eigene Header und Footer bekommen. Es soll ja schlie\u00dflich nichts vom Angebot ablenken und woanders hin klicken.<\/p>\n\n\n\n<p>Als N\u00e4chstes nutzen wir die neue Divi Template Funktion und legen wir f\u00fcr unseren Inhaltstyp &#8222;Landingpages&#8220; ein eigenes Divi Template an. Dazu gehst du auf den Men\u00fcpunkt \u201eTemplate Builder\u201c in der linken Seitenleiste. Jetzt kannst du f\u00fcr diesen Inhaltstyp einen eigenen Header und einen eigenen Footer festlegen.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"744\" src=\"https:\/\/blogs54.de\/wp-content\/uploads\/2020\/06\/cpt-divi-template-anlegen-1024x744.jpg\" alt=\"Divi Template Builder - eigenes Template f\u00fcr Header und Footer anlegen. \" class=\"wp-image-85262\" title=\"Divi Template Builder - eigenes Template f\u00fcr Header und Footer anlegen. \" srcset=\"https:\/\/blogs54.de\/wp-content\/uploads\/2020\/06\/cpt-divi-template-anlegen-1024x744.jpg 1024w, https:\/\/blogs54.de\/wp-content\/uploads\/2020\/06\/cpt-divi-template-anlegen-980x712.jpg 980w, https:\/\/blogs54.de\/wp-content\/uploads\/2020\/06\/cpt-divi-template-anlegen-480x349.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/><\/figure><\/div>\n\n\n\n<p>Als erstes legst du den benutzerdefinierten Header f\u00fcr deine Landingpages an. Hier kommt nur das Logo und\/oder der Seitentitel in Textform hinein. Der Besucher soll zwar wissen mit welchem Anbieter er es zu tun hat, aber der Header soll nicht vom weiteren Inhalt der Seite ablenken. Wie der Header im Detail aussieht ist dabei Dir \u00fcberlassen und kannst du frei gestallten.  <\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"525\" src=\"https:\/\/blogs54.de\/wp-content\/uploads\/2020\/06\/cpt-benutzerdefinierte-kopfzeile-anlegen-1024x525.jpg\" alt=\"CPT - Benutzerdefinierte Kopfzeile anlegen\" class=\"wp-image-85281\" title=\"CPT - Benutzerdefinierte Kopfzeile anlegen\" srcset=\"https:\/\/blogs54.de\/wp-content\/uploads\/2020\/06\/cpt-benutzerdefinierte-kopfzeile-anlegen-980x502.jpg 980w, https:\/\/blogs54.de\/wp-content\/uploads\/2020\/06\/cpt-benutzerdefinierte-kopfzeile-anlegen-480x246.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/><\/figure><\/div>\n\n\n\n<p>Im n\u00e4chsten Schritt musst du die benutzerdefinierte Fu\u00dfzeile anlegen. Das geschieht im Prinzip genauso, wie bei der Kopfzeile, nur das du hier die Links zum Impressum und zum Datenschutz deiner Webseite einbaust. Auch hier kannst das Layout nach deinen W\u00fcnschen anpassen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"525\" src=\"https:\/\/blogs54.de\/wp-content\/uploads\/2020\/06\/cpt-benutzerdefinierte-fusszeile-anlegen-1024x525.png\" alt=\"CPT - Benutzerdefinierte Fu\u00dfzeile anlegen\" class=\"wp-image-85282\" title=\"CPT - Benutzerdefinierte Fu\u00dfzeile anlegen\" srcset=\"https:\/\/blogs54.de\/wp-content\/uploads\/2020\/06\/cpt-benutzerdefinierte-fusszeile-anlegen-980x502.png 980w, https:\/\/blogs54.de\/wp-content\/uploads\/2020\/06\/cpt-benutzerdefinierte-fusszeile-anlegen-480x246.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Landingpage_mit_CSS_Code_anpassen\"><\/span>Landingpage mit CSS Code anpassen <span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Nachdem wir f\u00fcr unsere Landingpage den Divi Builder aktiviert haben und die Seite zum ersten mal aufrufen, m\u00fcssen wir feststellen, das noch nicht Alles so aussieht wie es soll. Zum einen wird die standardm\u00e4\u00dfige Beitrags-\u00dcberschrift angezeigt und zum anderen haben die Elemente unsch\u00f6ne Seitenr\u00e4nder. Damit k\u00f6nnen wir unser Layout immer noch nicht ordentlich aufbauen.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"525\" src=\"https:\/\/blogs54.de\/wp-content\/uploads\/2020\/06\/cpt-ohne-css-anpassung-1024x525.jpg\" alt=\"Custom Post Type ohne CSS Anpassung\" class=\"wp-image-85276\" title=\"Custom Post Type ohne CSS Anpassung\" srcset=\"https:\/\/blogs54.de\/wp-content\/uploads\/2020\/06\/cpt-ohne-css-anpassung-980x502.jpg 980w, https:\/\/blogs54.de\/wp-content\/uploads\/2020\/06\/cpt-ohne-css-anpassung-480x246.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/><\/figure><\/div>\n\n\n\n<p>Abhilfe schaffst du mit nachfolgenden CSS Code. Einerseits wird der originale Post Title mit dem CSS Code ausgeblendet. Zum anderen werden mit diesem CSS Code auch die Seitenr\u00e4nder bei Verwendung des Divi Builder korrigiert. Jetzt kannst du deine Layouts wie gewohnt erstellen.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">body.single-lp div#main-content div.container {\n    padding-top: 0px !important;\n    width: 100%;\n    max-width: 100%;\n}\nbody.single-lp div#main-content div.entry-content {\n    padding-top: 0px;\n}\nbody.single-lp div#main-content div.et_post_meta_wrapper {\n  display: none !important;\n}<\/pre>\n\n\n\n<p>Den CSS Code kannst du an 2 Stellen im Divi Theme einsetzen. Entweder in den Theme Optionen. Dort gibt es ganz unten ein Feld um weiteren CSS Code einzuf\u00fcgen. Der Vorteil ist hier, das du den Code nur einmal einbinden musst und damit automatisch \u00fcberall gilt.<\/p>\n\n\n\n<p>Ich empfehle Dir aber den Code in der entsprechenden Landingpage unterzubringen. Dazu klickst du unten auf das Zahnrad und kommst so zu den Grundeinstellungen f\u00fcr die einzelne Seite. Der Vorteil ist, das der Code auch nur bei Aufruf dieser Landingpage mit geladen wird.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"525\" src=\"https:\/\/blogs54.de\/wp-content\/uploads\/2020\/06\/cpt-mit-css-anpassung-1024x525.jpg\" alt=\"Divi Seite eigenen CSS Code einbinden\" class=\"wp-image-85278\" title=\"Divi Seite eigenen CSS Code einbinden\" srcset=\"https:\/\/blogs54.de\/wp-content\/uploads\/2020\/06\/cpt-mit-css-anpassung-980x502.jpg 980w, https:\/\/blogs54.de\/wp-content\/uploads\/2020\/06\/cpt-mit-css-anpassung-480x246.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/><\/figure><\/div>\n\n\n\n<p>Damit haben wir alle Anpassungen erledigt und der neue Custom Post Type kann ohne Einschr\u00e4nkungen verwendet werden. <\/p>\n\n\n\n<p>Einen Haken gibt es allerdings bei dieser L\u00f6sung. Der von WordPress ausgegebene Titel wurde von uns nur per CSS ausgeblendet. Wir haben damit die H1 \u00dcberschrift zweimal im HTML Code. <\/p>\n\n\n\n<p>Google bekommt aber schon mit, welche \u00dcberschrift f\u00fcr den Besucher sichtbar ist. F\u00fcr Online Marketing, das die Besuche per Google Ads oder Facebook Ads auf die Seite holt stellt das kein Problem dar.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Fazit_zu_Divi_und_Custom_Post_Type\"><\/span>Fazit zu Divi und Custom Post Type<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Um mehr \u00dcbersicht f\u00fcr die Inhalte von WordPress zu erhalten, kannst du relativ einfach WordPress Custom Post Type nutzen. Diese hier vorgestellte L\u00f6sung ist vorrangig f\u00fcr Seiten geeignet, die f\u00fcr Landingpages oder Best\u00e4tigungsseiten verwendet werden.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>F\u00fcr viele Anwendungsf\u00e4lle m\u00f6chte man einen eigenen Inhaltstyp in WordPress haben. Wie du das machst und was du bei dem Theme Divi in Verbindung mit einem Custom Post Type beachten musst, zeige ich Dir in diesem Beitrag. Warum Custom Post Type in WordPress? Warum ben\u00f6tigst du einen separaten Beitragstyp in WordPress? Es gibt das die [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":85264,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","_lmt_disableupdate":"no","_lmt_disable":"no","jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false}}},"categories":[2],"tags":[272,262],"coauthors":[225],"jetpack_publicize_connections":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Tutorial: Divi Landingpage mit Custom Post Type erstellen<\/title>\n<meta name=\"description\" content=\"Mit dieser Schritt-f\u00fcr-Schritt Anleitung erstellst Du eigene Inhaltstypen f\u00fcr Divi mit CPT UI. Ideal f\u00fcr Landingpages und Best\u00e4tigungsseiten.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blogs54.de\/blog\/2020\/05\/tutorial-divi-landingpage-mit-custom-post-type-erstellen\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tutorial: Divi Landingpage mit Custom Post Type erstellen\" \/>\n<meta property=\"og:description\" content=\"Mit dieser Schritt-f\u00fcr-Schritt Anleitung erstellst Du eigene Inhaltstypen f\u00fcr Divi mit CPT UI. Ideal f\u00fcr Landingpages und Best\u00e4tigungsseiten.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blogs54.de\/blog\/2020\/05\/tutorial-divi-landingpage-mit-custom-post-type-erstellen\/\" \/>\n<meta property=\"og:site_name\" content=\"Blogs54\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/blogs54\" \/>\n<meta property=\"article:published_time\" content=\"2020-05-16T14:32:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-10-27T09:59:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blogs54.de\/wp-content\/uploads\/2020\/05\/beitrag_cptui_divi.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"960\" \/>\n\t<meta property=\"og:image:height\" content=\"240\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Thomas\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Archivator\" \/>\n<meta name=\"twitter:site\" content=\"@Archivator\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Thomas\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 Minuten\" \/>\n\t<meta name=\"twitter:label3\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data3\" content=\"Thomas\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/blogs54.de\/blog\/2020\/05\/tutorial-divi-landingpage-mit-custom-post-type-erstellen\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/blogs54.de\/blog\/2020\/05\/tutorial-divi-landingpage-mit-custom-post-type-erstellen\/\"},\"author\":{\"name\":\"Thomas\",\"@id\":\"https:\/\/blogs54.de\/#\/schema\/person\/43f48e35c61dd568989f4f8d30c16269\"},\"headline\":\"Tutorial: Divi Landingpage mit Custom Post Type erstellen\",\"datePublished\":\"2020-05-16T14:32:40+00:00\",\"dateModified\":\"2021-10-27T09:59:06+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/blogs54.de\/blog\/2020\/05\/tutorial-divi-landingpage-mit-custom-post-type-erstellen\/\"},\"wordCount\":1501,\"commentCount\":5,\"publisher\":{\"@id\":\"https:\/\/blogs54.de\/#organization\"},\"image\":{\"@id\":\"https:\/\/blogs54.de\/blog\/2020\/05\/tutorial-divi-landingpage-mit-custom-post-type-erstellen\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blogs54.de\/wp-content\/uploads\/2020\/05\/beitrag_cptui_divi.jpg\",\"keywords\":[\"Custom Post Type\",\"Divi\"],\"articleSection\":[\"Wordpress, Themes und Plugins\"],\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/blogs54.de\/blog\/2020\/05\/tutorial-divi-landingpage-mit-custom-post-type-erstellen\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blogs54.de\/blog\/2020\/05\/tutorial-divi-landingpage-mit-custom-post-type-erstellen\/\",\"url\":\"https:\/\/blogs54.de\/blog\/2020\/05\/tutorial-divi-landingpage-mit-custom-post-type-erstellen\/\",\"name\":\"Tutorial: Divi Landingpage mit Custom Post Type erstellen\",\"isPartOf\":{\"@id\":\"https:\/\/blogs54.de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blogs54.de\/blog\/2020\/05\/tutorial-divi-landingpage-mit-custom-post-type-erstellen\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/blogs54.de\/blog\/2020\/05\/tutorial-divi-landingpage-mit-custom-post-type-erstellen\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blogs54.de\/wp-content\/uploads\/2020\/05\/beitrag_cptui_divi.jpg\",\"datePublished\":\"2020-05-16T14:32:40+00:00\",\"dateModified\":\"2021-10-27T09:59:06+00:00\",\"description\":\"Mit dieser Schritt-f\u00fcr-Schritt Anleitung erstellst Du eigene Inhaltstypen f\u00fcr Divi mit CPT UI. Ideal f\u00fcr Landingpages und Best\u00e4tigungsseiten.\",\"breadcrumb\":{\"@id\":\"https:\/\/blogs54.de\/blog\/2020\/05\/tutorial-divi-landingpage-mit-custom-post-type-erstellen\/#breadcrumb\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blogs54.de\/blog\/2020\/05\/tutorial-divi-landingpage-mit-custom-post-type-erstellen\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\/\/blogs54.de\/blog\/2020\/05\/tutorial-divi-landingpage-mit-custom-post-type-erstellen\/#primaryimage\",\"url\":\"https:\/\/blogs54.de\/wp-content\/uploads\/2020\/05\/beitrag_cptui_divi.jpg\",\"contentUrl\":\"https:\/\/blogs54.de\/wp-content\/uploads\/2020\/05\/beitrag_cptui_divi.jpg\",\"width\":960,\"height\":240},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blogs54.de\/blog\/2020\/05\/tutorial-divi-landingpage-mit-custom-post-type-erstellen\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Wordpress, Themes und Plugins\",\"item\":\"https:\/\/blogs54.de\/blog\/category\/wordpress\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tutorial: Divi Landingpage mit Custom Post Type erstellen\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blogs54.de\/#website\",\"url\":\"https:\/\/blogs54.de\/\",\"name\":\"Blogs54\",\"description\":\"Infos &amp; Tutorials zu Wordpress, PC und Smart-Home\",\"publisher\":{\"@id\":\"https:\/\/blogs54.de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blogs54.de\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de-DE\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/blogs54.de\/#organization\",\"name\":\"Blogs54\",\"url\":\"https:\/\/blogs54.de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\/\/blogs54.de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/blogs54.de\/wp-content\/uploads\/2013\/02\/Weblogo2_Blogs54.png\",\"contentUrl\":\"https:\/\/blogs54.de\/wp-content\/uploads\/2013\/02\/Weblogo2_Blogs54.png\",\"width\":270,\"height\":100,\"caption\":\"Blogs54\"},\"image\":{\"@id\":\"https:\/\/blogs54.de\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/blogs54\",\"https:\/\/twitter.com\/Archivator\",\"https:\/\/www.instagram.com\/blogs54.de\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/blogs54.de\/#\/schema\/person\/43f48e35c61dd568989f4f8d30c16269\",\"name\":\"Thomas\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\/\/blogs54.de\/#\/schema\/person\/image\/8385c65dc627db0ad67fa206c3f0d344\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/e598b74b13ed237a33b5aa86c3d7263a?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/e598b74b13ed237a33b5aa86c3d7263a?s=96&d=mm&r=g\",\"caption\":\"Thomas\"},\"description\":\"Ich hei\u00dfe Thomas und bin Inhaber einer Agentur f\u00fcr eCommerce und Online Marketing. Zus\u00e4tzlich interessiere ich mich f\u00fcr CMS Systeme, Wordpress, Drupal, Grafik und Multimedia. Ihr findet mich auf Twitter und Facebook. \u00dcber einen Kommentar zu diesem Beitrag w\u00fcrde ich mich freuen.\",\"sameAs\":[\"https:\/\/blogs54.de\"],\"url\":\"https:\/\/blogs54.de\/blog\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tutorial: Divi Landingpage mit Custom Post Type erstellen","description":"Mit dieser Schritt-f\u00fcr-Schritt Anleitung erstellst Du eigene Inhaltstypen f\u00fcr Divi mit CPT UI. Ideal f\u00fcr Landingpages und Best\u00e4tigungsseiten.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/blogs54.de\/blog\/2020\/05\/tutorial-divi-landingpage-mit-custom-post-type-erstellen\/","og_locale":"de_DE","og_type":"article","og_title":"Tutorial: Divi Landingpage mit Custom Post Type erstellen","og_description":"Mit dieser Schritt-f\u00fcr-Schritt Anleitung erstellst Du eigene Inhaltstypen f\u00fcr Divi mit CPT UI. Ideal f\u00fcr Landingpages und Best\u00e4tigungsseiten.","og_url":"https:\/\/blogs54.de\/blog\/2020\/05\/tutorial-divi-landingpage-mit-custom-post-type-erstellen\/","og_site_name":"Blogs54","article_publisher":"https:\/\/www.facebook.com\/blogs54","article_published_time":"2020-05-16T14:32:40+00:00","article_modified_time":"2021-10-27T09:59:06+00:00","og_image":[{"width":960,"height":240,"url":"https:\/\/blogs54.de\/wp-content\/uploads\/2020\/05\/beitrag_cptui_divi.jpg","type":"image\/jpeg"}],"author":"Thomas","twitter_card":"summary_large_image","twitter_creator":"@Archivator","twitter_site":"@Archivator","twitter_misc":{"Verfasst von":"Thomas","Gesch\u00e4tzte Lesezeit":"8 Minuten","Written by":"Thomas"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/blogs54.de\/blog\/2020\/05\/tutorial-divi-landingpage-mit-custom-post-type-erstellen\/#article","isPartOf":{"@id":"https:\/\/blogs54.de\/blog\/2020\/05\/tutorial-divi-landingpage-mit-custom-post-type-erstellen\/"},"author":{"name":"Thomas","@id":"https:\/\/blogs54.de\/#\/schema\/person\/43f48e35c61dd568989f4f8d30c16269"},"headline":"Tutorial: Divi Landingpage mit Custom Post Type erstellen","datePublished":"2020-05-16T14:32:40+00:00","dateModified":"2021-10-27T09:59:06+00:00","mainEntityOfPage":{"@id":"https:\/\/blogs54.de\/blog\/2020\/05\/tutorial-divi-landingpage-mit-custom-post-type-erstellen\/"},"wordCount":1501,"commentCount":5,"publisher":{"@id":"https:\/\/blogs54.de\/#organization"},"image":{"@id":"https:\/\/blogs54.de\/blog\/2020\/05\/tutorial-divi-landingpage-mit-custom-post-type-erstellen\/#primaryimage"},"thumbnailUrl":"https:\/\/blogs54.de\/wp-content\/uploads\/2020\/05\/beitrag_cptui_divi.jpg","keywords":["Custom Post Type","Divi"],"articleSection":["Wordpress, Themes und Plugins"],"inLanguage":"de-DE","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/blogs54.de\/blog\/2020\/05\/tutorial-divi-landingpage-mit-custom-post-type-erstellen\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/blogs54.de\/blog\/2020\/05\/tutorial-divi-landingpage-mit-custom-post-type-erstellen\/","url":"https:\/\/blogs54.de\/blog\/2020\/05\/tutorial-divi-landingpage-mit-custom-post-type-erstellen\/","name":"Tutorial: Divi Landingpage mit Custom Post Type erstellen","isPartOf":{"@id":"https:\/\/blogs54.de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blogs54.de\/blog\/2020\/05\/tutorial-divi-landingpage-mit-custom-post-type-erstellen\/#primaryimage"},"image":{"@id":"https:\/\/blogs54.de\/blog\/2020\/05\/tutorial-divi-landingpage-mit-custom-post-type-erstellen\/#primaryimage"},"thumbnailUrl":"https:\/\/blogs54.de\/wp-content\/uploads\/2020\/05\/beitrag_cptui_divi.jpg","datePublished":"2020-05-16T14:32:40+00:00","dateModified":"2021-10-27T09:59:06+00:00","description":"Mit dieser Schritt-f\u00fcr-Schritt Anleitung erstellst Du eigene Inhaltstypen f\u00fcr Divi mit CPT UI. Ideal f\u00fcr Landingpages und Best\u00e4tigungsseiten.","breadcrumb":{"@id":"https:\/\/blogs54.de\/blog\/2020\/05\/tutorial-divi-landingpage-mit-custom-post-type-erstellen\/#breadcrumb"},"inLanguage":"de-DE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blogs54.de\/blog\/2020\/05\/tutorial-divi-landingpage-mit-custom-post-type-erstellen\/"]}]},{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/blogs54.de\/blog\/2020\/05\/tutorial-divi-landingpage-mit-custom-post-type-erstellen\/#primaryimage","url":"https:\/\/blogs54.de\/wp-content\/uploads\/2020\/05\/beitrag_cptui_divi.jpg","contentUrl":"https:\/\/blogs54.de\/wp-content\/uploads\/2020\/05\/beitrag_cptui_divi.jpg","width":960,"height":240},{"@type":"BreadcrumbList","@id":"https:\/\/blogs54.de\/blog\/2020\/05\/tutorial-divi-landingpage-mit-custom-post-type-erstellen\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Wordpress, Themes und Plugins","item":"https:\/\/blogs54.de\/blog\/category\/wordpress\/"},{"@type":"ListItem","position":2,"name":"Tutorial: Divi Landingpage mit Custom Post Type erstellen"}]},{"@type":"WebSite","@id":"https:\/\/blogs54.de\/#website","url":"https:\/\/blogs54.de\/","name":"Blogs54","description":"Infos &amp; Tutorials zu Wordpress, PC und Smart-Home","publisher":{"@id":"https:\/\/blogs54.de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blogs54.de\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"de-DE"},{"@type":"Organization","@id":"https:\/\/blogs54.de\/#organization","name":"Blogs54","url":"https:\/\/blogs54.de\/","logo":{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/blogs54.de\/#\/schema\/logo\/image\/","url":"https:\/\/blogs54.de\/wp-content\/uploads\/2013\/02\/Weblogo2_Blogs54.png","contentUrl":"https:\/\/blogs54.de\/wp-content\/uploads\/2013\/02\/Weblogo2_Blogs54.png","width":270,"height":100,"caption":"Blogs54"},"image":{"@id":"https:\/\/blogs54.de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/blogs54","https:\/\/twitter.com\/Archivator","https:\/\/www.instagram.com\/blogs54.de\/"]},{"@type":"Person","@id":"https:\/\/blogs54.de\/#\/schema\/person\/43f48e35c61dd568989f4f8d30c16269","name":"Thomas","image":{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/blogs54.de\/#\/schema\/person\/image\/8385c65dc627db0ad67fa206c3f0d344","url":"https:\/\/secure.gravatar.com\/avatar\/e598b74b13ed237a33b5aa86c3d7263a?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e598b74b13ed237a33b5aa86c3d7263a?s=96&d=mm&r=g","caption":"Thomas"},"description":"Ich hei\u00dfe Thomas und bin Inhaber einer Agentur f\u00fcr eCommerce und Online Marketing. Zus\u00e4tzlich interessiere ich mich f\u00fcr CMS Systeme, Wordpress, Drupal, Grafik und Multimedia. Ihr findet mich auf Twitter und Facebook. \u00dcber einen Kommentar zu diesem Beitrag w\u00fcrde ich mich freuen.","sameAs":["https:\/\/blogs54.de"],"url":"https:\/\/blogs54.de\/blog\/author\/admin\/"}]}},"modified_by":"Thomas","jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/blogs54.de\/wp-content\/uploads\/2020\/05\/beitrag_cptui_divi.jpg","jetpack_shortlink":"https:\/\/wp.me\/p4pRJf-m86","_links":{"self":[{"href":"https:\/\/blogs54.de\/wp-json\/wp\/v2\/posts\/85070"}],"collection":[{"href":"https:\/\/blogs54.de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs54.de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs54.de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs54.de\/wp-json\/wp\/v2\/comments?post=85070"}],"version-history":[{"count":9,"href":"https:\/\/blogs54.de\/wp-json\/wp\/v2\/posts\/85070\/revisions"}],"predecessor-version":[{"id":86490,"href":"https:\/\/blogs54.de\/wp-json\/wp\/v2\/posts\/85070\/revisions\/86490"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogs54.de\/wp-json\/wp\/v2\/media\/85264"}],"wp:attachment":[{"href":"https:\/\/blogs54.de\/wp-json\/wp\/v2\/media?parent=85070"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs54.de\/wp-json\/wp\/v2\/categories?post=85070"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs54.de\/wp-json\/wp\/v2\/tags?post=85070"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/blogs54.de\/wp-json\/wp\/v2\/coauthors?post=85070"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}