Gutenberg und die Page Builder in WordPress
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!
<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");