{"id":254386,"date":"2022-04-06T11:59:00","date_gmt":"2022-04-06T08:59:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=254386"},"modified":"2022-05-16T14:53:20","modified_gmt":"2022-05-16T11:53:20","slug":"como-hacer-que-un-elemento-del-menu-no-se-pueda-hacer-clic-en-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/es\/como-hacer-que-un-elemento-del-menu-no-se-pueda-hacer-clic-en-wordpress\/","title":{"rendered":"C\u00f3mo hacer que un elemento del men\u00fa no se pueda hacer clic en WordPress"},"content":{"rendered":"<p>\u00bfQuiere agregar un elemento de men\u00fa en el que no se puede hacer clic a su men\u00fa?<\/p>\n<p>En esta publicaci\u00f3n, aprender\u00e1 los dos pasos r\u00e1pidos necesarios para hacer que un elemento del men\u00fa no est\u00e9 vinculado y un consejo adicional para mejorar la experiencia del usuario.<\/p>\n<p>Primero, inicie sesi\u00f3n en su sitio y navegue hasta la p\u00e1gina de men\u00fas.<\/p>\n<p>En la p\u00e1gina de Men\u00fas, haga clic en la secci\u00f3n Enlaces personalizados a la izquierda.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178725-616f45e237f4b.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178725-616f45e237f4b.png\" alt=\"C\u00f3mo hacer que un elemento del men\u00fa no se pueda hacer clic en WordPress\"><\/a><\/p>\n<p>La opci\u00f3n V\u00ednculos personalizados le permite vincular a cualquier URL que desee, pero tenemos un truco especial en su lugar.<\/p>\n<p>En la entrada de la URL, reemplace &quot;http: \/\/&quot; con un signo de almohadilla &quot;#&quot; e ingrese el texto que desee para el texto del enlace.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178725-616f45e4219fa.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178725-616f45e4219fa.png\" alt=\"C\u00f3mo hacer que un elemento del men\u00fa no se pueda hacer clic en WordPress\"><\/a><\/p>\n<p>Haga clic en el bot\u00f3n Agregar al men\u00fa y luego podr\u00e1 organizar el nuevo elemento en su men\u00fa. Dado que el elemento del men\u00fa no est\u00e1 vinculado en ninguna parte, los visitantes no ser\u00e1n llevados a una nueva p\u00e1gina si hacen clic en ella.<\/p>\n<p>El campo URL no puede estar vac\u00edo y usar un signo de almohadilla de esta manera es una convenci\u00f3n est\u00e1ndar.<\/p>\n<h2>Quitar el puntero al pasar el mouse<\/h2>\n<p>El elemento del men\u00fa no se vincula a ninguna parte, pero a\u00fan muestra el cursor &quot;puntero&quot; cuando se desplaza sobre \u00e9l. Hay un paso m\u00e1s que puede tomar para que sea obvio que no se puede hacer clic en este elemento del men\u00fa.<\/p>\n<p>En la p\u00e1gina Men\u00fas, haga clic en la pesta\u00f1a Opciones de pantalla en la parte superior derecha.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178725-616f45e5c3340.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178725-616f45e5c3340.png\" alt=\"C\u00f3mo hacer que un elemento del men\u00fa no se pueda hacer clic en WordPress\"><\/a><\/p>\n<p>Aseg\u00farese de que la casilla Clases CSS est\u00e9 marcada y luego cierre la secci\u00f3n Opciones de pantalla.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178725-616f45e757522.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178725-616f45e757522.png\" alt=\"C\u00f3mo hacer que un elemento del men\u00fa no se pueda hacer clic en WordPress\"><\/a><\/p>\n<p>A continuaci\u00f3n, haga clic en el elemento del men\u00fa desvinculado y agregue una clase llamada &quot;no se puede hacer clic&quot;.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178725-616f45e901a2f.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178725-616f45e901a2f.png\" alt=\"C\u00f3mo hacer que un elemento del men\u00fa no se pueda hacer clic en WordPress\"><\/a><\/p>\n<p>Con la clase CSS agregada, ahora podemos apuntar a ese elemento de men\u00fa espec\u00edfico con CSS.<\/p>\n<p>El siguiente CSS har\u00e1 que el cursor permanezca como el icono predeterminado al pasar el cursor sobre el elemento de men\u00fa desvinculado.<\/p>\n<pre><code>.unclickable &gt; a:hover {\n  cursor: default;\n}<\/code><\/pre>\n<p>Si nunca antes ha agregado CSS a su sitio, <a href=\"https:\/\/themewp.inform.click\/es\/como-agregar-css-personalizado-a-su-tema-de-wordpress-sin-complementos\/\" title=\"siga esta gu\u00eda sobre c\u00f3mo agregar CSS\">siga esta gu\u00eda sobre c\u00f3mo agregar CSS<\/a>. Solo tomar\u00e1 uno o dos minutos.<\/p>\n<p>La mayor\u00eda de los webmasters de WordPress usar\u00e1n esto para hacer que no se pueda hacer clic en el elemento del men\u00fa principal en un men\u00fa desplegable. Si bien es una gran t\u00e9cnica para eso, puede hacer que no se pueda hacer clic en cualquier n\u00famero de elementos del men\u00fa, y tampoco tienen que ser enlaces de men\u00fa de nivel superior.<\/p>\n<p>\u00bfTiene alguna pregunta sobre este tutorial o un consejo para otros lectores? Deja un comentario a continuaci\u00f3n.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fuente de grabaci\u00f3n:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.competethemes.com\" class=\"external external_icon\">www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Aprenda un m\u00e9todo r\u00e1pido para hacer que no se pueda hacer clic en ning\u00fan elemento del men\u00fa. Esta t\u00e9cnica funciona para todos los sitios de WordPress y no requiere agregar nuevos complementos.<\/p>\n","protected":false},"author":1,"featured_media":21610,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[566],"tags":[849],"class_list":["post-254386","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-conceptos-basicos-de-wordpress","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/254386","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/comments?post=254386"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/254386\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media\/21610"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media?parent=254386"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/categories?post=254386"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/tags?post=254386"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}