{"id":544,"date":"2021-12-10T18:58:04","date_gmt":"2021-12-10T17:58:04","guid":{"rendered":"http:\/\/www.cms-wordpress.de\/?p=544"},"modified":"2023-02-08T05:41:33","modified_gmt":"2023-02-08T04:41:33","slug":"wordpress-menue-erstellen","status":"publish","type":"post","link":"https:\/\/wp-news.de\/wordpress-anleitung\/wordpress-menue-erstellen\/","title":{"rendered":"WordPress-Men\u00fc erstellen"},"content":{"rendered":"<section class=\"wpb-content-wrapper\"><p>[vc_row][vc_column width=&#8220;1\/1&#8243;][vc_custom_heading uncode_shortcode_id=&#8220;136842&#8243;]WordPress-Men\u00fc erstellten und einbinden[\/vc_custom_heading][vc_column_text uncode_shortcode_id=&#8220;151088&#8243;]Ein <strong>WordPress-Men\u00fc erstellten<\/strong> geht recht einfach. Glaubst du mir nicht?<br \/>\nLogge dich im WordPress-Backend ein. Suche Links im Men\u00fc &#8222;Design&#8220; und dr\u00fccke auf &#8222;Men\u00fcs&#8220;. Solange kein Men\u00fc angelegt ist, kannst du auch keine Seiten hinzuf\u00fcgen. Vergib nun im Feld &#8222;Name des Men\u00fcs&#8220; einen Namen. \u00dcblich ist f\u00fcr das Hauptmen\u00fc &#8222;Main-Menu&#8220;. Anschlie\u00dfend ist unten rechts der Button &#8222;Men\u00fc hinzuf\u00fcgen&#8220;.<br \/>\nSiehst du, ein Men\u00fc in WordPress anlegen war doch leicht, aber jetzt gibt es noch <a href=\"https:\/\/wp-news.de\/wordpress-anleitung\/\">n\u00fctzliche Tipps<\/a>.<\/p>\n<p><strong>Das solltest du noch wissen<\/strong><\/p>\n<ul>\n<li><a href=\"#menue-info\">Was ist ein Men\u00fc in WordPress?<\/a><\/li>\n<li><a href=\"#menu-widget\">Was ist ein Men\u00fc Widget?<\/a><\/li>\n<li><a href=\"#individueller-link\">Was ist ein individueller Link?<\/a><\/li>\n<li><a href=\"#dropdown\">WordPress Dropdown-Men\u00fc<\/a><\/li>\n<\/ul>\n<p>[\/vc_column_text][vc_single_image media=&#8220;552&#8243; caption=&#8220;yes&#8220; media_width_percent=&#8220;100&#8243; shadow=&#8220;yes&#8220; shadow_weight=&#8220;std&#8220; uncode_shortcode_id=&#8220;152080&#8243;][\/vc_column][\/vc_row][vc_row row_height_percent=&#8220;0&#8243; overlay_alpha=&#8220;50&#8243; gutter_size=&#8220;3&#8243; column_width_percent=&#8220;100&#8243; shift_y=&#8220;0&#8243; z_index=&#8220;0&#8243; uncode_shortcode_id=&#8220;126669&#8243; row_name=&#8220;men\u00fc info&#8220;][vc_column width=&#8220;1\/1&#8243;][vc_custom_heading uncode_shortcode_id=&#8220;210786&#8243;]Was ist ein Men\u00fc in WordPress?[\/vc_custom_heading][vc_column_text uncode_shortcode_id=&#8220;187386&#8243; text_color_type=&#8220;uncode-palette&#8220; text_color_solid=&#8220;#ff0000&#8243; border_color_type=&#8220;uncode-palette&#8220; border_color_solid=&#8220;#ff0000&#8243;]Das Men\u00fc in WordPress enth\u00e4lt die wichtigsten Seiten von der Website. Der Besucher soll schnell relevante Inhalte finden k\u00f6nnen, daher wird das Men\u00fc auch Navigationsmen\u00fc genannt. Die bekannteste Stelle ist wohl ganz oben auf deiner Website zu finden und nennt sich Hauptmen\u00fc. Es gibt unterschiedliche Arten von Men\u00fcs. Je nach Template hast du eine Auswahl an folgenden Men\u00fcs:<\/p>\n<ul>\n<li>Ein vertikales Men\u00fc verl\u00e4uft am Rand<\/li>\n<li>Ein horizontales Men\u00fc verl\u00e4uft im oberen<\/li>\n<li>Mega Men\u00fc bietet viel Raum f\u00fcr Kreativit\u00e4t, sollte aber nicht verwirren<\/li>\n<li>Das Hamburgermen\u00fc findest du auf den meisten Seiten wieder. Erkennen tust du es an den drei \u00fcbereinandergestapelten Balken<\/li>\n<\/ul>\n<p>Das WordPress-Men\u00fc befindet sich nicht nur oben auf der Website. Ein weiterer beliebter Platz ist der <a href=\"https:\/\/wp-news.de\/glossar\/footer\/\">Footer<\/a>. Also ganz unten auf der Seite. Hier sollten wenig relevante Inhalte wie Datenschutzerkl\u00e4rung und Impressum verlinkt werden. Die meisten User scrollen nicht so weit nach unten und da Datenschutzerkl\u00e4rung und Impressum Pflicht sind, ist der Footer doch ein super Ort. In Blogs befindet sich oft eine Sidebar in den Beitr\u00e4gen. An der Seite ist auch ein guter Ort, um relevante Inhalte zu verlinken.[\/vc_column_text][vc_single_image media=&#8220;559&#8243; caption=&#8220;yes&#8220; media_width_percent=&#8220;100&#8243; shadow=&#8220;yes&#8220; shadow_weight=&#8220;std&#8220; uncode_shortcode_id=&#8220;779047&#8243;][\/vc_column][\/vc_row][vc_row row_height_percent=&#8220;0&#8243; overlay_alpha=&#8220;50&#8243; gutter_size=&#8220;3&#8243; column_width_percent=&#8220;100&#8243; shift_y=&#8220;0&#8243; z_index=&#8220;0&#8243; uncode_shortcode_id=&#8220;936375&#8243; row_name=&#8220;menu widget&#8220;][vc_column width=&#8220;1\/1&#8243;][vc_custom_heading uncode_shortcode_id=&#8220;134142&#8243;]Was ist ein Men\u00fc Widget?[\/vc_custom_heading][vc_column_text uncode_shortcode_id=&#8220;693288&#8243;]M\u00f6chtest du in deinem Blog an der Seite ein Men\u00fc hinzuf\u00fcgen oder eventuell im Footer ganz unten auf deiner Website. Werfe einen Blick in die Widgets. Es kommt auf das Template an, wie viele Stellen dir angeboten werden. \u00dcbliche Stellen sind ganz unten und an der Seite.<\/p>\n<p>Lege ein neues Men\u00fc ein. Nenne es zum Beispiel &#8222;Footermenu&#8220;. <a href=\"https:\/\/wp-news.de\/wordpress-anleitung\/wordpress-seite-hinzufuegen\/\">Erstelle zuvor die Seiten<\/a> Datenschutz und Impressum. Ist das erledigt, f\u00fcge dem Men\u00fc &#8220; Footermenu&#8220; die Seiten hinzu. Wechsel nun im WordPress-Dashboard auf &#8222;Design -&gt; Widgets&#8220;. Suche das Feld Footer und f\u00fcge ein &#8222;Navigationsmen\u00fc&#8220; hinzu. Jetzt w\u00e4hle dein &#8222;Footermenu&#8220; aus und speichere die Seite. Schau dir deine Website an, es sollte sich ein Men\u00fc ganz unten auf der Seite erscheinen.[\/vc_column_text][vc_single_image media=&#8220;568&#8243; caption=&#8220;yes&#8220; media_width_percent=&#8220;100&#8243; shadow=&#8220;yes&#8220; shadow_weight=&#8220;std&#8220; uncode_shortcode_id=&#8220;562175&#8243;][\/vc_column][\/vc_row][vc_row row_height_percent=&#8220;0&#8243; overlay_alpha=&#8220;50&#8243; gutter_size=&#8220;3&#8243; column_width_percent=&#8220;100&#8243; shift_y=&#8220;0&#8243; z_index=&#8220;0&#8243; uncode_shortcode_id=&#8220;185462&#8243; row_name=&#8220;individueller link&#8220;][vc_column width=&#8220;1\/1&#8243;][vc_custom_heading uncode_shortcode_id=&#8220;214691&#8243;]Was ist ein individueller Link?[\/vc_custom_heading][vc_column_text uncode_shortcode_id=&#8220;214095&#8243;]Den individuellen Link in WordPress brauchst du f\u00fcr 2 Situationen.<\/p>\n<ol>\n<li>Eine andere Website verlinken.<\/li>\n<li>Eine Sprungmarke einf\u00fcgen<\/li>\n<\/ol>\n<p>Es kommt vor, wo es Sinn ergibt, eine <a href=\"https:\/\/wp-news.de\/news\/link-einfuegen\/\">externe Website zu verlinken<\/a>. Ein Beispiel w\u00e4re ein Shop auf einer Subdomain &#8222;shop.domain.de&#8220;. Diesen Link w\u00fcrdest du nicht in den Seiten oder Beitr\u00e4gen finden.<\/p>\n<p>Das war Situation 1. Kommen wir nun zu Situation 2. Die Sprungmarken, aber was sind Sprungmarken? Du kennst sicherlich den Moment, wo du auf einen Link dr\u00fcckst und die neue Seite \u00f6ffnet, aber nicht oben stehen bliebt, sondern ganz fancy nach unten f\u00e4hrt. Genau das kannst du mit Sprungmarken machen. Den User direkt auf einen Abschnitt von der Website f\u00fchren. Wie du das machst? Ganz leicht:<br \/>\nIm individuellen Link f\u00fcgst du den Link der Seite ein, wo &#8222;springen&#8220; soll.<br \/>\nwww.ich-springe.de\/genau-hier<\/p>\n<p>\u00d6ffne nun deine Seite &#8222;genau-hier&#8220;. Gehe an die Stelle und sehe nach, ob du irgendwo eine ID eingeben kannst. Wenn du f\u00fcndig geworden bist, gib deine ID ein. Ich nenne es &#8222;jump&#8220;.<br \/>\nWichtig: Sonderzeichen oder Umlaute sind verboten. Und nein auch keine Leerzeichen!<br \/>\nBist du mit der Suche nach einer ID nicht erfolgreich, kopiere das:<\/p>\n<p>&lt;div id=&#8220;jump&#8220;&gt;&lt;\/div&gt;<\/p>\n<p>Und f\u00fcge es in deinem Texteditor ein. Achte darauf, dass der Tab &#8222;Text&#8220; aktiv ist.[\/vc_column_text][vc_row_inner limit_content=&#8220;&#8220;][vc_column_inner width=&#8220;1\/2&#8243;][vc_single_image media=&#8220;566&#8243; caption=&#8220;yes&#8220; media_width_percent=&#8220;100&#8243; shadow=&#8220;yes&#8220; shadow_weight=&#8220;std&#8220; uncode_shortcode_id=&#8220;195553&#8243;][\/vc_column_inner][vc_column_inner width=&#8220;1\/2&#8243;][\/vc_column_inner][\/vc_row_inner][vc_column_text uncode_shortcode_id=&#8220;101973&#8243;]Nun gehe zur\u00fcck zum individuellen Link. Du hast den Link www.ich-springe.de\/genau-hier bereits eingetragen.<\/p>\n<p>Jetzt lassen wir die Seite springen. F\u00fcge nun am Ende des Links eine Raute ein und schreibe deine ID rein &#8222;#jump&#8220;<\/p>\n<p>www.ich-springe.de\/genau-hier\/#jump<\/p>\n<p>Und schon f\u00e4hrt die Seite an das gew\u00fcnschte Ziel.[\/vc_column_text][vc_row_inner limit_content=&#8220;&#8220;][vc_column_inner width=&#8220;1\/2&#8243;][vc_single_image media=&#8220;562&#8243; caption=&#8220;yes&#8220; media_width_percent=&#8220;100&#8243; shadow=&#8220;yes&#8220; shadow_weight=&#8220;std&#8220; uncode_shortcode_id=&#8220;685736&#8243;][\/vc_column_inner][vc_column_inner width=&#8220;1\/2&#8243;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row row_height_percent=&#8220;0&#8243; overlay_alpha=&#8220;50&#8243; gutter_size=&#8220;3&#8243; column_width_percent=&#8220;100&#8243; shift_y=&#8220;0&#8243; z_index=&#8220;0&#8243; uncode_shortcode_id=&#8220;829033&#8243; row_name=&#8220;dropdown&#8220;][vc_column width=&#8220;1\/1&#8243;][vc_custom_heading uncode_shortcode_id=&#8220;987635&#8243;]WordPress Dropdown-Men\u00fc[\/vc_custom_heading][vc_column_text uncode_shortcode_id=&#8220;151734&#8243;]Wenn du Platzprobleme im Men\u00fc bekommst, gibt es noch die M\u00f6glichkeit, ein Dropdown-Men\u00fc zu erstellen. Das geht wie immer sehr leicht, wie fast alles in WordPress. Alle Seiten, die in das Dropdown Feld eingef\u00fcgt werden sollen, klickst du mit der linken Maustaste an und h\u00e4ltst die Taste gedr\u00fcckt. Nun ziehst du den Cursor ein St\u00fcck nach rechts, bis die Seite sich einr\u00fcckt. Das kannst du mit beliebig vielen Seiten machen. Achte aber darauf, dass die Struktur logisch bleibt.[\/vc_column_text][vc_single_image media=&#8220;571&#8243; caption=&#8220;yes&#8220; media_width_percent=&#8220;100&#8243; shadow=&#8220;yes&#8220; shadow_weight=&#8220;std&#8220; uncode_shortcode_id=&#8220;100199&#8243;][\/vc_column][\/vc_row]<\/p>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column width=&#8220;1\/1&#8243;][vc_custom_heading uncode_shortcode_id=&#8220;136842&#8243;]WordPress-Men\u00fc erstellten und einbinden[\/vc_custom_heading][vc_column_text uncode_shortcode_id=&#8220;151088&#8243;]Ein WordPress-Men\u00fc erstellten geht recht einfach. Glaubst du mir nicht? Logge dich im WordPress-Backend [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":551,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_lock_modified_date":false,"footnotes":""},"categories":[16],"tags":[],"class_list":["post-544","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-anleitung"],"_links":{"self":[{"href":"https:\/\/wp-news.de\/wp-json\/wp\/v2\/posts\/544"}],"collection":[{"href":"https:\/\/wp-news.de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wp-news.de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wp-news.de\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/wp-news.de\/wp-json\/wp\/v2\/comments?post=544"}],"version-history":[{"count":0,"href":"https:\/\/wp-news.de\/wp-json\/wp\/v2\/posts\/544\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wp-news.de\/wp-json\/wp\/v2\/media\/551"}],"wp:attachment":[{"href":"https:\/\/wp-news.de\/wp-json\/wp\/v2\/media?parent=544"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp-news.de\/wp-json\/wp\/v2\/categories?post=544"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp-news.de\/wp-json\/wp\/v2\/tags?post=544"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}