Skip to content

Instantly share code, notes, and snippets.

@robincornett robincornett/enqueue.php Secret
Last active Nov 26, 2018

Embed
What would you like to do?
SuperSide Me filter examples
<?php
// you can add this to your theme's functions.php file, but do not include the
// opening tag!
add_action( 'wp_enqueue_scripts', 'prefix_load_scripts' );
function prefix_load_scripts() {
if ( function_exists( 'supersideme_has_content' ) && supersideme_has_content() ) {
return;
}
wp_enqueue_script( 'leaven-responsive-menu', get_stylesheet_directory_uri() . '/js/responsive-menu.js', array( 'jquery' ), '1.0.0', true );
$output = array(
'mainMenu' => 'Menu',
'subMenu' => 'Menu',
);
wp_localize_script( 'leaven-responsive-menu', 'LeavenL10n', $output );
}
<?php
/**
* Note: although this filter is still available in SuperSide Me 2.0, it's been
* split into two smaller filters. If you're on an older version of SuperSide Me,
* please update, but know that this filter is the one you want and it will
* continue to work.
*/
// you can add this to your theme's functions.php file, but do not include the
// opening tag!
add_filter( 'supersideme_navigation_options', 'prefix_modify_supersideme_options' );
function prefix_modify_supersideme_options( $side_tweaks ) {
$side_tweaks['background'] = '#000000'; // change background color for side and menu button
$side_tweaks['button_color'] = ''; // empty by default (so it will use the panel background color), but there are cases where you might want to style this independently of the main menu panel
$side_tweaks['close'] = ''; // removes the close button from the SuperSide panel
$side_tweaks['closeevent'] = '.menu-close, .menu-item a'; // change what causes the SuperSide Me panel to close (useful mostly if you have on page anchor links in your menu)
$side_tweaks['displace'] = false; // the side panel will slide over the site instead of pushing it
$side_tweaks['link_color'] = '#fefefe'; // change the link color
$side_tweaks['location'] = '.site-header'; // the menu button will hook into the .site-header div instead of being added to the body (default)
$side_tweaks['maxwidth'] = '50em'; // change the width at which the mobile menu activates (default 800px)
$side_tweaks['outline'] = 'dotted'; // for accessibility support, there is an outline added to the side panel on focus. change the outline style
$side_tweaks['panel_width'] = '260px'; // change the width of the side panel
$side_tweaks['position'] = 'absolute'; // absolute position instead of relative
$side_tweaks['side'] = 'right'; // will override what is set on the settings page
$side_tweaks['speed'] = 200; // open/close speed for menu panel (in milliseconds)
$side_tweaks['width'] = 'auto'; // main menu button width
return $side_tweaks;
}
<?php
add_filter( 'supersideme_panel_options', 'prefix_modify_panel_options' );
function prefix_modify_panel_options( $panel_options ) {
$panel_options['background'] = '#000';
$panel_options['close'] = ''; // removes the close button from the SuperSide panel
$panel_options['closeevent'] = '.menu-close, .menu-item a'; // change what causes the SuperSide Me panel to close (useful mostly if you have on page anchor links in your menu)
$panel_options['displace'] = false;
$panel_options['link_color'] = '#fff';
$panel_options['maxwidth'] = '50em';
$panel_options['outline'] = 'dashed';
$panel_options['panel_width'] = '100%';
$panel_options['side'] = 'left';
$panel_options['speed'] = 400;
return $panel_options;
}
add_filter( 'supersideme_button_options', 'prefix_modify_button_options' );
function prefix_modify_button_options( $button ) {
$button['button_color'] = '';
$button['location'] = '.site-header';
$button['position'] = 'absolute';
$button['width'] = 'auto';
return $button;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.