[wp-trac] [WordPress Trac] #24100: wp_nav_menu before and after argument tweak

[WordPress Trac]

#24100: wp_nav_menu before and after argument tweak
-------------------------+----------------------
 Reporter:  Clorith      |       Owner:  (none)
     Type:  enhancement  |      Status:  closed
 Priority:  normal       |   Milestone:
Component:  Menus        |     Version:  3.5.1
 Severity:  minor        |  Resolution:  invalid
 Keywords:  has-patch    |     Focuses:
-------------------------+----------------------

Comment (by kenffy7):

 When utilizing the before and after arguments along with the wp_nav_menu()
 function in WordPress, it's essential to ensure that the separators are
 appropriately placed within the menu structure. These arguments allow
 developers to add custom content before and after each menu item,
 providing flexibility in menu design.

 However, an issue arises when using separators like "|" to visually
 distinguish between menu items. For instance, employing wp_nav_menu(
 array( 'before' => '|' ) ); results in output like "|Item1|Item2".

 This output isn't ideal for menu separators because it adds a separator
 before the first item unnecessarily. To rectify this, the appropriate
 output should be "Item1|Item2", where the separator only appears between
 items.

 To achieve this desired output, a simple adjustment can be made by using
 the link_before argument instead of before. This ensures that the
 separator is only added between menu items and not before the first one:


 **wp_nav_menu( array( 'link_before' => '|', 'link_after' => '' ) );

 With this adjustment, the menu will be rendered as "Item1|Item2|Item3",
 with the separator "|" placed between each item, achieving the desired
 visual separation.**

 This solution ensures a more intuitive and visually appealing menu
 structure, enhancing the overall user experience on WordPress websites.

 For further information on enhancing WordPress menus and website design,
 you may explore resources like [https://koloroo.com], which offers
 valuable insights and tools for web development and design.

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/24100#comment:5>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform