Your SlideShare is downloading. ×
0
Thesis 1.8 and word press menus awesome together final
Thesis 1.8 and word press menus awesome together final
Thesis 1.8 and word press menus awesome together final
Thesis 1.8 and word press menus awesome together final
Thesis 1.8 and word press menus awesome together final
Thesis 1.8 and word press menus awesome together final
Thesis 1.8 and word press menus awesome together final
Thesis 1.8 and word press menus awesome together final
Thesis 1.8 and word press menus awesome together final
Thesis 1.8 and word press menus awesome together final
Thesis 1.8 and word press menus awesome together final
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Thesis 1.8 and word press menus awesome together final

1,490

Published on

Final Version - Bay Area Foothills Meetup April 20, 2011

Final Version - Bay Area Foothills Meetup April 20, 2011

Published in: Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,490
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. WordPress Menus & Thesis 1.8 – Awesome Together Ann Zerega Design
  • 2. Thesis theme menus allow you to publish category pages - but you don’t have ability to easily reorder menu from the WordPress Dashboard
  • 3. Wordpress Menus since 3.0 have category support and allow you to reorder menus from the dashboard
  • 4. Using Thesis 1.8 with WordPress Menus, you can create polished menus for both pages and category pages
    • You will need:
    • Thesis 1.8
    • Access to your Thesis 1.8 custom_functions.php file
    • Access to the custom stylesheet in Thesis 1.8
  • 5. Step 1 - In Thesis 1.8 enable the WordPress Menu option
    • Select the following in order from any page in the Wordpress Dashboard:
    • Thesis
    • Site Options
    • Expand Navigation Menu (Select Menu Type) option
    • Choose WordPress nav menu
    • Click the tastefully renamed “Big A@# save button”
  • 6. Step 2 – Create a custom WordPress Menu
    • Select the following in order from any page in the Wordpress Dashboard:
    • Appearance > Menus
    • Create a new Menu including category pages
    • Arrange your Menu tabs
    • Name and save your new menu
    • IMPORTANT! Write down the name of the new menu you want to customize
  • 7. Step 3 – Customize your Menu from the Thesis panel and/or your custom.css file
    • Thesis > Design Options > Nav Menu
    • Or create custom styles using custom.css and the name of the custom menu you created
    • For my test site my custom.css code would look like this:.
    • menu- azdtestmenu -container a{
    • background: url('images/nav_button.png')
    • repeat-x; }
  • 8. Step 4 – Either leave your menu in the default position (above the header) or move it using your custom_functions.php file
    • Thesis theme hooks allow you to move the menu virtually anywhere
    • Most Western audiences are used to reading left to right, so please DO NOT place the menu on the right!
    • NOTE – it is much better to edit these files on your desktop and ftp them to the site vs. using the online Thesis custom file editor.
    • In a pinch you can use the custom file editor that comes with Thesis
  • 9. Step 5 – Navigation Code Examples
    • To move your menu below the header image place this code in your custom_functions.php file:
    • remove_action('thesis_hook_before_header', 'thesis_nav_menu');add_action('thesis_hook_after_header', 'thesis_nav_menu');
    To move your menu to a sidebar place this code in your custom_functions.php file: remove_action('thesis_hook_before_header','thesis_nav_menu'); add_action('thesis_hook_before_sidebars','thesis_nav_menu'); AND – update your custom.css with this statement: . custom .menu li { float: none; }
  • 10. Demo and Questions
  • 11. References
    • Thesis Tutor - How to move the navigation menu above the sidebars: http://thesistutor.com/how-to-move-nav-menu-above-sidebars/

×