Adding Search Box in Navigation are or top header area

[lexi]

Hello

Is there anyway I can add SEARCH BOX in navigation area (far right side)

or in the header area. I have very minimal PHP skills and don’t know the code for the search tool and how I can incorporate this in other location of the page.

Thanks!

Topic

[Jason Bobich]

Hello,

I apologize, but there is no feature in the theme for this. This would be a customization you’d need to make to the theme. It will take basic PHP and child theme knowledge.

One possible solution from your Child theme would be to hook WordPress’s get_search_form function to the “themeblvd_header_menu_addon” hook, and then position and style it with CSS.

function my_header_menu_addon() {
    get_search_form();
}
add_action('themeblvd_header_menu_addon', 'my_header_menu_addon');

========

http://codex.wordpress.org/Function_Reference/get_search_form

http://dev.themeblvd.com/tutorial/actions/

http://dev.themeblvd.com/tutorial/primary-framework-action-hooks/

========

For CSS changes, it’s a good idea to use a tool like firebug or Google Chrome’s built-in developer tools to locate them and then put the edits either in your child theme or in the “Custom CSS” option on your theme options page.

Also, here’s a helpful tutorial on how to use Firebug – http://vimeo.com/20917974. The only thing I’d suggest not doing is actually making edits to the theme’s CSS files, as it shows at the end of that video. However, the video serves as a good introduction to Firebug and how it can be used to find what CSS is effecting certain areas of your site without ever digging around in any files.

[Author]

Replies