• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Thesis 1.8 and word press menus awesome together final
 

Thesis 1.8 and word press menus awesome together final

on

  • 1,712 views

Final Version - Bay Area Foothills Meetup April 20, 2011

Final Version - Bay Area Foothills Meetup April 20, 2011

Statistics

Views

Total Views
1,712
Views on SlideShare
1,511
Embed Views
201

Actions

Likes
0
Downloads
0
Comments
0

2 Embeds 201

http://www.annzeregadesign.com 200
http://webcache.googleusercontent.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Thesis 1.8 and word press menus awesome together final Thesis 1.8 and word press menus awesome together final Presentation Transcript

    • WordPress Menus & Thesis 1.8 – Awesome Together Ann Zerega Design
    • Thesis theme menus allow you to publish category pages - but you don’t have ability to easily reorder menu from the WordPress Dashboard
    • Wordpress Menus since 3.0 have category support and allow you to reorder menus from the dashboard
    • 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
    • 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”
    • 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
    • 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; }
    • 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
    • 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; }
    • Demo and Questions
    • References
      • Thesis Tutor - How to move the navigation menu above the sidebars: http://thesistutor.com/how-to-move-nav-menu-above-sidebars/