Introduction
Dynamic Menu system is a part of CMS system. With Dynamic Menu you can create a custom menu (like standard Quick Links) and put it in every part of your Icy Phoenix board.
With this tutorial you can learn how to create a simple page of 2 columns with a custom menu on the left.
With this tutorial you can learn how to create a simple page of 2 columns with a custom menu on the left.
Tutorial
- First of all we must loat CMS main page (yoursite/cms.php) and click on Dynamic Menu icon:
- Create a new menu:
- The page shows 3 options:
- Menu name: in this tutorial we write "Animal";
- Language var: you can use standard name that change with language of board. In this tutorial we choose nothing;
- Menu description: you can insert your personal note. In this tutorial we write nothing.
- Menu name: in this tutorial we write "Animal";
- The ID of our dymamic menu is 2: we must remember the ID because we need it to include it in the block.
Now we can edit categories and links of our new custom menu --> click this icon:
- Currently we do not have any category and we must create it!
- The page shows 6 options:
- Category name: in this tutorial we write "Mammals";
- Language var: you can use standard name that change with language of board. In this tutorial we choose nothing;
- Status: you can enable or disable this category. In this tutorial we choose to enable it;
- Icon: you can select a custom icon. You can choose standard icon of IP or upload your custom icon in yoursite/images/menu/. In this tutorial we select our custom icon, "./images/menu/schede_mammiferi.png";
- Category description: you can write here your personal notes. In this tutorial we write nothing;
- Permission: you can set the permission for this category. In this tutorial we set "all".
- Category name: in this tutorial we write "Mammals";
- We can create a lot of categories following the same method. In this tutorial we create 5 categories, Mammals, Birds, Reptiles, Amphibians and Fishes.
- Now we must go to CMS management page to create our custom page. For further information to do personal page, please read Icy Phoenix CMS Documentation in this website.
In this tutorial we create a page of mustelidae (ferrets, minks, skunks...) with 3 blocks: menu, main and footer.
- Create new page (mustelidae), based on 2_colums.tpl:
- Add the blocks:
- Menu Block: in first page we set "dyn menu" block on the left. Second page show one option, Menu Block ID: in this tutorial we set 2 (Do you remember where this number come from? If you don't, step back to point 4
)
- Main Block: in first page we choose "Text of HTML Block" in center page. In second page we insert our custom HTML.
- Icon Block: in first page we set "Text or HTML Block" in bottom/center page. In second page we insert our custom HTML.
- Menu Block: in first page we set "dyn menu" block on the left. Second page show one option, Menu Block ID: in this tutorial we set 2 (Do you remember where this number come from? If you don't, step back to point 4
- Create new page (mustelidae), based on 2_colums.tpl:
- Nice Job! The personal page for this tutorial has been created. The ID of this custom page is 11 and we must remember it!
- We switch again on Dynamic Menu management (yoursite/cms_menu.php) and click on edit page of our custom menu (). Press on "Create new link".
- Now we can create a personal link and in this tutorial we create "mustelidae" link in "mammals" category. The page shows 9 options:
- Choose category: in this tutorial we choose "Mammals";
- Link name: in this tutorial we put "Mustelidae";
- Language var: you can use standard name that change with language of board. In this tutorial we put nothing;
- Status: you can enamble or disable this category. In this tutorial we enable it;
- URL of the link: now we can put internal or external link of our website! In this tutorial we put internal link, "index.php?page=11" (you remember it?);
- External link: in this tutorial we select "No";
- Icon: you can select a custom icon. You can choose standard icon of IP or upload your custom icon in yoursite/images/menu/. In this tutorial we select "Standard Icon";
- Category description: you can put your personal note. In this tutorial we put nothing;
- Permission: you can set the permission for this category. In this tutorial we set "all".
- Choose category: in this tutorial we choose "Mammals";
- After submit, we have now our personal page with a little custom menu! Go to yoursite/index.php?page=11 to see our work!
- If do you want to create other personal pages and links, go to step 8 of this tutorial and repeat! That's all... Nice Job!
