DiscoverWPcastGutenberg und die Page Builder in WordPress
Gutenberg und die Page Builder in WordPress

Gutenberg und die Page Builder in WordPress

Update: 2018-02-11
Share

Description

Mit WordPress Version 5.0 wird ein neuer Standardeditor für Beiträge eingeführt: Gutenberg. Das bisherige Konzept beim Erstellen von Inhalten gleicht bisher mehr dem Schreiben eines Aufsatzes in Word mit ein paar extra Funktionen wie oEmbed. In Zukunft möchte WordPress mehr in Richtung Page Builder gehen und Gutenberg ist definitiv mehr Page Builder als Texteditor.


Das Zusammenstellen von Inhalten und diese zu strukturieren soll in Zukunft mehr in den Fokus geraten. In diesem Podcast präsentiere ich euch drei verschiedene Page Builder für WordPress, die alle ihre Vor- und Nachteile haben:



Für aufwendigere Designprojekte würde ich mich derzeit für Elementor entscheiden. Welchen Page Builder würdet ihr gern nutzen? Freue mich auf euer Feedback!



<root data-test="player--xl" style="max-width:950px;min-width:260px;">


<show-title class="text-sm"></show-title>
<episode-title class="text-base mb-2"></episode-title>
<subscribe-button class="mb-4 mobile:flex tablet:hidden"></subscribe-button>
<poster class="rounded-sm w-48 shadow overflow-hidden"></poster>
<divider class="w-full my-6"></divider>




<poster class="rounded-sm shadow overflow-hidden"></poster>



<show-title class="text-base"></show-title>
<episode-title class="text-xl desktop:text-2xl"></episode-title>
<divider class="w-full my-4"></divider>



<play-state on="active">
<speed-control class="flex items-center"></speed-control>
</play-state>



<play-state on="active">
<chapter-previous class="mx-2 block"></chapter-previous>
</play-state>
<play-state on="active">
<step-backward class="mx-2 block"></step-backward>
</play-state>

<play-button class="mx-2 block" :label="$t('PLAYER.PLAY_EPISODE')"></play-button>

<play-state on="active">
<step-forward class="mx-2 block"></step-forward>
</play-state>
<play-state on="active">
<chapter-next class="mx-2 block"></chapter-next>
</play-state>



<play-state on="active">
<volume-control class="flex items-center"></volume-control>
</play-state>



<progress-bar></progress-bar>



<timer-current class="text-sm"></timer-current>


<play-state on="active">
<current-chapter class="text-sm"></current-chapter>
</play-state>


<timer-duration class="text-sm"></timer-duration>




<divider class="w-full mt-6 mb-3"></divider>


<tab-trigger tab="chapters">
<icon type="chapter"></icon>
</tab-trigger>
<tab-trigger tab="transcripts">
<icon type="transcripts"></icon>
</tab-trigger>
<tab-trigger tab="files">
<icon type="download"></icon>
</tab-trigger>
<tab-trigger tab="playlist">
<icon type="playlist"></icon>
</tab-trigger>
<tab-trigger tab="share">
<icon type="share"></icon>
</tab-trigger>

<subscribe-button class="mt-1 mobile:hidden tablet:flex"></subscribe-button>



<tab name="chapters">
<tab-chapters></tab-chapters>
</tab>
<tab name="transcripts">
<tab-transcripts></tab-transcripts>
</tab>
<tab name="files">
<tab-files></tab-files>
</tab>
<tab name="playlist">
<tab-playlist></tab-playlist>
</tab>
<tab name="share">
<tab-share></tab-share>
</tab>
<tab-overflow></tab-overflow>

<error></error>
</root>

<script>
document.addEventListener("DOMContentLoaded", function() {
var player = document.getElementById("player-655aa7a05403f");
podlovePlayerCache.add([{"url":"https:\/\/wpcast.de\/wp-json\/podlove-web-player\/shortcode\/publisher\/87","data":{"version":5,"show":{"title":"WPcast","subtitle":"Der WordPress Podcast","summary":"WordPress ist ein grandioses und vielf\u00e4ltiges Webwerkzeug. Der Podcast rund um die professionelle Anwendung und Anpassung von WordPress.\r\nhttps:\/\/flattr.com\/podcast\/wpcast","poster":"https:\/\/wpcast.de\/files\/2018\/03\/ituneslogo.png","link":"https:\/\/wpcast.de"},"title":"Gutenberg und die Page Builder in WordPress","subtitle":"3. Folge des WPCasts","summary":"Mit WordPress Version 5.0 wird ein neuer Standardeditor f\u00fcr Beitr\u00e4ge eingef\u00fchrt: Gutenberg. Das bisherige Konzept beim Erstellen von Inhalten gleicht bisher mehr dem Schreiben eines Aufsatzes in Word mit ein paar extra Funktionen wie oEmbed. In Zukunft m\u00f6chte WordPress mehr in Richtung Page Builder gehen und Gutenberg ist definitiv mehr Page Builder als Texteditor.\r\n\r\nDas Zusammenstellen von Inhalten und diese zu strukturieren soll in Zukunft mehr in den Fokus geraten.\u00a0In diesem Podcast pr\u00e4sentiere ich euch drei verschiedene Page Builder f\u00fcr WordPress, die alle ihre Vor- und Nachteile haben:\r\n\r\nGutenberg\r\nWPBakery Page Builder\r\nElementor","publicationDate":"2018-02-11T14:44:17 +01:00 ","duration":"00:15:44 .741","poster":"https:\/\/wpcast.de\/files\/2018\/02\/gutenberg.jpg","link":"https:\/\/wpcast.de\/gutenberg-und-page-builder-wordpress\/","chapters":[{"start":"00:00:00 .000","title":"Gutenberg Editor","href":"","image":""},{"start":"00:05:19 .000","title":"WPBakery Page Builder","href":"","image":""},{"start":"00:09:58 .000","title":"Elementor","href":"","image":""},{"start":"00:13:37 .000","title":"Fazit","href":"","image":""}],"audio":[{"url":"http:\/\/dts.podtrac.com\/redirect.mp3\/wpcast.de\/podlove\/file\/26\/s\/webplayer\/c\/website\/folge3.ogg","size":"38736961","title":"Ogg Vorbis Audio (ogg)","mimeType":"audio\/ogg"},{"url":"http:\/\/dts.podtrac.com\/redirect.mp3\/wpcast.de\/podlove\/file\/25\/s\/webplayer\/c\/website\/folge3.mp3","size":"22681137","title":"MP3 Audio (mp3)","mimeType":"audio\/mpeg"}],"files":[{"url":"http:\/\/dts.podtrac.com\/redirect.mp3\/wpcast.de\/podlove\/file\/25\/s\/webplayer\/folge3.mp3","size":"22681137","title":"MP3 Audio","mimeType":"audio\/mpeg"},{"url":"http:\/\/dts.podtrac.com\/redirect.mp3\/wpcast.de\/podlove\/file\/26\/s\/webplayer\/folge3.ogg","size":"38736961","title":"Ogg Audio","mimeType":"audio\/ogg"}]}}, {"url":"https:\/\/wpcast.de\/wp-json\/podlove-web-player\/shortcode\/config\/default\/theme\/default","data":{"activeTab":"files","subscribe-button":{"feed":"https:\/\/wpcast.de\/feed\/mp3\/","clients":[{"id":"apple-podcasts","service":"https:\/\/itunes.apple.com\/de\/podcast\/wpcast\/id1342379627?l=de"},{"id":"spotify","service":"https:\/\/open.spotify.com\/show\/5CHtkaGmDHqcYHlC7JTexp"},{"id":"google-podcasts","service":"https:\/\/wpcast.de\/feed\/mp3\/"},{"id":"stitcher","service":"https:\/\/www.stitcher.com\/podcast\/wpcast?refid=stpr"},{"id":"rss","service":"https:\/\/wpcast.de\/feed\/mp3\/"}]},"share":{"channels":["facebook","twitter","whats-app","linkedin","pinterest","xing","mail","link"],"outlet":"https:\/\/wpcast.de\/wp-content\/plugins\/podlove-web-player\/web-player\/share.html","sharePlaytime":true},"related-episodes":{"source":"disabled","value":null},"version":5,"theme":{"tokens":{"brand":"rgba(33, 117, 155, 1)","brandDark":"rgba(33, 117, 155, 1)","brandDarkest":"rgba(33, 117, 155, 1)","brandLightest":"rgba(233, 241, 245, 1)","shadeDark":"#807E7C","shadeBase":"#807E7C","contrast":"#000","alt":"#fff"},"fonts":{"ci":{"name":"ci","family":["Open Sans","-apple-system","BlinkMacSystemFont","Segoe UI","Roboto","Helvetica","Arial","sans-serif","Apple Color Emoji","Segoe UI Emoji\", \"Segoe UI Symbol"],"src":[],"weight":600},"regular":{"name":"regular","family":["-apple-system","BlinkMacSystemFont","Segoe UI","Roboto","Helvetica","Arial","sans-serif","Apple Color Emoji","Segoe UI Emoji\", \"Segoe UI Symbol"],"src":[],"weight":300},"bold":{"name":"bold","family":["-apple-system","BlinkMacSystemFont","Segoe UI","Roboto","Helvetica","Arial","sans-serif","Apple Color Emoji","Segoe UI Emoji\", \"Segoe UI Symbol"],"src":[],"weight":700}}},"base":"https:\/\/wpcast.de\/wp-content\/plugins\/podlove-web-player\/web-player\/"}}]);
podlovePlayer(player, "https://wpcast.de/wp-json/podlove-web-player/shortcode/publisher/87", "https://wpcast.de/wp-json/podlove-web-player/shortcode/config/default/theme/default").then(function() {
player && player.classList.remove("podlove-web-player-loading");
Comments 
00:00
00:00
x

0.5x

0.8x

1.0x

1.25x

1.5x

2.0x

3.0x

Sleep Timer

Off

End of Episode

5 Minutes

10 Minutes

15 Minutes

30 Minutes

45 Minutes

60 Minutes

120 Minutes

Gutenberg und die Page Builder in WordPress

Gutenberg und die Page Builder in WordPress

Benjamin Hartwich