DrupalCamp Chattanooga 2013 - Menu Minipanels in Drupal 7
Upcoming SlideShare
Loading in...5
×
 

DrupalCamp Chattanooga 2013 - Menu Minipanels in Drupal 7

on

  • 467 views

Building intelligent, usable, and friendly mega menus using the Panels and Views you already know in Drupal!

Building intelligent, usable, and friendly mega menus using the Panels and Views you already know in Drupal!

Statistics

Views

Total Views
467
Views on SlideShare
467
Embed Views
0

Actions

Likes
2
Downloads
4
Comments
1

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

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…
  • Thanks for the slides! I enjoyed your session at Drupal Camp Chattanooga! We are looking to implement this at Chatt State.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

DrupalCamp Chattanooga 2013 - Menu Minipanels in Drupal 7 DrupalCamp Chattanooga 2013 - Menu Minipanels in Drupal 7 Presentation Transcript

  • Menu Minipanels A Drupal module for intelligently constructing mega menus. Eric Scott Sembrat - Georgia Institute of Technology - 2013
  • Hello, My Name Is: Eric Scott Sembrat Twitter: @esembrat Web Developer for Georgia Institute of Technology Graduate Student at Georgia State University eric.sembrat@cos.gatech.edu Eric Scott Sembrat - Georgia Institute of Technology - 2013
  • Follow Along • These slides are available to download now! • http://www.ericsembrat.com Eric Scott Sembrat - Georgia Institute of Technology - 2013
  • Road Map • • • • • • What are Mega Menus? Mega Menus in Drupal. Introducing: Menu Minipanels. Usage. Short demo. Questions? Comments? Eric Scott Sembrat - Georgia Institute of Technology - 2013
  • What are Megamenus? Eric Scott Sembrat - Georgia Institute of Technology - 2013
  • Menus • Menus are an instrumental piece of your website. • A recent trend with website menus is the inclusion of so-called megamenus. Eric Scott Sembrat - Georgia Institute of Technology - 2013
  • Megamenus? • Megamenus (MM) solve issues stemming from drop-down menu (DDM) structure. • Problems with DDM include: • • • Long, unusable menus. Shortened, abbreviated menu link text. Breadth and depth of content shown. Eric Scott Sembrat - Georgia Institute of Technology - 2013
  • DDMs from Hell Eric Scott Sembrat - Georgia Institute of Technology - 2013
  • Trending... You can find examples of MM all over the Web. Eric Scott Sembrat - Georgia Institute of Technology - 2013
  • Amazon Eric Scott Sembrat - Georgia Institute of Technology - 2013
  • The White House Eric Scott Sembrat - Georgia Institute of Technology - 2013
  • Georgia State Eric Scott Sembrat - Georgia Institute of Technology - 2013
  • U[sic]GA Eric Scott Sembrat - Georgia Institute of Technology - 2013
  • Georgia Tech Eric Scott Sembrat - Georgia Institute of Technology - 2013
  • The Power of MMs • A MM uses two-dimensional drop-down panels to group structured navigation options without scrolling. (source) • • A DDM on steroids. • Gives a feature-full site-map like menu for accessibility. Allows for rich media (photos, videos) and dynamic content to reside in your menu. Eric Scott Sembrat - Georgia Institute of Technology - 2013
  • So, how do I create one? Eric Scott Sembrat - Georgia Institute of Technology - 2013
  • Drupal Modules • • • • • • MD Megamenu OM Maximenu Megamenu Superfish Menu Views Giga Menu Eric Scott Sembrat - Georgia Institute of Technology - 2013
  • The Issue • However, all of these modules make the critical mistake of reinventing the wheel by creating duplicate features to what Drupal already does. Eric Scott Sembrat - Georgia Institute of Technology - 2013
  • Eric Scott Sembrat - Georgia Institute of Technology - 2013
  • Why, oh why, is this module re-inventing Drupal’s menu functionality? Eric Scott Sembrat - Georgia Institute of Technology - 2013
  • Eric Scott Sembrat - Georgia Institute of Technology - 2013
  • There has got to be a better way than this! Eric Scott Sembrat - Georgia Institute of Technology - 2013
  • Introducing Menu Minipanels Eric Scott Sembrat - Georgia Institute of Technology - 2013
  • Menu Minipanels • Menu Minipanels (MMP) connects the power and flexibility of Panels, Menu, and Views. • Megamenus in MMP are nothing but the Panel elements you know (and love?). Eric Scott Sembrat - Georgia Institute of Technology - 2013
  • Creating a Menu MInipanel Eric Scott Sembrat - Georgia Institute of Technology - 2013
  • Step 1: Build Menu Eric Scott Sembrat - Georgia Institute of Technology - 2013
  • Step 2: Build MM Eric Scott Sembrat - Georgia Institute of Technology - 2013
  • Step 2: Build MM Eric Scott Sembrat - Georgia Institute of Technology - 2013
  • Step 2: Build MM Eric Scott Sembrat - Georgia Institute of Technology - 2013
  • Step 3: Attach MM Eric Scott Sembrat - Georgia Institute of Technology - 2013
  • Step 3: Attach MM Eric Scott Sembrat - Georgia Institute of Technology - 2013
  • Step 4: Build MM • • The final step is a tedious one. Eric Scott Sembrat - Georgia Institute of Technology - 2013
  • Adding Menu Items? • The one caveat to using Menu Minipanels is that Panels do not natively allow you to show specific menu items in a block. • • Except for showing all menu links, which isn’t optimal. Where to go for context-aware blocks of menu items? • Views! Eric Scott Sembrat - Georgia Institute of Technology - 2013
  • Suggested Modules menu_node - Key dependency to the module below. menu_node_views - Views integration for menu items. • Note: This is one of those modules that still has no “stable” release. Eric Scott Sembrat - Georgia Institute of Technology - 2013
  • The Adventure • Beyond that, building a menu in Menu Minipanels is just like building up a panel. • Rather than using the Menu Minipanels theming options, code your CSS and make sure it overwrites the Menu Minipanels defaults. • This makes the CSS re-useable across multiple websites! Eric Scott Sembrat - Georgia Institute of Technology - 2013
  • Demo Eric Scott Sembrat - Georgia Institute of Technology - 2013
  • Questions? Eric Scott Sembrat - Georgia Institute of Technology - 2013