Add Donation Button to Top Navigation like Home Button

Web_Browser — Wed, 11 Mar 2015 01:17:28 +0000

Hi,

I would like to add a Donate Button to the right of the top navigation like the Home button. I would like it to be a filled colour eg. yellow all the time. Is this possible ?

Many thanks

Reply To: Add Donation Button to Top Navigation like Home Button

IshYoBoy — Wed, 11 Mar 2015 06:23:13 +0000

Hey,

If the button is simple link (no special HTML form needed) then you can set it from the back-end administration. Create new link, make sure to enable the additional fields hidden under “Screen Options” when editing menus under “Appearance -> Menus”. Now you can set special CSS class and use it to re-style it. Also by adding the standard WordPress class for highlighting items the it can be highlighted. E.g. “current-menu-item”

If you need to output the whole HTML form with input, hidden fields, etc.. then you need to hook into main navigation, output your code and then style it with CSS. Something like this:

if ( ! function_exists( 'my_menu_button' ) ) {
	function my_menu_button($items, $args) {

		if ( isset($args->theme_location) && ('header-menu' == $args->theme_location ) ){
			$output =
				'<li class="my-class-name">' .
				$args->before .
				'<a href="#my-link" class="ish-icon-search"></a>' . $args->after . '</li>';
			$items = $items . $output;
		}

		return $items;
	}
}
add_filter( 'wp_nav_menu_items', 'my_menu_button', 10, 2 );

if ( ! function_exists( 'my_menu_button' ) ) {

function my_menu_button($items, $args) {

if ( isset($args->theme_location) && ('header-menu' == $args->theme_location ) ){

$output =

' .

$args->before .

'' . $args->after . '';

$items = $items . $output;

}

return $items;

}

add_filter( 'wp_nav_menu_items', 'my_menu_button', 10, 2 );

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Support ForumAdd Donation Button to Top Navigation like Home Button – Support Forum

Add Donation Button to Top Navigation like Home Button

Reply To: Add Donation Button to Top Navigation like Home Button