How to add current, parent, and ancestor menu item IDs to body_class()?

From my comment earlier: Use the body_class() function in your header.php file or wherever your body tag is, e.g. <body <?php body_class(); ?>>. This will give you an output with a bunch of classes on the body that you can then use in your CSS. For example, <body class="page page-id-114 page-parent page-template-default logged-in admin-bar">. You can also use the body_class filter to add more classes. If you want to add the slug, for instance, you would global $post and then use $post->post_name.

Related Posts:

  1. Dynamically exclude menu items from wp_nav_menu
  2. Does Extending Multiple Nav_Menu_Walkers Allow Nested Menus?
  3. adding some custom html code to the wp_nav_menu function
  4. Renaming a WordPress Admin Menu
  5. How to Move the Author Metabox into the “Publish” metabox?
  6. How do you get the current-menu-item ID?
  7. wp_nav_menu() customized
  8. wp_get_nav_menu_items order doesn’t work
  9. child theme automatically adds new page to top menu instead of only custom menu
  10. Hide pages depending on role
  11. Add custom SVG icons to Social Icon MENU in WordPress Twenty Seventeen Child Theme
  12. Add Menu items description via Custom Walker for wp_nav_menu()?
  13. Wrap description and sub menu in a wrapper
  14. how to only add a top-level admin menu without it creating a sub-level-menu
  15. How to get the post name (slug) from the item ID when traversing the navbar?
  16. wp_nav_menu – page template name as item class
  17. how to get nav menu list through menu name in wordpress
  18. wp_nav_menu – show children of current menu item only?
  19. how to assign more permission to wordpress author
  20. Strange behavor of wp_nav_menu by not appearing [closed]
  21. Keep parent page active
  22. Subpages in Menu Editor not Nesting
  23. bootstrap-navwalker will not load
  24. Check if menu id = $specific_id – then insert specific
  25. Where would I find Custom menu attributes in the database?
  26. How to create a Menu based a username
  27. How to add php to custom link in the nav menu? [closed]
  28. Menu / div of year and months of blog posts?
  29. How to replace the page url for the page slug in a menu link?
  30. How to insert link to the default post archive into a menu
  31. Getting menu items like get_pages
  32. Add css class to dropdown
  33. nav_menu not displaying custom menu
  34. WordPress Menu Prepends URL To My Anchors
  35. Automatically list top level menu item child pages
  36. Check if menu_item has children or has parent
  37. wp_nav_menu add class to child item with sub child
  38. How to remove menu installed in wp-admin by a theme? [closed]
  39. How to modify wp-includes without messing my wordpress installation?
  40. Container class not appearing on navigation menu
  41. pull non-wp site into content area of wordpress -or- pull wp header into non wp site?
  42. Use wp_logout_url() in menu creation page
  43. Active Menu Highlighter with Subpages?
  44. WordPress template – How to add class to li tag if submenu exist
  45. display menu as table layout
  46. Insert a div class inside wordpress menu
  47. Retrieve Menu name for nav_menu_item
  48. Wrapping link and .sub-menu with wp_nav_menu
  49. Bootstrap button menu on wordpress
  50. Want to add different text after each menu item
  51. How to create a menu item which is not a page
  52. Add extra menu to theme
  53. How to list only root pages?
  54. Page menu with one image link instead of page title?
  55. Is there a way to tell menu items to force non-SSL URLs?
  56. Search if menu item has child in wp_get_nav_menu_items hook
  57. Trouble hiding menu on single page
  58. How to customize navigation menu in theme which is converted from pure html theme
  59. enqueue script during add menu items means before save menu items
  60. WP nav menu + Bootstrap, add role=”menu” to UL
  61. Custom HTML output for registered navigation
  62. Show subpages of a category in a custom menu
  63. 2 item in a same menu pointing to 1 page
  64. Dropdown primary navigation menu not working
  65. Understanding with this WordPress code
  66. New wp menu menu styling
  67. How do I make it so a post only shows in its category archive but not the home page?
  68. Link after WordPress
  69. Im having trouble centering menu items in footer due to “flexbox”
  70. When created sub-directory, can we create a new navbar?
  71. Is it all right to put the whole tag into template_part file?
  72. Mobile menu displays submenus on top of parent. Need it to display right below on an own line
  73. Misleading behaviour on Menu & Theme location
  74. For a menu custom link (without a link) a “#” is appended. Can this just be blank, i.e. NO link?
  75. How to build a menu that change style over a section
  76. Highlight inner post menu current item
  77. Menu dropdown disapears behind slider
  78. Generate Submenu based on Parent Page using If Statement
  79. How i can get current menu id with multiple occurrence
  80. Links in new menu don’t work
  81. how to change single post link
  82. Any simple way to show 10 previous pages by id to current page in links as a menu
  83. Vertical Menu items shifting to same line when window size increased [closed]
  84. Pass $item->description to start_lvl
  85. Menu on responsive twentytwelve theme not working, strange url error
  86. Access CSS Classes specified in Menu options
  87. Query for menus in backend (BE)
  88. Next/previous a-like single navigation
  89. How to output the menue structured for tabbed navigation?
  90. Add more levels to menu
  91. How to create a menu super voice in WP?
  92. WordPress Navigation
  93. Showing Custom Menus in the sidebar
  94. How to set up suhosin.ini for unlimited menus
  95. Customizing Responsive Themes Menu [closed]
  96. How To Conditionally Change Menu In Same Theme Location
  97. How to centre menu items on horizontal nav bar? (e.g. make margins equal) [closed]
  98. Display sub menus as separate lists
  99. Add menu to CMS page
  100. Not even able to Log in [closed]

Leave a Comment

tech