11 - Footer Widgets, Contact Form, 3rd Party Plugins (Diario)

1 - Go to Appearance -> Widgets to manage your widgets. Our theme supports two widget areas: The default WordPress Sidebar and the Footer widget area. The widgets that you add under the Footer widget are will be visible on the bottom of your site. We recommend using maximum 4 widgets in this area, because more elements can decrease the readability and the clear layout of your site.

image

2 - The widgets that you can see on our demo site are the following:

image

3 - If you want to use the same widgets, you can find the following 3rd party plugins in the folder you have downloaded under Assets > Optional Plugins. (These plugins are also available on wordpress.org). Latest Tweets Widget plugin needs your Twitter credentials, after installing the plugin please go to Settings > Twitter API on your WordPress dashboard and add your Twitter information. WP Recent Comments With Avatars plugin doesn't need additional settings and you can directly use it in your widgets areas.

image
image
image

4 - Contact Form 7 needs some additional settings before you can use it in your pages. After activating the plugin please go to Contact on WordPress dashboard and add a new contact form. While creating a new contact form you'll see 4 tabs: Form, Mail, Messages, Additional Settings. Please go through these tabs carefully add all the relevant information for your contact form. After saving your contact form, you'll see a shortcode (see the screenshot below) to embed your newly created contact form. Please copy this shortcode.

image

5 - To create a contact page please go to Pages > Add New on your WordPress dashboards. Leave the Default Template selected on the Page Attributes panel on the right side. Design your own layout and add a WP Text widget which will only contain the shortcode which you've copied on the previous step. As you can see on the screenshot below, our demo site uses a 1/2 + 1/2 column layout and on the right column the contact form has been embedded. Additionally a Full Width Google Maps has also been embedded using the Page Options panel on the bottom. This is an iframe embed code which you can get directly from Google Maps. Show page title option is deselected, so no default heading is shown on the page.

image

Last Updated 9 months ago