WordPress - Appearance

Blanca Castillo
Blanca Castillo
  • Updated

Where do I find it?

SIDE PANEL > APPEARANCE

2d8a93a7-4d5f-4b37-b22b-21127fd329f4.png

 

What does it mean?

Here you can customise some aspects of the look and feel of the website. It includes options for managing themes, modifying menus, and editing widgets. TourCMS already provides the theme, however here you can create custom menus for navigation, and add widgets to sidebars or footers for additional functionality.

 

What should I do?

Please note that some images may vary slightly from those shown in this article.

In the appearance menu, users can set the theme, customize, widgets, menus, etc.

8df82973-c29f-4a48-91cc-eba0b494497b.png

 

How to use Customize?

Go to APPEARANCE> CUSTOMIZE

e22c0995-c486-46ea-bdfb-fab28dcea054.png

 

Here the user can change the appearance with the help of predefined and custom-created items.

  1. Site identity: to set
    1. Site title
    2. Site tag line
    3. Site icon
  2. Colors
  3. Background images: to set the background image
  4. Menus: The user can set the primary and other menus (Refer to the menu section for more details)
  5. Widgets: The user can customize widgets using this section (Refer to the widget section for more details). To customize the widget for a page:
    1. Navigate to the page for which the widget is to be customized from the Customize UI
    2. The left side panel will display the widgets used in the navigated page
      1. in the UI, a pencil icon will be displayed on the left top corner of the widget.
    3. The user can either edit the widget from the left widget list or from the UI directly, by clicking on the pencil icon
  6. Homepage settings: The user can set the homepage (landing page) for the website
  7. Additional CSS (Currently not in use)
  8. Yoast SEO Breadcrumbs: The user can configure breadcrumbs for the website

3fb9461d-d783-4f1e-96ab-785cba69b77d.png

 

How to use Widgets?

Go to APPEARANCE> WIDGETS

1c03aaea-48c6-4be4-9865-40166c7584a0.png

 

Users can view all the widgets directly from this section. All the widgets used in the website are listed here and can be customized.

Custom widgets are predefined in content and can be edited/deleted by clicking on the collapse icon.

Users can change/edit/delete the widgets’ content from here by adding blocks. In blocks, users can use elements and custom links.

e01dd5d9-39f2-42cc-9888-717c4f71b028.png

 

For Gay Line Licensees:

How to configure the "Recommended tours of the week"?

The configuration of "Recommended Tours of the week" is displayed on the Home page.

Steps: Login in admin panel > Appearance > Customize > Widgets > Page Title Section

fc2a5aa5-c549-41e7-a26a-3b6a6f9637e4.png

 

ee1fda97-7859-44c1-94bd-1ef9ca58c146.png

ef8bc8df-8890-42c2-ab5f-68740f83e41e.png

 

 

How to create/edit Menus?

Go to APPEARANCE> MENUS

4044e14b-6a09-4471-8198-e4dc45b5ad6f.png

 

Users can create/edit primary and other menus here.

All the existing pages are already listed - users can create customer link menus for external/internal URLs.

0d4133fd-b6ee-4527-8117-3f2168d6caef.png

 

Create/edit the main menu

Steps to create/edit the menu items.

1. Select the menu to be edited. In our example, we have selected “Tours”.

ad2c0a02-5786-49a9-8af8-d377caa5ae78.png

 

2. Select the items to be added to the menu from the ‘Add menu items’ section.

0ba584b8-daae-4ff3-888b-7ff18f8742d7.png

 

3. Click on ‘Add to menu’ - the items will be displayed in the Menu structure section. 

448e0fc8-42d5-4223-8224-1f1c71f48b1c.png

 

4. In the Menu structure section, the user can drag & drop menu items and so modify the level and sequencing of the items.

30dc6476-d217-47ad-918d-0579324c3546.png

 

For more information about the menu on the home page, please visit the following article:

WordPress- GLWW Homepage

 

Create/edit the footer menu

Go to APPEARANCE> WIDGETS > BELOW CONTENT WIDGET AREA.

Here, select Add a Navigation Menu, Select the menu and add a title, for instance About, Destinations or Tours. Please, note that the footer menu is already created in the Menu “Header theme 2024”, but you can change it.

03de25c6-5381-43fd-b814-90be9e0f136f.png

6a651f8e-3729-4c51-9bae-1815dce05e5d.png

3fa78a94-9d91-4560-ad48-8471316774eb.png

 

Where can I edit the contact details?

You can edit the contact details on the website by going to Appearance > Widgets

1ec9dbbf-65b7-46d0-ba20-9d2be4d3fa88.png