TB Front Menu
a cool squared menu
Install
No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:
wp plugin install https://github.com/twobeers/tb-frontmenu/archive/refs/heads/master.zipDescription
a cool squared menu
Installation
Manual installation
- Upload the
tb-frontmenufolder to the/wp-content/plugins/directory
Installation using Add New Plugin
- From your Admin UI (Dashboard), use the menu to select Plugins -> Add New
- Search for tb-frontmenu
- Click the Install button to open the plugin*s repository listing
- Click the Install button
Activation and Use
- Activate the plugin through the Plugins menu in WordPress
- From your Admin UI (Dashboard), select Appearance -> Menu
- Assign a menu (create one if needed) to the TB Frontmenu location
- From your Admin UI (Dashboard), use the menu to select Appearance -> TB Frontmenu
- Configure settings, and save
- From your Admin UI (Dashboard), select Appearance -> Editor
- Select the template where you want to add the menu, paste
<?php do_action('tb_frontmenu_display'); ?>in the desired location, and save
Frequently Asked Questions
How many level of hierachy are supported?
The plugin supports 2 levels of hierarchy
Where should I paste the code for displaying the menu?
You can insert the code where you like the menu to be displayed, usually somewhere in header.php
I can't use my images in the menu? It keeps saying me image must be bigger than 640x360 px...
The plugin adds a new image size (called tb-frontpage-thumb), which is 640px wide and 360px tall. Your images can be used only if they are equal or bigger than this
The items in the menu are not aligned, because the images have not the same proportion. What's wrong?
The plugin adds a new image size, but if you use images that were uploaded before installing the plugin, they probably does have the correct size. You need a plugin that rebuilds the thumbnails of your images, eg. AJAX Thumbnail Rebuild
The menu looks good, but it still needs some style adjustments. How to do it?
You can either:
- modify the style.css file in the plugin package ( not suggested ).
- install a simple plugin for adding custom css code ( highly suggested! ). eg Simple Custom CSS or Jetpack
The Plugin settings are quite self-explanatory, but... what's the meaning of the responsive threshold option?
The plugin has a responsive layout, which means that it adapts to its container, and when the screen is small, it uses a compact layout. It's impossible for the plugin to know when it should fall to the compat mode (its container may vary a lot from a theme to another), therefore you have to tell the plugin the screen resolution at which it must do it.
- Just activate the test mode option
- Go to you site. You'll see a small banner before the menu, which tells you the actual screen width
- Reduce the width of your browser window to find the desired width at which the plugin should fall to compact mode.
- Go back to the options page, set the responsive threshold accordingly and deactivate the test mode.
I've got other questions. Where can I find more support?
Here : TB Frontmenu repository
Screenshots
Screenshots coming soon.
Filters
The plugin has some filters:
- tb_frontmenu_image_size - change the image size
- tb_frontmenu_visibility - use your conditions for displaying the menu
- tb_frontmenu_default_options - change the default options
Changelog
1.0
- Initial Release
Upgrade Notice
1.0
- Initial Release