{"id":973,"date":"2024-06-19T07:00:00","date_gmt":"2024-06-18T22:00:00","guid":{"rendered":"https:\/\/support.learningbox.online\/?post_type=how-to-use&p=973"},"modified":"2025-10-23T15:55:03","modified_gmt":"2025-10-23T06:55:03","slug":"page-designer","status":"publish","type":"how-to-use","link":"https:\/\/support.learningbox.online\/en\/how-to-use\/page-designer\/","title":{"rendered":"Page designer"},"content":{"rendered":"

You can customize the login page. \"System page\" allows design change with templates, and \"Original page\" allows you to customize pages on your own.

*Select \"Site customizer\" from the side menu and click on the Design tab.
Select the Page designer tab.<\/p>\n\n\n\n

*We will not be able to address any issues that may happen as a result of your operation of the Site customizer.
For more details about problems that may occur, click\u00a0here<\/a>.<\/p>\n\n\n\n

\n

Required<\/span><\/p>\n\n\n\n

Customization option, Site customizer, Management role of Co-admin<\/p>\n<\/div>\n\n\n\n

System page<\/span><\/h2>\n\n\n\n

01. Go to the Edit page<\/span><\/strong><\/p>\n\n\n\n

In the Page designer tab, click on \"Edit\" in the System page.<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

02. Publish page<\/span><\/strong><\/p>\n\n\n\n

To publish the created page, turn the toggle key of \"Publish page.\"
When it is turned off, the page will be saved as a draft.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

03. Enter title\/URL<\/span><\/strong><\/p>\n\n\n\n

You cannot edit the title and URL on the system page.<\/p>\n\n\n\n

\u2003<\/span><\/span><\/span>Note<\/span><\/strong><\/p>\n\n\n\n

There are two ways to edit the content: create a panel from scratch or load a template. Each is explained in detail below.<\/p>\n\n\n\n

Add panel<\/span><\/h3>\n\n\n\n

You can select which panels to display and edit the content.<\/p>\n\n\n\n

01. Select panel<\/span><\/strong><\/p>\n\n\n\n

Click on \"Add display item.\"<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Select a panel to edit.<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

02. Settings<\/span><\/strong><\/p>\n\n\n\n

The following popup window will be displayed.<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

Available items are as follows.
When all settings are completed, click on the Create new.<\/p>\n\n\n\n

\u25bc Edit panel<\/strong>
To change the panel, click on \"Edit panel.\"

\u25bc Background image<\/strong>
To add a new image file, click on \"Add image,\" and upload a file from \"Choose File.\"
Uploaded files will be stored in the Manage subdomain media.
Click on \"Select image\" to select an image.
You can choose from uploaded images or default images.
*For more information about \"Manage subdomain media, click here<\/a>.

\u25bc Small title<\/strong>
You can set the font color and content of the small title.

\u25bcMain title<\/strong>
You can set the main title and text color.

\u25bc Button<\/strong>
You can set the button color, button text color, button text and link.<\/p>\n\n\n\n

03. Edit panel<\/span><\/strong><\/p>\n\n\n\n

You can edit panels you have created.
Click on \"\ufe19\" in each panel and select \"Edit.\"<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

The following window will be displayed.
Refer to \"02. Settings\" above for details on the settings of each item.
When all settings are complete, click on \"Back.\"<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

04. Sort panels<\/span><\/strong><\/p>\n\n\n\n

You can sort panels.
To move a panel, drag and drop it.<\/p>\n\n\n\n

05. Duplicate panel<\/span><\/strong><\/p>\n\n\n\n

You can duplicate a panel you have created.
Click on \"\ufe19\" in each panel and select \"Duplicate.\"<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

06. Delete panel<\/span><\/strong><\/p>\n\n\n\n

To delete a panel, click on \"\ufe19\" icon and select \"Delete.\"<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

Use template<\/span><\/h3>\n\n\n\n

01. Select template<\/span><\/strong><\/p>\n\n\n\n

You can use templates in the system.
To use the template , select one from the list.
Click \"Apply.\"<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

The following two templates are available.<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

02. Edit panel<\/span><\/strong><\/p>\n\n\n\n

You can edit the panels in the template.
Click on \"\ufe19\" in each panel and select \"Edit.\"
*For more information on how to edit, see \"Add panel<\/a>.<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

03. Sort panels<\/span><\/strong><\/p>\n\n\n\n

You can sort panels.
To move a panel, drag and drop it.<\/p>\n\n\n\n

04. Duplicate panel<\/span><\/strong><\/p>\n\n\n\n

You can duplicate a panel you have created.
Click on \"\ufe19\" in each panel and select \"Duplicate.\"<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

05. Delete panel<\/span><\/strong><\/p>\n\n\n\n

To delete a panel, click on \"\ufe19\" icon and select \"Delete.\"<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

Original page<\/span><\/h2>\n\n\n\n

01. Go to the Edit page<\/span><\/strong><\/p>\n\n\n\n

Click on \"Add page\" in the Original page.<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

02. Publish page \/Allow access before logging in<\/span><\/strong><\/p>\n\n\n\n

To publish the created page, turn the toggle key of \"Publish page.\"
When it is turned off, the page will be saved as a draft.
You can also set whether or not to allow access to the page before users log in.
Turn on the toggle key of \"Allow access before logging in\" to allow access.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

03. Enter title\/URL<\/span><\/strong><\/p>\n\n\n\n

Enter the title and URL.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

\u2003<\/span><\/span><\/span>Note<\/span><\/strong><\/p>\n\n\n\n

You can create a panel from scratch or load a template to edit the content.
*For more details about the settings, click\u00a0here<\/a>.<\/p>\n\n\n\n

Interface by device<\/span><\/h2>\n\n\n\n

You can check the user interface on a PC, tablet and smartphone.
*Whe you edit, duplicate or delete panels, all changes will be applied to each interface.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Manage subdomain media<\/span><\/h2>\n\n\n\n

Images used in the Page designer can be managed in the Manage subdomain media.
Images can be uploaded within the 1GB.<\/p>\n\n\n\n

01. Go to Manage subdomain media<\/span><\/strong><\/p>\n\n\n\n

On the Page designer tab, click on \"Manage subdomain media.\"<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

02. Add image<\/span><\/strong><\/p>\n\n\n\n

To add an image, click on \"Create new.\"<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

Upload an image file from \"Choose File.\"<\/span><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

An image will be added as follows.
Note that the URL consists of \"\/subdomain-media\/\" + the file name of the image.<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

03. Edit image<\/span><\/strong><\/p>\n\n\n\n

Uploaded images can be edited.
Click on the gear icon you wish to edit.<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

The following window will open.
You can change the file or the URL.
*The streaming URL will not be changed even if the file is changed.<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

04. Download image<\/span><\/strong><\/p>\n\n\n\n

Uploaded image files can be downloaded.<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

05. Delete image<\/span><\/strong><\/p>\n\n\n\n

Click on the trash can icon to delete an image.
To delete multiple images in bulk, tick the boxes, click on the arrow icon and select \"Delete.\"<\/p>\n\n\n\n

\"\"\/<\/figure>","protected":false},"excerpt":{"rendered":"

learningBOX\u304c\u63d0\u4f9b\u3059\u308b\u30c8\u30c3\u30d7\u30da\u30fc\u30b8\u306e\u30c7\u30b6\u30a4\u30f3\u3092\u5909\u66f4\u3067\u304d\u308b\u300c\u30b7\u30b9\u30c6\u30e0\u30da\u30fc\u30b8\u300d\u3068\u3001 \u304a\u5ba2\u69d8\u5074\u3067\u4efb\u610f\u306e\u30da\u30fc\u30b8\u3092\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3067\u304d\u308b\u300c\u30aa\u30ea\u30b8\u30ca\u30eb\u30da\u30fc\u30b8\u300d\u306e\uff12\u7a2e\u985e\u304c\u3042\u308a\u307e\u3059\u3002 \u203b\u30b5\u30a4\u30c9\u30e1\u30cb\u30e5\u30fc\u306b\u3042\u308b\u300c\u30b5\u30a4\u30c8\u30ab\u30b9\u30bf\u30de\u30a4\u30b6\u30fc\u300d […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":105,"template":"","meta":{"_acf_changed":false,"content-type":"","swell_btn_cv_data":"","advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"footnotes":""},"category-how-to-use":[82],"class_list":["post-973","how-to-use","type-how-to-use","status-publish","hentry","category-how-to-use-design-site-customizer"],"acf":[],"publishpress_future_action":{"enabled":false,"date":"2026-04-11 09:24:39","action":"change-status","newStatus":"draft","terms":[],"taxonomy":"category-how-to-use","extraData":[]},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/support.learningbox.online\/en\/wp-json\/wp\/v2\/how-to-use\/973","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/support.learningbox.online\/en\/wp-json\/wp\/v2\/how-to-use"}],"about":[{"href":"https:\/\/support.learningbox.online\/en\/wp-json\/wp\/v2\/types\/how-to-use"}],"author":[{"embeddable":true,"href":"https:\/\/support.learningbox.online\/en\/wp-json\/wp\/v2\/users\/2"}],"version-history":[{"count":10,"href":"https:\/\/support.learningbox.online\/en\/wp-json\/wp\/v2\/how-to-use\/973\/revisions"}],"predecessor-version":[{"id":16429,"href":"https:\/\/support.learningbox.online\/en\/wp-json\/wp\/v2\/how-to-use\/973\/revisions\/16429"}],"wp:attachment":[{"href":"https:\/\/support.learningbox.online\/en\/wp-json\/wp\/v2\/media?parent=973"}],"wp:term":[{"taxonomy":"category-how-to-use","embeddable":true,"href":"https:\/\/support.learningbox.online\/en\/wp-json\/wp\/v2\/category-how-to-use?post=973"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}