The success of a website depends on various aspects, such as the overall usability, visual design, and brand consistency. These impact the opinion users have of your site. Can they quickly find their way around? Help them navigate by having a clean and engaging footer with Newspaper Theme. Designing a beautiful one is easy to do with our frontend page builder, the tagDiv Composer.
How to create a Footer with Newspaper Theme
Open the tagDiv Composer frontend builder on any of your pages or Cloud Library Templates. Click on the Manager button on the top bar of your Composer. As an alternative, you can click the button in the middle of your Composer that says “Website Manager.” Whichever option you choose, a window should show up containing not only the Footer settings but also the Header ones.
Under the “Choose Footer Template,” click on the “Import Footer” button. This brings up the Cloud Library from which you can import a pre-designed Footer template, or make your own. Pick the one you want and then hit “Import.” You now have your own footer that you can customize on the front end. Change the links, choose a fitting description, upload your Logo Image, and customize the colors to fit your website’s color palette. You’re done! Hit “Save” and your new footer should be applied on the page or template you created it on.
To set the footer globally, go to your WordPress Admin Dashboard > Newspaper’s Theme Panel > Footer. Now, from the first section, choose the imported footer that you’ve just finished customizing and save.
A blank new Footer to fit your vision
Just like you previously imported a pre-designed template, you can import a blank one. Open the tagDiv Composer and hit the “Website Manager” button. From the new window, press the “Import Footer” button, which opens the tagDiv Cloud Library. Now choose the “Blank Footer Template,” and you can begin editing.
Split the row into columns if you want. Now, start by bringing items to the footer zone. Don’t clutter it with too many elements. Organize each one with purpose and group them to create structure and a neat layout. After all, the first rule for editing and designing is “simple is better.”
Here are a few elements you could add to the footer straight from the tagDiv Composer:
- A List Menu.
- Column Title
- Social Icons
- Inline Text / Column Text
- Header Logo
- Call-to-Action / Button
Get creative with each element to make it fit perfectly into your website.
Let’s get more specific
Using the Inline Text or Column Text element, write the email address, phone number, and the physical address of your company so that visitors can reach out to you conveniently. Include links to your social media through the Social Icons element. Adjust the icons’ size so they can still be visible. After all, footer items tend to be smaller than their content – counterpart.
A copyright notice is a lifesaver for everyone. It can be included by adding the Inline Text element and can include the circular “c” symbol. The year of publication and name of the copyright owner should also be mentioned.
Encourage Interaction in the Footer with Newspaper Theme
Once visitors reach the footer, give them something to do while they’re there. Include a Subscription box if you intend to deliver updates by email, or use the Call-to-Action element to invite them to a different page and continue scrolling through the content.
Remember: fonts in the footer have to be smaller than the ones used by the page’s body. Think about the color you use for the background and text, create contrast so that each line is noticeable. For more information on choosing appropriate fonts, check out our typography blog post here.
Spacing is essential for the layout of your footer. Leave plenty of room for each section so that lines aren’t too cramped or uninviting. Think in terms of hierarchy: what do you want the visitors to notice first? Your company’s logo or the subscription box? Make the most important element stand out from the rest. You can do that by changing size on the element, adding padding and margins to the column, row, or individual items in your footer.
When you’re done, hit Save. If you want to assign the footer globally, go to your WordPress Admin Dashboard > Newspaper Theme Panel > Footer. Now choose your new template from the dropdown menu list in the first panel.
Make multiple footers for different pages / templates
Whether you need a different layout, or you want to entice the reader with a different offer, you might need to create a new footer. But how does this work with the new template system? It’s simple! Just as you would create multiple headers with the Website Manager, you do the same with footers.
Open the page or template you want to assign a different footer other than your global one. From the tagDiv Composer, click on “Website Manager” and in the footer section, choose the one you want to assign from the dropdown menu. Now hit Save, and you’re done! Your page or template now has a different footer.
You can do this multiple times. With Newspaper Theme, you can have a myriad of footers at your disposal. However, it is best to consider that if you have multiple different footers with clearly unique styles, it may distract your reader.
Instead, you could use a different footer on landing pages that are meant to keep a different aspect compared to the rest of your website already. This is a brilliant idea as it allows you to include different links entirely for just this one page.
No Footer? No problem!
Do you have a page that is cluttered with millions of different elements? If you want the reader only to pay attention to the content of the page, getting rid of the footer entirely might help your cause. How would you do that? Just open the tagDiv Composer on the page or template in question.
Press the “Manager” button at the top of the tagDiv Composer to open the Website Manager. From the footer section, choose the “No Footer” option in the dropdown menu. That’s it! That’s all you have to do. Don’t forget to Save it!
This fantastic new option comes in handy when you need to keep the audience on a specific page or template.
Last but not least…
Have you designed a footer with Newspaper Theme yet? Show us your wonderful results in the comment box below!