Pages
The Pages category is the main area for managing website pages in iBoard. It allows administrators to create pages, edit page information, select layouts, configure Core inheritance, connect iBoard content, manage page-level HTML sections, and modify related files when needed.
Pages are the visible screens of the website. Before creating many pages, it is important to understand how page records, layouts, Core settings, slugs, menus, shortcodes, and files work together.
What the Pages Category Controls
The Pages category controls the structure and behavior of website pages. A page can be a simple content page, a login page, a registration page, a search page, a profile page, a board page, a landing page, or a custom page built with HTML, CSS, JavaScript, and shortcodes.
| Menu | Main Purpose |
|---|---|
| List | View, manage, preview, copy, and delete registered pages. |
| Register | Create a new page or edit an existing page�s settings, layout, and content areas. |
| Setting Core | Manage shared Page Core layout sections such as Header, Top Area, Main Area, Bottom Area, Script, CSS, and Night Mode. |
| Modify Files | Open the web-based file editor to directly edit page, skin, template, CSS, JavaScript, and JSON files. |
Basic Concept
In iBoard, a page is not only a piece of content. A page is connected to several settings that determine how it appears and behaves.
- Page record: Stores the page name, page number, group, slug, redirect URL, and page options.
- Layout: Controls the structural shape of the page, such as single column, top/middle/bottom, or sidebar layout.
- Core inheritance: Allows the page to inherit shared layout sections from Page Core.
- Detail information: Allows page-specific Top, Middle, Bottom, Left, Right, Header, Script, and CSS sections.
- Shortcodes: Insert reusable iBoard functions such as Login, Menu, Register, Search, Profile, Ranking, Scrap, or Calendar.
- Menu connection: Allows visitors to access the page through website navigation.
How Pages Are Connected
Pages often work together with other parts of iBoard. If a page does not display correctly, check not only the page content but also its layout, Core setting, menu link, media files, and shortcodes.
| Connected Area | Relationship |
|---|---|
| Page Core | Provides shared Header, Top, Main, Bottom, Script, Style Sheet, and Night Mode settings for normal pages. |
| Layout | Determines where Top, Middle, Bottom, Left, Right, Header, Script, and CSS content will be rendered. |
| Menu | Links pages to public navigation so visitors can open them easily. |
| Media | Provides images, documents, downloads, and other files used inside page content. |
| iBoard | Allows board content to be rendered inside a page using ##{IBOARD}## or board shortcodes. |
| Skin / Theme | Controls the visual presentation of page layouts and components. |
| Live Editor | Allows direct editing of page-related files, templates, styles, and scripts. |
Pages List
The List menu displays all registered pages. From this screen, administrators can check page names, layouts, addresses, Core inheritance, iBoard connection, and quick actions.
Use the List screen when you need to:
- Find an existing page.
- Open page settings.
- Preview a page.
- Copy an existing page.
- Delete an unused page.
- Check the page address.
- Confirm whether the page inherits Core settings.
Page Register / Page Editor
The Register menu is used to create a new page or edit an existing page. This is where page identity, layout, Core usage, slug, redirect URL, selected iBoard, page-level HTML sections, CSS, JavaScript, and shortcodes are configured.
Main Page Editor Areas
| Area | Purpose |
|---|---|
| Basic Information | Defines page number, group name, page name, slug, redirect URL, Core use, and selected iBoard. |
| Basic Layout Setting | Selects the base layout template for the page. |
| Detail Information | Allows editing page-specific Top, Middle, Bottom, Left, Right, Header, Script, and CSS areas. |
| Guide / Short Codes | Provides reusable shortcodes and guidance for inserting common iBoard features. |
Page Core Settings
Setting Core manages shared layout sections for normal website pages. It is different from iBoard Core, which is used for board pages.
Use Page Core when multiple pages should share the same:
- Header meta tags and SEO settings
- Top navigation or header layout
- Left or right side layout
- Main layout structure
- Footer or bottom area
- Common JavaScript
- Common CSS
- Night Mode styles
Page Core affects normal pages that inherit it. It does not control iBoard board-level Core sections.
Modify Files
Modify Files opens the iBoard Live Editor. This is a web-based file editor that allows authorized administrators or developers to edit files directly from the browser.
It can be used to edit:
- HTML template files
- CSS files
- JavaScript files
- JSON configuration files
- Skin files
- Page-related files
Modify Files is powerful and should be used carefully. Saved changes may immediately affect the live website.
Shortcodes in Pages
Pages can use shortcodes to insert reusable system features. Shortcodes are useful because they allow administrators to place functional components inside page layouts without writing full logic manually.
| Shortcode | Purpose |
|---|---|
[LOGIN,{SKIN:Default}] |
Displays a login area. |
[MENU,{SKIN:Default}] |
Displays a menu component. |
[REGISTER,{SKIN:Default}] |
Displays a registration page. |
[SEARCH,{SKIN:Default}] |
Displays a search component. |
[SENDMSG,{SKIN:Default}] |
Displays a message sending screen. |
[PROFILE,{SKIN:Default}] |
Displays a profile page. |
[RANKING,{SKIN:Default}] |
Displays a ranking list. |
[SCRAP,{SKIN:Default}] |
Displays a scraped or saved content list. |
[CALENDAR,{SKIN:Default}] |
Displays a calendar component. |
Recommended Setup Order
- Decide the purpose of the page.
- Decide whether the page should be public, internal, or member-only.
- Choose whether the page should inherit Page Core.
- Select the correct layout template.
- Create or edit the page from Pages > Register.
- Add content to the correct layout area, usually Middle.
- Insert shortcodes if the page needs login, menu, search, profile, board, or calendar functions.
- Save the page.
- Preview the page.
- Connect the page to Menu if it should appear in navigation.
- Test the page on desktop and mobile.
Common Use Cases
| Goal | Recommended Menu |
|---|---|
| Create a new page | Register |
| Find and manage existing pages | List |
| Apply the same header and footer to many pages | Setting Core |
| Edit page files directly | Modify Files |
| Copy an existing page structure | List > Copy |
| Create a page that displays an iBoard | Register > Using iBoard, Page |
| Add a login or register page | Register > Shortcodes |
Important Notes
- Pages are the main visible structure of the website.
- A page may depend on layout, Core settings, media files, shortcodes, and menu links.
- Do not delete a page unless you are sure it is no longer linked or used.
- Core inheritance can affect how shared Header, Footer, Script, and CSS are applied.
- Shortcodes must be pasted into an area that supports shortcode rendering.
- Modify Files can affect live files immediately, so use it carefully.
- Always preview pages after editing.
Common Mistakes
| Mistake | Result |
|---|---|
| Creating pages without planning the menu structure | The website navigation becomes confusing. |
| Using the wrong layout | Content may appear in the wrong area or look broken. |
| Forgetting Core inheritance | Shared header, footer, CSS, or script may not appear. |
| Putting global scripts into one page | Scripts may be hard to maintain or duplicated across pages. |
| Deleting a page still linked from a menu | Visitors may open broken links. |
| Editing files without backup | The live website may break and be difficult to restore. |
Best Practices
- Plan the page structure before creating many pages.
- Use clear page names and clean slugs.
- Use Page Core for shared layout areas.
- Use page-level Script and CSS only for page-specific behavior and styling.
- Keep reusable features as shortcodes where possible.
- Preview pages before connecting them to public menus.
- Back up important files before using Modify Files.
- Document important pages and their purpose for future administrators.
The Pages category is the foundation of website screen management in iBoard. Build pages carefully by planning the purpose, selecting the right layout, using Core inheritance correctly, and testing each page before publishing it.