Skip to main content

HTML Editor

Our intuitive HTML editor allows you to easily edit and design your web pages. With a user-friendly interface, you can make quick changes and updates to your site without needing extensive coding knowledge.

Important Notice

Please note that our team will not assist you while building your theme via the HTML Editor. We might help you with * Twig*-related issues, but we won't spend time explaining how CSS/HTML works. If you are not familiar with HTML/CSS, it's better to hire someone who can do it for you.

How to Open the HTML Editor​

To open and manage your custom themes:

  1. Open HTML Editor:
    • Click the HTML Editor button on any of our default themes.
    • Enter the name of the theme.
    • You are ready to go. The theme will be copied into your website, and you can do whatever you want.
      info

      When you click on the HTML Editor button on any of our default themes, that theme will be copied as a Custom Theme.

  2. Manage Custom Themes: Manage all your custom themes from the section above the default themes.
  3. Download Custom Theme: Click the Download button to download your theme.
  4. Upload Custom Theme Scheme: Click the Upload Theme Scheme button to upload a theme scheme (theme settings).
  5. Upload Custom Theme: Click the Upload Theme button at the top of the page.

Twig Template​

Our platform uses the Twig Template engine to manage the front-end. We have enabled almost every friendly Twig filter and function. If there is any filter or function that does not work, you can contact us, and we will check if we can enable it. For more detailed documentation on Twig, visit the Twig 3.0 Documentation.

How to Use Twig​

Twig is a powerful templating engine for PHP, allowing for clean and readable template code. Below is a basic example of using Twig:

<!DOCTYPE html>
<html>
<head>
    <title>{{ title }}</title>
</head>
<body>
    <h1>{{ heading }}</h1>
    <p>{{ content }}</p>
</body>
</html>

Variables​

Friendly-Named Variables

We use friendly-named variables to ensure clarity and ease of understanding. You can list all possible keys and variables using the following code:

<ol>
    {% for key, value in _context %}
      <li>{{ key }}</li>
    {% endfor %}
</ol>

To print variables and their values nicely, you can use:

{{ print_r(variable) }}

Replace variable with the key name from the loop above to print specific variable values.

GameCMS Twig​

Our functions have enabled the most used filters and functions, including some custom ones.

For detailed information about functions and filters, please refer to the GameCMS Twig.

Global Variables​

Global variables are available across all pages on your website.

For detailed information about global variables, please refer to the Global Variables.

tip

You can use print_r to print the variables you want, and it will show you all the data for those variables.

Local API​

For those who want to take creativity to the next level, our platform offers a Local API. This feature allows you to call pages via JavaScript and load content exactly where and how you want it. Our local JavaScript API provides the flexibility to build highly customized and dynamic web experiences.

For more information, please visit the Local API Docs.

AI Assistant​

Building your dream template has never been easier with our AI Assistant. You can ask the AI Assistant any questions related to your theme or website design, and it will provide helpful suggestions and guidance to ensure you achieve the perfect look and functionality for your site.

For more information, please visit the AI Assistant.