fTourism Theme: Achieve the appearance from the Screenshot

Here is a guide how to achieve the screenshot appearance of the fTourism theme in your WordPress site

First step is to have installed and activated the fTourism theme in your site.

Header social icons

you need to login to your Admin Panel, then navigate to Left Menu -> Appearance -> Customize -> ‘Social Sites’ tab, then enter URL addresses for different social sites and save changes by clicking on the ‘Publish’ button.

Main Menu

it’s a standard WordPress configuration: Admin Panel -> Left Menu -> Appearance -> Menus, then create a new menu and assign it to be ‘primary menu’ and save change. Here is a guide for menu with more details: https://tishonator.com/menus

Homepage Slider

1. Create a Static Front Page

The slider is visualized ONLY when there is a static front page set for your website. So, the first step is:

1.1. Login to your Admin Panel
1.2. Navigate to Left Menu -> Settings -> Reading
1.3. Select ‘A static page (select below)’, then choose pages for ‘Homepage’ and ‘Posts page’
1.4. Save changes

Reference: https://codex.wordpress.org/Creating_a_Static_Front_Pag

2. Update Slider Settings

2.1. Login to your Admin Panel
2.2. Navigate to Left Menu -> Appearance -> Customize
2.3. Open ‘Slider’ Section
2.4. Check the ‘Display Slider’ checkbox
2.5. Set Slider Images (‘Slide # Image’ fields) and Text (‘Slide # Content’ fields) for the different Slides

2.6. Save Changes

Homepage Static Content

You need to navigate to Admin Panel -> Left Menu -> Appearance -> Widgets

Then insert ‘Text Widget’ into each of the widget areas ‘Homepage Column #1’ and ‘Homepage Column #2’.

Once the text widget is inserted, you add an image by clicking on ‘Add Media’ button and then align the image to left:

The ‘Read more’ link can be created by selecting a text and click only on link icon, and then insert a URL for it:

If you want the link to be displayed as a button, you need to open the widget content as ‘Text’ (by clicking on ‘Text’ tab), navigate to the link (<a href=”…”>) and insert class=”btn” into it, here is an example code:

<a href="#" class="btn">Read More</a>

and it seems the above covers all of the necessary changes.