Page Register / Page Editor

Page Register is used to create a new page or edit an existing page in iBoard. This screen controls the page number, group, name, slug, redirect URL, Core inheritance, selected layout, iBoard connection, page-level HTML areas, scripts, CSS, and shortcodes.

Use this screen when you need to create a website page, select its layout, connect it to an iBoard, add custom HTML sections, or insert common iBoard functions using shortcodes.

Overview

The Page Editor is divided into three main parts: the left menu, the page preference area, and the detailed layout editor. The left menu also provides useful shortcodes that can be copied and inserted into page layout areas.

Area	Description
Basic Information	Defines the page identity, slug, group, Core usage, redirect URL, main page option, and iBoard connection.
Basic Layout Setting	Selects the base layout template used by the page.
Detail Information	Allows administrators to edit page-level HTML sections, Header, Script, and CSS.
Guide / Short Codes	Shows usage guidance and reusable shortcodes such as Login, Menu, Register, Search, Profile, and Calendar.

Basic Information

Basic Information controls the identity and basic behavior of the page. These fields should be configured before editing detailed layout sections.

Field	Description
Page Number	The internal page number. For a new page, this may be set to `AUTO`.
Core Use	When selected, the page inherits the selected Core Page settings. Shortcut: `Ctrl + Alt + C`.
Group Name	Optional group name used to organize pages in the page list.
Name	The internal name or category name used for page organization.
Page Name	The page name used to identify the page in the administrator system.
Set as Main	Sets this page as the main page when applicable.
Redirect URL	Optional URL used to redirect this page to another address.
Slug	The clean page URL name. Use lowercase letters, numbers, and hyphens only. Example: `about-us`.
Using iBoard, Page	Selects an iBoard to render inside the page. The selected iBoard is displayed in the center area of the screen.

Core Use

Core Use determines whether the page inherits shared layout settings from a Core Page. If enabled, common Core areas such as Header, Top Area, Bottom Area, Script, and CSS can be inherited.

Use Core inheritance when multiple pages should share the same structure. Do not enable it if the page needs a fully independent layout.

Slug

The slug is used as a clean URL identifier for the page. It should be short, lowercase, and easy to understand.

Recommended:
about-us
contact-us
service-list
customer-support

Avoid:
About Us
about_us
about us page!!!
회사소개

Using iBoard, Page

The Using iBoard, Page option connects a page with an iBoard. When an iBoard is selected, the board can be rendered inside the page layout.

If the page uses a custom HTML structure, place the iBoard placeholder inside the Middle layout area.

<div class="my-page-section">
    <div class="my-page-container">
        ##{IBOARD}##
    </div>
</div>

The placeholder ##{IBOARD}## should be used only when a board is selected in Using iBoard, Page. If no board is selected, the placeholder will not render board content.

Basic Layout Setting

Basic Layout Setting allows administrators to choose the base layout template for the page. The selected layout controls the overall structure of the page.

Layout Type	Purpose
Single Column	Used for simple pages with one main content area.
Top / Middle / Bottom	Used when the page needs a header-like top section, body area, and bottom section.
Left / Main	Used when the page needs a left sidebar and main content area.
Main / Right	Used when the page needs a main content area and right sidebar.
Multi Column	Used for pages that require multiple content sections.

Detail Information

Detail Information is used to edit each page area separately. Each tab corresponds to a layout area or page-level resource.

Tab	Purpose	Recommended Use
Top	Content displayed above the main page area.	Use for banners, page headers, notices, or top widgets.
Middle	Main page body area.	Use this area for the main HTML structure and `##{IBOARD}##`.
Bottom	Content displayed below the main page area.	Use for bottom sections, CTA blocks, or footer-like page content.
Left	Left layout area.	Use only when the selected layout supports a left column.
Right	Right layout area.	Use only when the selected layout supports a right column.
Header	Page-level header tags.	Use for meta tags, CDN links, or page-specific resources.
Script	Page-level JavaScript.	Use for page-specific interaction code only.
CSS	Page-level CSS.	Use for page-specific styles. Keep class names unique to avoid conflicts.

Short Codes

Shortcodes are used to insert common iBoard functions into a page. Click a shortcode card from the left panel to copy it, then paste it into the desired layout area.

Shortcode	Purpose
`[LOGIN,{SKIN:Default}]`	Displays a login area. Use this on pages where users need to sign in.
`[MENU,{SKIN:Default}]`	Displays a menu. Use this for navigation areas or custom page menus.
`[REGISTER,{SKIN:Default}]`	Displays the sign-up page. Use this for member registration pages.
`[SEARCH,{SKIN:Default}]`	Displays a search component. Use this when the page needs search functionality.
`[SENDMSG,{SKIN:Default}]`	Displays a message sending screen. Use this for contact or message features.
`[PROFILE,{SKIN:Default}]`	Displays the profile page. Use this for viewing or editing user information.
`[RANKING,{SKIN:Default}]`	Displays a user ranking list. Use this for point, activity, or member ranking pages.
`[SCRAP,{SKIN:Default}]`	Displays the scraped list. Use this for saved or bookmarked content pages.
`[CALENDAR,{SKIN:Default}]`	Displays a calendar. Use this for schedule, booking, or event-style pages.

Save and Preview

After editing the page, click Save Page to save changes. Use Preview to check the result before making the page public.

Button	Description
List	Returns to the page list.
Save Page	Saves the current page settings and layout content.
Preview	Opens a preview of the page.
Core Setting	Opens the Page Core settings screen.

Recommended Workflow

Open Admin > Pages > Register.
Enter the page name, group, slug, and other basic information.
Decide whether the page should use Core inheritance.
Select a base layout template.
If the page should display a board, select it from Using iBoard, Page.
Edit the Top, Middle, Bottom, Left, Right, Header, Script, or CSS areas as needed.
Use ##{IBOARD}## in the Middle area if the selected board should render inside custom HTML.
Insert shortcodes if the page needs login, menu, registration, search, profile, ranking, scrap, or calendar features.
Click Save Page.
Click Preview and verify the result.

Common Use Cases

Goal	Recommended Setup
Create an About page	Enter a page name, use a clean slug such as `about-us`, and select a simple layout.
Create a board page	Select an iBoard in Using iBoard, Page and place `##{IBOARD}##` in the Middle area.
Create a login page	Insert the login shortcode into the Middle area.
Create a registration page	Insert the register shortcode into the Middle area.
Create a page with custom JavaScript	Add page-specific JavaScript in the Script tab.
Create a page with custom styling	Add page-specific CSS in the CSS tab using unique class names.

Important Notes

Use Core inheritance only when the page should share the Core Page structure.
Use ##{IBOARD}## only when an iBoard is selected.
Place the main page content in the Middle layout area.
Do not place global scripts in a single page unless they are only needed on that page.
Keep CSS class names unique to avoid affecting other pages.
Always preview the page after saving.
Check the mobile layout if the page is public.

Troubleshooting

Problem	Possible Cause	Solution
Page does not display correctly	The wrong layout may be selected or content may be in the wrong layout area.	Check Basic Layout Setting and move content to the correct tab.
iBoard does not appear	No board may be selected, or `##{IBOARD}##` may be missing.	Select a board and place `##{IBOARD}##` in the Middle area.
Shortcode appears as text	The area may not support shortcode rendering or the shortcode may be typed incorrectly.	Copy the shortcode again and paste it into the proper layout area.
Slug does not work	The slug may contain unsupported characters.	Use lowercase letters, numbers, and hyphens only.
CSS affects other pages	The CSS selector may be too broad.	Use page-specific wrapper classes and more specific selectors.

Best Practices

Plan the page purpose before creating it.
Use clear page names and simple slugs.
Select the layout before writing detailed HTML.
Use Middle for main content.
Use Header, Script, and CSS only for page-specific resources.
Save and preview frequently while editing.
Keep complex custom pages documented for future administrators.

Page Register is where individual website pages are created and structured. Configure the basics first, select the layout, then add detailed HTML, shortcodes, scripts, and styles carefully.