Die Navigation in WordPress: Basics
Update: 2018-02-01
Description
Die Navigation einer Webseite ist mit die wichtigste Basis für ein gelungenes Kommunikationskonzept: wie wird der Besucher durch die Inhalte geführt – egal auf welchem Endgerät.
Ich verrate euch die grundlegenden Fakten zum Thema Navigation in WordPress und erkläre euch ein paar Tricks für saubere Obermenüs bzw. Bildermenüs.
Ihr habt Themenideen? – Schreibt mir gern. Und ansonsten: bitte abonniert meinen Podcast und erzählt ihn weiter!
<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>
<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-655aa7a057e17");
podlovePlayerCache.add([{"url":"https:\/\/wpcast.de\/wp-json\/podlove-web-player\/shortcode\/publisher\/74","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":"Die Navigation in WordPress: Basics","subtitle":"2. WPCast","summary":"Die Navigation einer Webseite ist mit die wichtigste Basis f\u00fcr ein gelungenes Kommunikationskonzept: wie wird der Besucher durch die Inhalte gef\u00fchrt - egal auf welchem Endger\u00e4t.\u00a0\r\n\r\nIch verrate euch die grundlegenden Fakten zum Thema Navigation in WordPress und erkl\u00e4re euch ein paar Tricks f\u00fcr saubere Obermen\u00fcs bzw. Bildermen\u00fcs.","publicationDate":"2018-02-01T21:59:11 +01:00 ","duration":"00:10:19 .133","poster":"https:\/\/wpcast.de\/files\/2018\/02\/navigation.jpg","link":"https:\/\/wpcast.de\/wordpress-navigation-basiscs\/","chapters":[{"start":"00:00:00 .000","title":"Allgemeines zur Navigation","href":"","image":""},{"start":"00:01:01 .000","title":"Themes und die Navigation","href":"","image":""},{"start":"00:02:41 .000","title":"2 M\u00f6glichkeiten zur Men\u00fcgestaltung","href":"","image":""},{"start":"00:04:05 .000","title":"Navigationen erstellen","href":"","image":""},{"start":"00:07:01 .000","title":"2 Tricks f\u00fcr die Navigation","href":"","image":""},{"start":"00:09:14 .000","title":"Das Navigationswidget","href":"","image":""}],"audio":[{"url":"http:\/\/dts.podtrac.com\/redirect.mp3\/wpcast.de\/podlove\/file\/16\/s\/webplayer\/c\/website\/folge2.ogg","size":"25092330","title":"Ogg Vorbis Audio (ogg)","mimeType":"audio\/ogg"},{"url":"http:\/\/dts.podtrac.com\/redirect.mp3\/wpcast.de\/podlove\/file\/15\/s\/webplayer\/c\/website\/folge2.mp3","size":"14866545","title":"MP3 Audio (mp3)","mimeType":"audio\/mpeg"}],"files":[{"url":"http:\/\/dts.podtrac.com\/redirect.mp3\/wpcast.de\/podlove\/file\/15\/s\/webplayer\/folge2.mp3","size":"14866545","title":"MP3 Audio","mimeType":"audio\/mpeg"},{"url":"http:\/\/dts.podtrac.com\/redirect.mp3\/wpcast.de\/podlove\/file\/16\/s\/webplayer\/folge2.ogg","size":"25092330","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/74", "https://wpcast.de/wp-json/podlove-web-player/shortcode/config/default/theme/default").then(function() {
player && player.classList.remove("podlove-web-player-loading");
});
});
</script>
Comments
Top Podcasts
The Best New Comedy Podcast Right Now – June 2024The Best News Podcast Right Now – June 2024The Best New Business Podcast Right Now – June 2024The Best New Sports Podcast Right Now – June 2024The Best New True Crime Podcast Right Now – June 2024The Best New Joe Rogan Experience Podcast Right Now – June 20The Best New Dan Bongino Show Podcast Right Now – June 20The Best New Mark Levin Podcast – June 2024
In Channel