Here’s our initial static demo that we’re going to convert into a WordPress theme (the colors have been changed for the WordPress version): Make a Plan For this demonstration, we’ll create a new simple custom WordPress theme (Playground). Its file structure will look like this: The theme structure We’ll host it on a GitHub… Continue reading 2 Ways to Create and Display Footer Widgets in WordPress
Tag: Heading
How to Add a Sidebar in WordPress (Step by Step)
As the name suggests, a sidebar on a website is a vertical column that can be placed on either side of the main content or blog post on a webpage. While blog posts provide the main content to your readers, a sidebar can help you improve reader engagement. A sidebar doesn’t necessarily have to be… Continue reading How to Add a Sidebar in WordPress (Step by Step)
How to Add a Sidebar in WordPress (Step by Step)
As the name suggests, a sidebar on a website is a vertical column that can be placed on either side of the main content or blog post on a webpage. While blog posts provide the main content to your readers, a sidebar can help you improve reader engagement. A sidebar doesn’t necessarily have to be… Continue reading How to Add a Sidebar in WordPress (Step by Step)
Starting design work in a spreadsheet
In the early phases of a project a spreadsheet can be a more useful design tool than Figma. If you’re redesigning an existing website there are huge benefits in getting to know the content you’ll be working with. The earlier in the project the better. A little upfront investigation will help you make informed design decisions.… Continue reading Starting design work in a spreadsheet
Creating a Simple Responsive HTML Email
In this tutorial I will show you how to create a simple responsive HTML email which will work in every email client, including the more troublesome mobile and tablet apps. It uses minimal media queries and a “fluid hybrid” approach to ensure maximum compatibility. Popular HTML Email Templates on Envato Elements If you’re looking for… Continue reading Creating a Simple Responsive HTML Email
Create a Drag-and-Drop Contact Form With the FormCraft 3 WordPress Plugin
Whether you are running an online store, marketplace, or blog on your WordPress website, you will need a few essential elements displayed. One of these is a contact form. Without a contact form on your website, your website visitors will have no way of contacting you with their questions and comments. The absence of this… Continue reading Create a Drag-and-Drop Contact Form With the FormCraft 3 WordPress Plugin
Use a Drag-and-Drop Form Builder for WordPress
Forms have always been an integral part of the Internet. As a WordPress website owner, you have no choice but to use them if you want your users to communicate with you. Creating a modern form that follows best practices and conforms to the look and feel of your site, however, can be a daunting… Continue reading Use a Drag-and-Drop Form Builder for WordPress
20+ Online Ad Banner (Maker) Template Designs to Customise Now
If you’re just getting into online advertising or hoping to boost your online traffic with better advertisements, ad banners are the way to go. Ad banners are currently one of the most ubiquitous forms of marketing used on the internet. Companies use them for everything from raising their brand profile to increasing engagement, announcing discounts,… Continue reading 20+ Online Ad Banner (Maker) Template Designs to Customise Now
Weekly Inspiration: Big Type Reading Experiences
Everyone has their own guilty pleasure where it comes to web design; with me, it’s big typography. I love reading on the web when content is presented with large, unapologetic type. Couple that with cleverly used color, confident whitespace, and well designed typefaces–I’m hooked. This week’s inspiration pulls together some of my favorite examples. Font-Size 1rem If a… Continue reading Weekly Inspiration: Big Type Reading Experiences