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
- 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.