Copyright © 2011 Yorgo Nestoridis. Visit the original article at http://yorgonestoridis.com/yorgo-nestoridis-development/wordpress-yorgo-nestoridis-development/how-to-add-the-date-to-the-wordpress-navigation/.Add the Date to WordPress Navigation Menu This post shows you how you can quickly add the date to your WordPress Navigation (Menu). This post is in line with the earlier tutorial about “How to add a search Box to the WordPress Navigation”. WordPress Functions and Style The procedure is simple: we just need to add the function and style it there after. Add the Date Function The following will work on any well designed WordPress theme. Add the following lines to your functions.php: add_filter('wp_nav_menu_items','add_date', 20, 2); function add_date($items, $args) { $items .= '<li>' . date("l F jS, Y") . '</li>'; return $items; } If you wish to style the date independently from the navigation styles, you just need to add a div class, for example: ‘navdate’ like this: add_filter('wp_nav_menu_items','add_date', 20, 2); function add_date($items, $args) { $items .= '<li class="navdate">' . date("l F jS, Y") . '</li>'; return $items; } Note on line 3 the inserted li class ‘navdate’; this link class allows us to style the date using our stylesheet (styles.css or custom.css as the case may be). Add Style To add style, we just create the new class [...]
Related posts:How to show a Search Box on the WP Navigation
Web Design Workshop 5 – Sub-Navigation
Web Design Workshop 4 – Navigation
Mitchell & Ness Snapback Caps in Stock
Web Design Workshop Navigation
Copyright © 2011 Yorgo Nestoridis. Visit the original article at http://yorgonestoridis.com/yorgo-nestoridis-development/wordpress-yorgo-nestoridis-development/how-to-show-a-search-box-on-the-wordpress-navigation/.WordPress Menu with Search Box Customize your WordPress Navigation (Menu) by adding a search box. As WordPress provides hooks and filters, it is relatively simple to customize many aspects of WordPress based sites, by just adding functions and styling them. Add a search Box to the WordPress Menu The principle is simple: if your theme does not provide this function, just add it to your functions.php and then was the case may be, style it by adding a few lines of code to your style sheet. Adding a Search Box to Semiomantics XO for WordPress Here is the function call, which will work on most any WordPress Theme: add_filter('wp_nav_menu_items','add_search_box', 10, 2); function add_search_box($items, $args) { ob_start(); get_search_form(); $searchform = ob_get_contents(); ob_end_clean(); $items .= '<li>' . $searchform . '</li>'; return $items; } If you would style the search box, just add a new div class to the list item, for example: add_filter('wp_nav_menu_items','add_search_box', 10, 2); function add_search_box($items, $args) { ob_start(); get_search_form(); $searchform = ob_get_contents(); ob_end_clean(); $items .= '<li class="sbox">' . $searchform . '</li>'; return $items; } Note the class=“sbox” on line 9. Once you add this function to your functions.php (in the [...]
Related posts:Mitchell & Ness Snapback Caps in Stock
Web Design Workshop 5 – Sub-Navigation
Web Design Workshop Navigation
How to Customize WordPress 2
Web Design Workshop 4 – Navigation
Copyright © 2011 Yorgo Nestoridis. Visit the original article at http://yorgonestoridis.com/web-design/simple-sprites-menu/.How to build a fading Navigation with Sprites To build a navigation bar using sprites we need an image (menu design), some CSS code to style the menu area and some HTML code to link the menu to target. Finally we drive the feature with [...]Related posts:Simple Shopping Cart for your BlogWeb Design BackgroundsWeb Design Workshop 16 – Scroll over BackgroundTransparent WordPress Semiomantics XOTransparent WordPress Theme Design
by Yorgo Nestoridis
Contents
[ hide ]
1 Web Design Workshop 5 Notes to Sub-navigation
1.1 1. Fonts
1.2 Larrie Perkins Web Design
1.3 More about this Topic
Web Design Workshop 5 Notes to Sub-navigation
The session was dealing with the Sub-navigation (Page Navigation) subsequent to the Navigation Workshop from the day before.
1. Fonts
In order to get in control of the [...]
by Yorgo Nestoridis
Contents
[ hide ]
1 Web Design Workshop 5 – Page Navigation
1.1 Sub-Navigation or Page Navigation
1.2 More about this Topic
Web Design Workshop 5 – Page Navigation
Based on the experience gained from Web Design Workshop 4, it will be easy to add style to the Sub-navigation or the Page Navigation bar.
We start from the [...]
by Yorgo Nestoridis
Contents
[ hide ]
1 Web Design Workshop Navigation (continued)
1.1 1. Starting Position
1.2 2. The Drop-down Menu Style
1.3 Final Style-sheet for the Navigation
1.4 More about this Topic
Web Design Workshop Navigation (continued)
Subsequent to last night’s Workshop let’s recap some of the challenges faced when styling the Category Navigation. At the bottom you will find [...]
By Yorgo Nestoridis
Contents
[ hide ]
1 Web Design Workshop: Navigation (continued)
1.1 1. Larrie Perkins
1.2 2. Felisa Ryan
::newline::Vivid colors here with the advantage that most any monitor can render the basic colors. The modifications on the site were not visible to participants because of a cache error; see below.
::newline::
3. Super Cache’>1.3
::newline::
/h3>
::newline::Vivid colors here with the [...]
by Yorgo Nestoridis
Contents
[ hide ]
1 Web Design Workshop 4 – Navigation
1.1 1. Navigation and Sub-Navigation
1.2 2. Category Navigation
1.3 3. ol, ul, li
1.4 More about this Topic
Web Design Workshop 4 – Navigation
This Workshop will add style to the navigation and sub-navigation of our website. We start from the style-sheet as elaborated in Web Design [...]
by Yorgo NestoridisWeb Design by Yorgo Nestoridis
The present website is devoted to Web Design Basics. The content is designed to help beginners to find an entry point into the world of Web Design starting from scratch. The site will tempt to answer questions you may not have wanted to ask.
The site will deal with technical [...]
April 15, 2011
0