{"id":34353,"date":"2025-04-24T09:43:37","date_gmt":"2025-04-24T07:43:37","guid":{"rendered":"https:\/\/www.studioenns.eu\/wordpress\/aktuell\/?p=34353"},"modified":"2025-04-24T09:43:37","modified_gmt":"2025-04-24T07:43:37","slug":"beitrag-1-von-15-das-zentralmenue-eine-einfuehrung-in-unsere-vernetzte-navigation","status":"publish","type":"post","link":"https:\/\/www.studioenns.eu\/wordpress\/von2016bisjetzt\/beitrag-1-von-15-das-zentralmenue-eine-einfuehrung-in-unsere-vernetzte-navigation\/studioenns\/onair","title":{"rendered":"Beitrag 1 von 15: Das Zentralmen\u00fc \u2013 Eine Einf\u00fchrung in unsere vernetzte Navigation"},"content":{"rendered":"<!-- RS_MODULE_CODE_2.5.0-C --><div id=\"readspeaker_button34353\" class=\"rs_skip rsbtn rs_preserve\"><a class=\"rsbtn_play\" title=\"Um den Text anzuh&ouml;ren, verwenden Sie bitte ReadSpeaker\" accesskey=\"L\" href=\"https:\/\/app-eu.readspeaker.com\/cgi-bin\/rsent?customerid=13430&amp;lang=de_de&amp;readid=rspeak_read_34353&amp;url=https%3A%2F%2Fwww.studioenns.eu%2Fwordpress%2Fvon2016bisjetzt%2Fwp-json%2Fwp%2Fv2%2Fposts%2F34353\"><span class=\"rsbtn_left rsimg rspart\"><span class=\"rsbtn_text\"><span>Vorlesen<\/span><\/span><\/span><span class=\"rsbtn_right rsimg rsplay rspart\"><\/span><\/a><\/div><div id=\"rspeak_read_34353\"><p>**Beitrag 1 von 15: Das Zentralmen\u00fc \u2013 Eine Einf\u00fchrung in unsere vernetzte Navigation**<\/p>\n<p>&#8222;`html<\/p>\n<article>\n<h2>Beitrag 1: Das Zentralmen\u00fc \u2013 Eine Einf\u00fchrung in unsere vernetzte Navigation<\/h2>\n<p>Herzlich willkommen zu unserer neuen Beitragsreihe! In den kommenden Wochen m\u00f6chten wir euch ein wichtiges Element unserer Online-Pr\u00e4senz n\u00e4herbringen: das Zentralmen\u00fc. Vielleicht ist es euch bereits oben auf einigen unserer WordPress-Seiten aufgefallen \u2013 ein konsistenter Navigationsbereich, der euch \u00fcber verschiedene Projekte und Plattformen hinweg begleitet. Doch was genau steckt dahinter? Warum haben wir uns f\u00fcr diesen Ansatz entschieden, und wie funktioniert er technisch? All das und noch viel mehr werden wir in dieser 15-teiligen Serie beleuchten.<\/p>\n<p>In diesem ersten Beitrag legen wir den Grundstein. Wir m\u00f6chten euch das Konzept des Zentralmen\u00fcs vorstellen und erkl\u00e4ren, warum es f\u00fcr uns und hoffentlich auch f\u00fcr euch als Nutzer einen gro\u00dfen Mehrwert bietet. Die Grundidee ist einfach: Statt auf jeder unserer einzelnen Webseiten ein separates Hauptmen\u00fc zu pflegen, das nur auf die Inhalte dieser spezifischen Seite verweist, nutzen wir einen zentralen Navigationspunkt, der die wichtigsten Anlaufstellen unseres gesamten digitalen \u00d6kosystems miteinander verbindet.<\/p>\n<h3>Was ist das Zentralmen\u00fc optisch und technisch?<\/h3>\n<p>Optisch pr\u00e4sentiert sich das Zentralmen\u00fc meist als ein horizontaler Balken oder Bereich am oberen Rand unserer Webseiten. Darin findet ihr Links zu unseren Hauptprojekten, wichtigen Informationsseiten oder Kontaktm\u00f6glichkeiten. Technisch gesehen wird dieses Men\u00fc \u00fcber einen sogenannten &#8222;iframe&#8220; eingebunden. Das ist ein HTML-Element, das es erlaubt, eine komplette Webseite innerhalb einer anderen Webseite darzustellen. Konkret sieht der Code, der dieses Men\u00fc auf unseren Seiten einbettet, so aus:<\/p>\n<pre><code>&lt;!-- Zentralmen\u00fc Beginn --&gt;\n&lt;iframe src=\"https:\/\/studioenns.eu\/zentralmenue\/home.html\" width=\"100%\" height=\"215\" scrolling=\"yes\" frameborder=\"0\" name=\"Studio Enns Zentralmen\u00fc Seite\"&gt;&lt;\/iframe&gt;\n&lt;!-- Zentralmen\u00fc Ende --&gt;<\/code><\/pre>\n<p>Lasst uns diesen Code kurz aufschl\u00fcsseln:<\/p>\n<ul>\n<li><strong><code>&lt;iframe ...&gt;&lt;\/iframe&gt;<\/code><\/strong>: Dies ist das HTML-Tag, das den Inlineframe definiert.<\/li>\n<li><strong><code>src=\"https:\/\/studioenns.eu\/zentralmenue\/home.html\"<\/code><\/strong>: Das ist die wichtigste Angabe. Sie sagt dem Browser, welche Webseite *innerhalb* des Rahmens geladen werden soll. In unserem Fall ist das eine spezielle Seite (`home.html`), die ausschlie\u00dflich unser Zentralmen\u00fc enth\u00e4lt und auf unserem Server `studioenns.eu` liegt.<\/li>\n<li><strong><code>width=\"100%\"<\/code><\/strong>: Legt fest, dass der iframe die volle verf\u00fcgbare Breite des Elternelements einnehmen soll. Dadurch passt sich das Men\u00fc an verschiedene Bildschirmgr\u00f6\u00dfen an (zumindest in der Breite).<\/li>\n<li><strong><code>height=\"215\"<\/code><\/strong>: Definiert die feste H\u00f6he des iframes in Pixeln. Diese H\u00f6he ist so gew\u00e4hlt, dass das Men\u00fc vollst\u00e4ndig sichtbar ist.<\/li>\n<li><strong><code>scrolling=\"yes\"<\/code><\/strong>: Erlaubt das Anzeigen von Scrollbalken, falls der Inhalt des iframes doch einmal h\u00f6her sein sollte als die festgelegten 215 Pixel. Dies ist eine Art Sicherheitsnetz.<\/li>\n<li><strong><code>frameborder=\"0\"<\/code><\/strong>: Sorgt daf\u00fcr, dass um den iframe kein sichtbarer Rahmen (Rand) gezeichnet wird. Das Men\u00fc soll sich nahtlos in das Design unserer Seiten einf\u00fcgen.<\/li>\n<li><strong><code>name=\"Studio Enns Zentralmen\u00fc Seite\"<\/code><\/strong>: Gibt dem iframe einen Namen, der z.B. f\u00fcr interne Verlinkungen oder Skripting relevant sein k\u00f6nnte, aber prim\u00e4r der Identifikation dient.<\/li>\n<li><strong><code>&lt;!-- Zentralmen\u00fc Beginn --&gt;<\/code> und <code>&lt;!-- Zentralmen\u00fc Ende --&gt;<\/code><\/strong>: Das sind HTML-Kommentare. Sie sind f\u00fcr den Browser unsichtbar, helfen uns aber im Quellcode der Seite, den Anfang und das Ende des Zentralmen\u00fc-Codes schnell zu finden.<\/li>\n<\/ul>\n<h3>Warum ein Zentralmen\u00fc? Die Kernmotivation<\/h3>\n<p>Die Entscheidung f\u00fcr ein Zentralmen\u00fc basiert auf mehreren \u00dcberlegungen, die wir in sp\u00e4teren Beitr\u00e4gen noch detaillierter ausf\u00fchren werden. Hier sind die Hauptgr\u00fcnde im \u00dcberblick:<\/p>\n<ol>\n<li><strong>Konsistenz:<\/strong> Egal, welche unserer Seiten ihr besucht, ihr findet immer dieselbe \u00fcbergeordnete Navigation vor. Das schafft Wiedererkennungswert und erleichtert die Orientierung \u00fcber unser gesamtes Angebot hinweg.<\/li>\n<li><strong>Wartungsfreundlichkeit:<\/strong> Stellen wir uns vor, wir h\u00e4tten zehn verschiedene Webseiten. M\u00fcssten wir auf jeder Seite das Hauptmen\u00fc \u00e4ndern (z.B. weil ein neues Projekt hinzukommt oder ein Link sich \u00e4ndert), w\u00e4re das zehnfacher Aufwand. Mit dem Zentralmen\u00fc m\u00fcssen wir nur eine einzige Datei (`home.html` auf `studioenns.eu`) aktualisieren, und die \u00c4nderung erscheint automatisch auf allen Seiten, die das Men\u00fc einbinden. Das spart enorm Zeit und reduziert Fehlerquellen.<\/li>\n<li><strong>Vernetzung:<\/strong> Das Zentralmen\u00fc dient als Br\u00fccke zwischen unseren verschiedenen Online-Pr\u00e4senzen. Es macht es f\u00fcr euch einfacher, von einem Projekt zum n\u00e4chsten zu springen oder zentrale Informationen schnell zu finden, ohne erst umst\u00e4ndlich suchen zu m\u00fcssen.<\/li>\n<li><strong>Fokus:<\/strong> Indem wir die \u00fcbergeordnete Navigation zentralisieren, kann sich das individuelle Men\u00fc jeder einzelnen WordPress-Seite st\u00e4rker auf die spezifischen Inhalte und Unterseiten dieser Pr\u00e4senz konzentrieren. Das f\u00fchrt zu einer klareren Strukturierung auf jeder Einzelseite.<\/li>\n<\/ol>\n<h3>Was erwartet euch in dieser Serie?<\/h3>\n<p>In den n\u00e4chsten 14 Beitr\u00e4gen werden wir tief in die Welt des Zentralmen\u00fcs eintauchen. Wir werden uns die technischen Aspekte von iframes genauer ansehen, die Vor- und Nachteile dieser Methode diskutieren, auf Design- und Usability-Fragen eingehen, Performance- und Sicherheitsaspekte beleuchten und euch zeigen, wie wir das Men\u00fc in unsere WordPress-Strukturen integriert haben. Wir werden auch dar\u00fcber sprechen, welche Alternativen es g\u00e4be und warum wir uns letztendlich f\u00fcr diesen Weg entschieden haben. Nat\u00fcrlich werfen wir auch einen Blick auf den konkreten Inhalt des Men\u00fcs \u2013 welche Links findet ihr dort und warum?<\/p>\n<p>Wir hoffen, diese Serie gibt euch einen umfassenden Einblick in ein kleines, aber wichtiges Puzzleteil unserer digitalen Infrastruktur. Es zeigt exemplarisch, wie wir versuchen, Technologie sinnvoll einzusetzen, um sowohl unsere internen Abl\u00e4ufe zu optimieren als auch euch, unseren Besuchern, ein besseres Nutzererlebnis zu bieten.<\/p>\n<p>Bleibt gespannt auf den n\u00e4chsten Beitrag, in dem wir uns genauer mit der Funktionsweise von iframes besch\u00e4ftigen werden!<\/p>\n<hr>\n<p>#Zentralmen\u00fc,,,, #Navigation,,,, #WordPress,,,, #Webdesign,,,, #Benutzerfreundlichkeit,,,, #Website,,,, #Einf\u00fchrung,,,, #StudioEnns,,,, #iframe,,,, #Webentwicklung,,,, #Konsistenz,,,, #Wartungsfreundlichkeit,,,, #Vernetzung<\/p>\n<\/article>\n<\/div>","protected":false},"excerpt":{"rendered":"<div class=\"mh-excerpt\"><p><!-- RS_MODULE_CODE_2.5.0-C --><\/p>\n<div id=\"readspeaker_button34353\" class=\"rs_skip rsbtn rs_preserve\"><a class=\"rsbtn_play\" title=\"Um den Text anzuh&ouml;ren, verwenden Sie bitte ReadSpeaker\" accesskey=\"L\" href=\"https:\/\/app-eu.readspeaker.com\/cgi-bin\/rsent?customerid=13430&amp;lang=de_de&amp;readclass=post-34353&amp;url=https%3A%2F%2Fwww.studioenns.eu%2Fwordpress%2Fvon2016bisjetzt%2Fwp-json%2Fwp%2Fv2%2Fposts%2F34353\"><span class=\"rsbtn_left rsimg rspart\"><span class=\"rsbtn_text\"><span>Vorlesen<\/span><\/span><\/span><span class=\"rsbtn_right rsimg rsplay rspart\"><\/span><\/a><\/div>\n<div id=\"rspeak_read_34353\">**Beitrag 1 von 15: Das Zentralmen\u00fc \u2013 Eine Einf\u00fchrung in unsere vernetzte Navigation** &#8222;`html Beitrag 1: Das Zentralmen\u00fc \u2013 Eine Einf\u00fchrung in unsere vernetzte Navigation Herzlich willkommen zu unserer neuen Beitragsreihe! In den kommenden Wochen <a class=\"mh-excerpt-more\" href=\"https:\/\/www.studioenns.eu\/wordpress\/von2016bisjetzt\/beitrag-1-von-15-das-zentralmenue-eine-einfuehrung-in-unsere-vernetzte-navigation\/studioenns\/onair\" title=\"Beitrag 1 von 15: Das Zentralmen\u00fc \u2013 Eine Einf\u00fchrung in unsere vernetzte Navigation\">[&#8230;]<\/a><\/div>\n<\/div>","protected":false},"author":1,"featured_media":32502,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"iawp_total_views":2,"footnotes":""},"categories":[28],"tags":[366,7698,3001,4922,176,53,7699,7700,719,256,794,257,7697],"class_list":["post-34353","post","type-post","status-publish","format-standard","has-post-thumbnail","category-noch-nicht-im-archiv","tag-benutzerfreundlichkeit","tag-einfuehrung","tag-iframe","tag-konsistenz","tag-navigation","tag-studioenns","tag-vernetzung","tag-wartungsfreundlichkeit","tag-webdesign","tag-webentwicklung","tag-website","tag-wordpress","tag-zentralmenue"],"_links":{"self":[{"href":"https:\/\/www.studioenns.eu\/wordpress\/von2016bisjetzt\/wp-json\/wp\/v2\/posts\/34353","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.studioenns.eu\/wordpress\/von2016bisjetzt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.studioenns.eu\/wordpress\/von2016bisjetzt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.studioenns.eu\/wordpress\/von2016bisjetzt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.studioenns.eu\/wordpress\/von2016bisjetzt\/wp-json\/wp\/v2\/comments?post=34353"}],"version-history":[{"count":0,"href":"https:\/\/www.studioenns.eu\/wordpress\/von2016bisjetzt\/wp-json\/wp\/v2\/posts\/34353\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.studioenns.eu\/wordpress\/von2016bisjetzt\/wp-json\/wp\/v2\/media\/32502"}],"wp:attachment":[{"href":"https:\/\/www.studioenns.eu\/wordpress\/von2016bisjetzt\/wp-json\/wp\/v2\/media?parent=34353"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.studioenns.eu\/wordpress\/von2016bisjetzt\/wp-json\/wp\/v2\/categories?post=34353"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.studioenns.eu\/wordpress\/von2016bisjetzt\/wp-json\/wp\/v2\/tags?post=34353"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}