We would like to thank you
for purchasing
"Didi - WordPress Theme".

2. Front Page

Front page is consisted of front page editor content and 3 widgetized content blocks. In front page editor all kinds of content can be added and is suited for usage with page builder plugin.

3 widgetized areas can be combined in different ways and not all have to be used. Widget areas that you leave empty will not be displayed on the front page.

To start creating a front page you first need to create a new page and asign it to be your front page.

Navigate to the Pages and create a new page and name it (in the demo we named it "Welcome to the Didi"). From the Page Attributes choose "Front Template" and click "Publish".

By default WordPress on the Front Page displays your latest posts.

If you want to set the page you created as your front page just navigate to the Settings » Reading and instead of the default "Front Page Displays: - Your latest posts" choose "A static page" and choose the page you created earlier. From the Posts Page dropdown select a page you want to use as your blog page.

 

2.1 Page Content

Navigate to Pages and open the page you created before, "Welcome to Didi". Inside the editor add your content and it will display on the front page.

Content we added inside the editor is:

If you want to add the yellow button anywhere on your website just copy and paste this code and instead of the "#" sign add your own link:

If you leave the editor empty, page content will not show on the front page.

 

2.2 Front Page First Block

 

A. Background Image with Text Hover Effect

Navigate to Appearance » Widgets and drag and drop "Didi: Background Image with Text Hover Effect" widget inside the Front Page First Block widget area.

Change image url with your own one and write your own text and link url.

After that we drag and drop one more widget "Didi: Promo Block" to create that promo block with "Order Now" button.

Of course you are free to use any other widget, for example slider widget as explained in the B. section.

 

B. Slider

 

* Find more information about installation and use of Soliloquy slider here: Setting up the slider. You are free to use any other slider plugin.

 

Navigate to Appearance » Widgets and drag and drop "Soliloquy" widget inside the Front Page First Block widget area.

Create at least one slider in Soliloquy and then choose the slider you want to display.

Slider image size is 1088x500px.

 

* If you don't want to have the Background Image with Text Hover Effect or slider at the top of the page just leave the Front Page First Block empty!

 

2.3 Front Page Second Block

Navigate to Appearance » Widgets and drag and drop widgets inside the Front Page Second Block widget area.

In this widget area we added the Didi Recent Posts widget: you can choose number of posts, category, and a different number of columns (two,three and four columns). In this area we also included Didi Background Image with Text and Button Widget.

 

2.4 Front Page Third Block

Navigate to Appearance » Widgets and drag and drop widgets inside the Front Page Third Block widget area.

In this widget area we added Didi Recent Posts widget, you can choose number of posts, category, and a different number of columns (two,three and four columns).

* The left sidebar will be displayed only if you add widgets inside the Front Page Third Block widget area .

 

* Front page consists of the page content you add inside the page editor and 3 different widgetized blocks. This gives you freedom to create different layouts. Using the Widget Visibility without Jetpack plugin feature - Widget Visibility Without Jetpack you can create numerous different pages using the same "Front Template". Widget Visibility module enables you to configure widgets to appear only on certain pages (or be hidden on certain pages) by using the Visibility panel. Using this feature we created different front page versions in the demo to present the various options.