Guide / Theme List
KO EN

Theme List

Theme List allows administrators to browse, search, download, update, delete, and review available iBoard themes. A theme controls the visual design, layout style, and frontend appearance of a website.

Use this page when you want to install a new website theme, update an existing theme, remove unused themes, or check which theme version is currently installed.

Overview

The Theme List page displays available themes as visual cards. Each card includes a preview image, theme name, current installed version, latest available version, and action buttons such as Download, Update, Delete Skin, or Detail.

Area Description
Search Area Searches available themes by name or keyword.
Theme Card Displays theme preview image, name, current version, latest version, and available actions.
Pagination Moves between theme list pages when there are many available themes.
Theme Actions Allows administrators to download, update, delete, or view details for a theme.

Theme Selection and Core Settings

After a theme is downloaded or installed, it can be selected from Core Settings. The hotkey shown on the page is: 

Ctrl + Alt + C

Use Core Settings to apply a theme to a Core Page or site layout.

Search Themes

The search box allows you to filter the theme list by name or keyword.

  1. Enter a theme name or keyword in the search box.
  2. Click Search.
  3. Review the matching theme cards.

Theme Card

Each theme is displayed as a card. The card provides quick information about the theme and its current state.

Card Item Description
Preview Image Shows a visual preview of the theme design.
Theme Name Name of the theme, such as MR-MRS, Agency, PhotoFolio, Constra, Carousel, or iBoardPro.
Current Shows the currently installed iBoard and plugin version for this theme.
Latest Shows the latest available iBoard and plugin version from the theme source.
Action Button Displays the available action for the theme, such as Download, Update, Delete Skin, or Detail.

Theme Status

Status / Button Meaning
Download The theme is available but not currently installed. Click this button to download and install it.
Update The theme is already installed, but a newer version is available.
Delete Skin The theme is installed and can be removed from the server.
Detail Displays more information about the theme. This may appear as an overlay on the preview image.
Current Shows the version currently installed on your system.
Latest Shows the newest available version.

Download a Theme

Use Download when a theme is available but not installed.

  1. Open Admin > Theme.
  2. Find the theme you want to install.
  3. Click Download.
  4. Wait until the download and installation process is complete.
  5. Go to Core Settings and select the installed theme if needed.
After downloading a theme, confirm that all required files were installed correctly before using it on a live page.

Update a Theme

If the installed theme has a newer version available, the Update button may appear.

  1. Review the Current and Latest version numbers.
  2. Click Update.
  3. Wait for the update process to finish.
  4. Preview the website after the update.
  5. Check custom changes if the theme was manually modified.
If you manually customized theme files, back them up before updating. Theme updates may overwrite existing files.

Delete a Theme

Use Delete Skin to remove an installed theme from the server.

  1. Confirm that the theme is not currently used by any Core Page.
  2. Confirm that no page depends on the theme files.
  3. Click Delete Skin.
  4. Confirm the deletion if prompted.
Do not delete a theme that is currently selected in Core Settings or used by a live page.

Pagination

Use pagination controls to move between theme list pages when many themes are available.

  • Previous: Moves to the previous theme list page.
  • Page Number: Shows the current page.
  • Next: Moves to the next theme list page.

Common Use Cases

Use Case Recommended Action
Create a new site design Download a theme and apply it from Core Settings.
Install a clean starter theme Use a blank or minimal theme when building a custom layout.
Update an old theme Compare Current and Latest versions, then use Update.
Remove unused themes Delete themes only after confirming they are not used by any Core Page.
Check theme compatibility Review iBoard and plugin version information before installing or updating.

Important Notes

  • The theme controls the visual design and layout structure of the site.
  • Installed themes may be selected from Core Settings.
  • Theme files may include HTML, CSS, JavaScript, images, and plugin-related files.
  • Updating a theme may overwrite customized files.
  • Deleting a theme may break pages that depend on that theme.
  • Always test the theme on a development environment before applying it to production.

Recommended Folder and Backup Practice

Before updating or deleting a theme, back up the existing theme folder. 

Recommended:
1. Back up the current theme folder.
2. Download or update the theme.
3. Preview the website.
4. Confirm page layout, images, CSS, and JavaScript.
5. Apply the theme to production only after testing.

Troubleshooting

Problem Possible Cause Solution
Theme does not appear in Core Settings The theme may not have been downloaded correctly. Download the theme again and confirm that the theme folder exists.
Theme preview image is missing The preview image may be missing from the theme package. Check the theme image path and package contents.
Website layout is broken after update Customized theme files may have been overwritten. Restore from backup or compare the updated files with your previous version.
Delete button fails The server may not have permission to remove theme files. Check folder permissions and IIS write/delete access.
CSS or JavaScript does not load Theme file paths may be incorrect or missing. Check browser developer tools and confirm file paths.

Best Practices

  • Use themes as a starting point, then customize carefully.
  • Do not directly modify downloaded theme files without keeping a backup.
  • Use clear version notes when customizing a theme.
  • Preview the theme on desktop and mobile screens.
  • Keep only actively used themes installed when possible.
  • Do not delete the currently active theme.
Themes affect the entire visual experience of the site. Always back up, test, and preview before updating or deleting a theme.