How to use a custom menu in your Wordpress website • Cryout Creations

How to use a custom menu in your WordPress website

Custom menus are advanced functionality for controlling the content of the menus built into Wordpress since version 3.0.

They are meant to be used when the auto-generated menus no longer suit the desired content/functionality of the site or when custom links / custom structures are needed.

Cryout Creations

20 Comments

Copy and paste this URL into your WordPress site to embed

<blockquote class="wp-embedded-content" data-secret="pCtNjOI39w"><a href="https://www.cryoutcreations.eu/wordpress-tutorials/how-to-use-a-custom-menu-in-your-wordpress-website">How to use a custom menu in your WordPress website</a></blockquote><iframe sandbox="allow-scripts" security="restricted" src="https://www.cryoutcreations.eu/wordpress-tutorials/how-to-use-a-custom-menu-in-your-wordpress-website/embed#?secret=pCtNjOI39w" width="600" height="400" title="&#8220;How to use a custom menu in your WordPress website&#8221; &#8212; Cryout Creations" data-secret="pCtNjOI39w" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" class="wp-embedded-content"></iframe><script type="text/javascript">
/* <![CDATA[ */
/*! This file is auto-generated */
!function(d,l){"use strict";l.querySelector&&d.addEventListener&&"undefined"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!/[^a-zA-Z0-9]/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret="'+t.secret+'"]'),o=l.querySelectorAll('blockquote[data-secret="'+t.secret+'"]'),c=new RegExp("^https?:$","i"),i=0;i<o.length;i++)o[i].style.display="none";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute("style"),"height"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):"link"===t.message&&(r=new URL(s.getAttribute("src")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener("message",d.wp.receiveEmbedMessage,!1),l.addEventListener("DOMContentLoaded",function(){for(var e,t,s=l.querySelectorAll("iframe.wp-embedded-content"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute("data-secret"))||(t=Math.random().toString(36).substring(2,12),e.src+="#?secret="+t,e.setAttribute("data-secret",t)),e.contentWindow.postMessage({message:"ready",secret:t},"*")},!1)))}(window,document);
/* ]]> */
</script>

Copy and paste this code into your site to embed