Rozdíly
Zde můžete vidět rozdíly mezi vybranou verzí a aktuální verzí dané stránky.
Následující verze | Předchozí verze | ||
skoda-ep:main_menu [16.03.2016 18:21] Jakub Štěpánek vytvořeno |
skoda-ep:main_menu [18.05.2017 03:21] (aktuální) Lukáš Čech |
||
---|---|---|---|
Řádek 1: | Řádek 1: | ||
+ | **This page is here for historical reasons. [[.:skoda-wlc-2016:main_menu|You will find the updated version here]]** | ||
+ | |||
====== Manage main menu ====== | ====== Manage main menu ====== | ||
The main menu of BNR site is manually created. It basically represent all post categories, but you can full control it from administration. Open Appearance > Menu from left side menu. | The main menu of BNR site is manually created. It basically represent all post categories, but you can full control it from administration. Open Appearance > Menu from left side menu. | ||
Řádek 4: | Řádek 6: | ||
{{:skoda-ep:wp_bnr_menu.png|}} | {{:skoda-ep:wp_bnr_menu.png|}} | ||
- | - First check what menu do you have selected. You can change it in section "Select menu to edit". Choose what you want and press Select button. | + | - First check what menu do you have selected. You can change it in section "Select a menu to edit". Choose what you want and press Select button. |
- | - Under Menu structure headline you can manage all menu items by drug&drop. | + | - Under **Menu structure** headline you can manage all menu items by drag&drop. Open detail settings by click small triangle in right of each menu items. |
- If you want to add new menu item, select type from left side boxes. In BNS we use only Categories. Note: When you add new menu item, it will be as last item in the list of menu items. | - If you want to add new menu item, select type from left side boxes. In BNS we use only Categories. Note: When you add new menu item, it will be as last item in the list of menu items. | ||
- When you are ready, do not forgot to press **Save Menu** button to make your changes visible! | - When you are ready, do not forgot to press **Save Menu** button to make your changes visible! | ||
+ | |||
+ | ===== Mobile menu switch ===== | ||
+ | By default, the mobile menu is shown only once the window is smaller than 768px as seen here: | ||
+ | |||
+ | {{ :skoda-ep:wlc_menu_mobile.png |}} | ||
+ | |||
+ | An administrator can define a different size for his site, so the mobile menu is shown even on larger screens. Look at the following example, where we have several items in the menu, this is a screen from a large desktop: | ||
+ | |||
+ | {{ :skoda-ep:wlc_menu_before_wide.png |}} | ||
+ | |||
+ | When we view the site on a smaller screen, for example a tablet, the menu will not fit between the logos and jumps down as seen here: | ||
+ | |||
+ | {{ :skoda-ep:wlc_menu_before_tablet.png |}} | ||
+ | |||
+ | To fix this issue, you can go to SKODA Options -> General and specify a different size when to break to mobile menu | ||
+ | |||
+ | {{ :skoda-ep:wlc_menu_breakpoint_option.png |}} | ||
+ | |||
+ | When you specify this size, you will see a mobile menu when the screen is smaller than this size | ||
+ | |||
+ | {{ :skoda-ep:wlc_menu_after_tablet.png |}} | ||
+ | |||
+ | ==== How to determine the size to break the menu ==== | ||
+ | First you need to open a mobile view in your browser, navigate to your site | ||
+ | |||
+ | __Google Chrome__ | ||
+ | |||
+ | Press **CTRL+SHIFT+I** - when the console opens press **CTRL+SHIFT+M**. | ||
+ | At the top, you will see a dropdown, which could say "Galaxy S5", "iPhone 5", "Responsive" or similiar - click the dropdown and select **"Responsive"** | ||
+ | |||
+ | __Mozilla Firefox__ | ||
+ | |||
+ | Press **CTRL+SHIFT+M** | ||
+ | |||
+ | {{:skoda-ep:chrome_responsive_inspector.png|}}{{:skoda-ep:firefox_responsive_inspector1.png}} | ||
+ | |||
+ | Now you can play with the first numerical value (which is the width of the window) - in our case it shows **320** ... once you find the proper size where the menu is shown correctly you can use it in the options in administration | ||
+ | |||
+ | ====== Manage footer menu ====== | ||
+ | Footer menu is split into two separate menus. Left Footer menu and Right Footer menu. | ||
+ | |||
+ | Each can be edited by going to Administration -> Appearance -> Menus | ||
+ | |||
+ | First you need to create a menu if it does not exist and populate it with links. Once links are in place you have to select a menu area, where this menu will be located | ||
+ | {{ :skoda-ep:skoda-wlc-2016:2017-56-16_10-05-52.gif |}} | ||
+ | |||
+ | You can only assign a single menu to any location at a time |