The Homepage is configured by using Sidebar named Home Content in Appearance >> Widgets. In the Homepage, the following widgets are used:

 

  • DW Focus: News Slider – Allow to display the posts in slider.
  • DW Focus: News Grid- Allow to display the posts in the grid style.
  • DW Focus: News List – Allow to display the posts in the list style.
  • DW Column – Allow to drag & drop the other widgets into and show the posts in the column style.
  • Text Widget – Allow to display the ads banner.

The backend settings:

The front-end appearance:

4.1.1- Setup DW Focus: News Slider

Step 1: Go to Dashboard >> Appearance >> Widgets

Step 2: Drag and drop DW Focus: News Slider to Home Content sidebar

Step 3: Enter the title, number of posts to shown, select other options that you want to display at the front-end according to your taste.

4.1.2. DW Focus: News Grid

Step 1: Navigate to Dashboard >> Appearance >> Widgets

Step 2: Drag and drop DW Focus: News Grid into Home Content sidebar.

Step 3: Enter the title, number of posts to show.

Step 4: Select number of columns as you want.

Step 5: Configure out the other options for the widget.

DW Focus: News Grid widget at the front-end

4.1.3. DW Focus: News List

Step 1: Go to Dashboard >> Appearance >> Widgets

Step 2: Drag and drop DW Focus: News List widget into Home Content sidebar.

Step 3: Start configuring the DW Focus: News List.

Front-end Appearance of DW Focus: News List.

4.1.4. DW: Column

DW column is a special widget developed by DesignWall team to show other widgets in the column style. Thus, you can definitely drag other widgets into DW Column easily. In our demo site, we used 3 DW Focus: News Grid widgets.

Follow our instruction below for further information.

Step 1: Go to Dashboard >> Appearance >> Widgets

Step 2: Drag and drop DW:Column widget into Home Content sidebar

Step 3: Select number of columns as you want. In the following screenshot, 3 is set up for this section.

Step 4: Drag and drop DW Focus: News Grid into DW Column.

Step 5: Enter the title and of the widget

Step 6: Enter number of posts to show.

Step 7: Select number of columns as 1.

Step 8: Select category you want to show at the front-end

Step 9: Continue to drag & drop 2 DW Focus: News Grid into DW Column widget repeat the configuration as in the first DW Focus: News Grid widget.

Please note that, each category in each DW Focus: News Grid is different from others, not the same at all.

Front-end Appearance :