Cómo insertar elementos personalizados en los menús de WordPress
¿Está buscando una manera de insertar elementos personalizados en los menús de WordPress? Los menús de navegación ayudan a sus visitantes a navegar por su sitio web para encontrar el contenido que buscan. A veces, para ayudar más a sus visitantes o hacer que su menú sea más interesante, es posible que deba agregarle algunos elementos personalizados.
Desafortunadamente, WordPress no hace que esto sea fácil para los principiantes. Deberá agregar los elementos personalizados que desee mediante el código en su archivo functions.php. No es demasiado difícil de hacer, pero si quiere ser creativo con sus menús, necesitará algunos conocimientos de codificación. Hoy demostraré cómo insertar elementos personalizados en los menús de WordPress usando algún código.
Por qué agregar elementos personalizados a sus menús
Seamos realistas, uno de los mayores obstáculos que enfrentan los sitios web nuevos es tratar de sobresalir en un entorno abarrotado. No existe un método seguro para ser original, pero agregar características y elementos personalizados que se adapten a su sitio web es el mejor enfoque a seguir. Solo usted sabe qué tipo de experiencia desea que su sitio web brinde a sus visitantes.
Agregar elementos personalizados a sus menús puede ayudarlo a lograr precisamente eso. Los elementos de menú predeterminados son excelentes para lo que hacen, pero poder agregarles elementos adicionales como barras de búsqueda , enlaces de inicio/cierre de sesión y más realmente puede marcar la diferencia. El único factor limitante para agregar elementos personalizados es su experiencia de codificación.
Tenga en cuenta que puede encontrar muchas muestras de diferentes artículos que puede agregar. Puede utilizar estos ejemplos para crear su propio código.
Cómo insertar elementos personalizados en los menús de WordPress
Hoy demostraré cómo insertar elementos personalizados en los menús de WordPress usando algún código. Le mostraré cómo ubicar su archivo functions.php y algunos ejemplos de lo que puede agregar. Cualquier experiencia con los lenguajes de codificación PHP/HTML/CSS ciertamente lo ayudará a crear exactamente lo que desea.
Tenga en cuenta que antes de comenzar debe tener habilitados los menús personalizados. Si no lo haces, entonces no pasará nada.
Encontrar el archivo Functions.php
Comencemos iniciando sesión en cPanel y haciendo clic en la opción Administrador de archivos. El Administrador de archivos le permitirá acceder a todos los archivos relacionados con su sitio web.
Necesita ubicar el archivo functions.php de su tema. Haga clic en el directorio public_html, luego haga clic en la carpeta wp-content. Dentro de esta carpeta, encontrará todo el contenido relacionado con su sitio web. Haga clic en la carpeta de temas e ingrese a la carpeta del tema que está utilizando actualmente. Finalmente, haz clic derecho en el archivo functions.php y selecciona la opción Editar.
Aparecerá una ventana emergente. Este cuadro le advertirá que cree una copia de seguridad de sus archivos antes de editar cualquier cosa. Esto asegurará que pueda revertir su sitio web a cuando estaba funcionando si algo sale mal. Haga clic en el botón "Editar". Se abrirá una nueva pestaña que contiene todo el código del archivo.
Agregar elementos personalizados a los menús de WordPress
Ahora que está en el archivo functions.php, todo lo que queda por hacer es agregar el código. El código que agregue depende completamente de lo que quiera hacer. Lo primero que necesitarás es la estructura básica del código, que es la siguiente:[ht_message mstyle=”info” title=”” show_icon=”” id=”” class=”” style=”” ]add_filter( ' wp_nav_menu_items', 'elemento_personalizado', 10, 2);
function custom_item ($items, $args) {
if (is_single() && $args->theme_location == 'primary') {
$items .= '<li>Mostrar lo que sea</li>';
}
devuelve $elementos;
}[/ht_mensaje]
Esta es una muestra de la estructura de código básica que utilizará. Deberá cambiar el "elemento_personalizado" al elemento real que está agregando. Hay una declaración condicional If dentro de la función, pero si no desea usar una, simplemente elimínela y reemplácela con lo que necesita.
Entonces, por ejemplo, un buen elemento para agregar es una barra de búsqueda en los menús de WordPress. El código para esto sería el siguiente:[ht_message mstyle=”info” title=”” show_icon=”” id=”” class=”” style=”” ]add_filter('wp_nav_menu_items','search_box', 10, 2 );
function search_box ($items, $args) {
if ($args->theme_location == 'primary' )
return $items.”<li class='menu-header-search'><form action='https://myexamplewebsite .com/' id='searchform' method='get'><input type='text' name='s' id='s' placeholder='Search'></formulario></li>”;
devolver $ artículos;
}[/ht_mensaje]
Como puede ver, el "elemento_personalizado" se reemplaza con "cuadro_de_búsqueda" y el código necesario para crear y agregar una barra de búsqueda se incluye en la instrucción If.
Una vez que haya insertado el código en el archivo functions.php, haga clic en el botón "Guardar cambios" para finalizar.
Felicitaciones, ha agregado con éxito un elemento personalizado a su menú de WordPress. Siguiendo la misma técnica, puede agregar cualquier tipo de elemento personalizado a su menú. El único factor limitante es su experiencia de codificación.
Haz que tus menús sean emocionantes
Los menús son una de las primeras cosas que un nuevo visitante buscará. Necesitan encontrar lo que ofrece su sitio web y los menús los llevarán allí. Hacerlos lo más atractivos posible a la vista y al mismo tiempo incluir las características que necesitan es esencial, pero no es fácil. Asegúrese de que sus menús se destaquen a los visitantes, pero lo más importante, asegúrese de que funcionen correctamente. Agregue elementos personalizados a sus menús para ayudarlos a lograr aquello para lo que fueron diseñados.
¿Qué elementos personalizados está agregando a sus menús de WordPress? ¿Qué tan fácil te resulta agregar elementos personalizados a WordPress?