As I mentioned last week, as a blogger, you are going to make mistakes and, fortunately, most of them are very minor ones that you can fix and recover from quickly.
That being said, one of the more common and embarrassing mistakes involves screwing up your theme. This can be especially frustrating if you aren’t somewhat experienced with HTML and CSS, but can still be a headache no matter how experienced you are.
Though there are literally an infinite number of ways you can mess up your theme, limited only by your “imagination” in this area, some errors are definitely more common than others and you can probably fix most of the common mistakes quickly.
With that in mind, here are 5 very common theme/template problems and how to fix them.
I’m Getting An Error that Says ___________
This can be the most frustrating problem as it can mean your site is effectively offline. If your site is throwing back an error, either in addition to or instead of your other content, you need to read the error carefully.
The error will, usually tell you everything you need to know to fix it, including what file the error is in, what line number it is at. If your error says that the problem is in your header.php at line 56, you can be pretty sure that the error is in that file and on, or at least near that line.
Go into that file and look for any obvious formatting errors such as forgetting a bracket, a quote or something else. Be sure to look at the line before it to make sure that it wasn’t a formatting error on that line causing the crash to happen on the one after it.
For help with line numbers, you may want to use a source code editor like Crimson Editor that displays line numbers clearly.
All of the Content After Point X is Formatted Wrong
This can happen either within a post or within a theme, but if after a certain point in the page the rest of the content is formatted wrong, you most likely forgot to close a tag. For example, if you open up an H2 tag bug don’t close it, all of the content below it will appear in that format.
To fix it, simply go to where the error started and see if you failed to close a tag. When you find it, add the closing tag at the correct place.
My Sidebar is Below My Content
This is a common problem where the sidebar or navigation of a site appears below the content portion when it should be beside it. This can be especially annoying as it will happen in certain browsers but not others, sometimes making it a tough problem to track down.
The cause of the problem, usually, is a simple math problem. If your HTML you likely have a DIV for your entire body, including both your content and navbar as well as DIVs for those two areas. If the content area plus the sidebar area plus any padding around them is wider than the main DIV, the sidebar will appear below the content, just like text running over to the next line.
The easiest way to temporarily fix this problem is to simply add a few pixels to the main DIV in your site’s CSS file. However, you’ll likely want to keep working at this one to make sure it lines up perfectly in all browsers.
A Function Isn’t Found
This is a specific type of error that is common after disabling a plugin where your site doesn’t load and generates an error saying that a function can not be found. Though WordPress makes it easy to code around this by using the function_exists check, many plugins don’t ask for that when telling users to copy and paste code into their theme.
You can fix this by either removing the line of code that calls the plugin, which should be identified in the error, or reactivating the plugin.
Something Is Causing Loading to Hang
This one might not even be an obvious problem at first but you may notice that your site never really finishes loading or, in extreme circumstances, will hang up in mid-load for a lengthy period of time. This is an annoying problem and, usually, is not one you caused directly.
What is going on is some element, likely from a 3rd party, is loading slowly or not loading at all, holding up your site while your browser either grabs it or gives up.
The easiest way to figure this out is to load your site and watch the bottom of your browser to see what the problem is. If that fails, use Pingdom’s Load Test Tool to see what item is causing your site to come up so slowly. Remove the problem, at least temporarily and your site should fly just fine..
Template and other coding errors are why it pays dividends for a blogger to know HTML and CSS. If you can’t fix small problems with your theme or make minor adjustments, you are at the mercy of your visual tools and those who are willing to help you.
Fortunately, you don’t need a lot of expertise, just enough to make these kinds of adjustments. This is not computer programming and it doesn’t require any truly special skills, virtually anyone who can use a word processor can learn HTML easily with a bit of work.
Once you have that, problems like these go from being major panics to simple problems that take only a few seconds to fix.
Defining the Best Colors, Style and Design for Your Brand Logo
Have you ever thought about why some companies and brands are more successful and well-known than others? In many cases, it comes down to the products or services they offer, but the actual look and feel of the company brand can play a huge part in this as well.
A great example of this would be every brand that currently has a well-known logo design or identity, even though it doesn’t have the actual name of the company within the logo. Names like Nike, Target, Apple, Microsoft, and Starbucks come to mind. Billions of people from around the world can recognize these brands simply by seeing their logo… and they don’t even need to see a name associated with it. You can see some of the most popular brand logo designs and changes they’ve made over the years in this famous logos reference guide.
With all of that in mind, it’s important to create a logo design for your business that not only represents what you do but also one that resonates with your audience as well. To give another example of the many different ways an industry can influence the way logo are created to relate and brand with an audience, let’s take a look at some of the top online survey sites from a site like SurveyClarity.
What do you notice about each of the popular survey logo designs below? Not only are they mostly text-based, they are all different variations of GREEN! WebPageFX.com says the following about the color green in logo design:
Green is Youthful and Earth-Friendly: Health – Tranquility – Freshness. Green represents growth, and evokes a feeling of relaxation and healing. It is the color of healthy vegetation, so it reminds viewers of nature and health. It is also associated with money and wealth.
This is something you will see in many different markets. Another great example is the banking or make money space. Many of the banks will have a green or blue feeling to them — which both represent calm, financial, and fresh feelings and emotions. However, many other brands like Twitter and Dell are using BLUE to represent their compani\y logo and brand as well.
Now that you likely have a better understanding of what different colors are being used in logo designs today, you might be thinking about the different styles, variations, and colors you can use within your own company or site design and branding.
Thanks to the “What Type of Logo is Right for You?” infographic below (provided by Designhill), we are going to break down the many components and choices of logo design, and how to best represent your brand.
To get started with the process, you should first decide on if you want a font-based logo or a graphic design. No matter which option you choose, you can tweak both design types to work with whatever style you’d like to go with.
A “Word Mark” logo design is one that is made up of a stylized type font, yet is also original in design. A few good examples of this would be the HBO, NASA and CNN logo. At their core, they are text fonts — but also with a unique and custom design in the process.
After you’ve given some thought to the different colors, design types, and styles of logos you can create, we recommend you take a look at the new AI-powered logo maker from Designhill. Not only is the tool free to use, it can create an unlimited number of logo designs for you to choose from. Keep scrolling through the designs until you find one that you like, then complete the process by purchasing the fulicensednced version of your logo design, which also comes in a wide range of file types.
How to Find the Right Logo Design for Your Band
As shown in the infographic below, we can answer a few simple questions to see what type of logo you might want to focus your efforts on for your brand. Depending on how you answer each of these questions, you will find a different result for your brand identity.
- Is your business well established?
- Is your business internationally known?
- Do you plan to remain a small business?
- Does your company have a long name?
- Do your company contain a unique word?
11 Homepage Design Features That Will Boost Traffic
It’s never been easier to create a website — and it’s never been harder to get people to stay there. With mere seconds to capture a visitor’s attention, your homepage needs to clearly and concisely state your value, and convince the visitor that your business is worth their time.
One of the biggest website-related challenges for businesses is increasing traffic, whether that comes from organic search, a referral or a marketing campaign. Sometimes encouraging more people to visit your site is as simple as incorporating appealing design elements.
To boost traffic, 11 members of Young Entrepreneur Council share key design features to include on your homepage.
1. Information on the Solution to a User’s Problems
Visitors come to your site in search of solutions to a problem. Information about where they’ll find that solution should be the first thing they see. Too many businesses fill their homepage with irrelevant information that doesn’t help the visitor solve their immediate problem. Evernote’s homepage is a great example of this done well: clear copy, clean design and a signup form above the fold.
2. A Mailing List Sign-Up Form
It’s no secret that a mailing list is one of the best ways to attract regular visitors and customers online. Having a clear link to a contact form on your front page can be the most effective means of increasing traffic. It’s even more effective if you find a way to incentivize visitors to sign up through exclusive offers or opportunities.
3. Your Target Keyword in the Page Title Tag
Whenever I see a website with the word “Home” or “Welcome” in its page title tag, I see a missed opportunity to drive more website traffic. Why? Because the page title tag is an important (and easy) thing to address to optimize a website for SEO. Avoid making this mistake by identifying your most valuable, descriptive keyword, and include that in your homepage title tag.
4. Easy Navigation
If someone is visiting your website, they don’t want to have to search for the content they came there for. Make it easy on them, and you’ll find them coming back for more.
5. Blog Content
People share relevant, interesting content, not homepages. Your homepage is rarely going to be the main traffic source for your website. What brings in traffic is quality content, so you should be funneling people into that. Content will get shared and drive traffic to your website, which will inevitably spill over to your homepage as people seek to learn more about your company.
6. Google Tag Manager
You can’t increase traffic if you don’t know what traffic sources are best. Google Tag Manager is going to give you a much more simplified tagging and management process for your analytics.
7. A ‘Contact Us’ Form
If you’re not getting any leads from your website, then what is the purpose of having one? Implementing a call-to-action form is critical for turning a prospect into a hot lead. If they’re visiting your website, that means they’re interested. Make it easy for them to contact you with a “contact us” form so that you can add them to your mailing list.
8. Client Testimonials
Studies have shown that consumers trust online reviews and testimonials, so showing your social proof is a powerful way to get new customers to trust and believe in you. Rotate new client testimonials often and, if possible, get reviews from known influencers in your niche. These testimonials can improve user engagement signals, which in turn improves traffic and rankings
9. Calls to Action on Every Important Page
Your homepage should be all about funneling people to the rest of your site. Think of your homepage like the lobby of a hotel — a series of well-lit and clearly labeled paths to the things that matter. As a result, your homepage should feature calls to action to every important page or subpage on your site to help people find what matters to them.
10. ‘As Seen In’ Media Logos and Copy
If you’ve been featured in the business section of your local paper or had a profile done on your company in an industry trade journal, consider including an “As Seen In…” section on your homepage that includes a brief excerpt from the story and the logo of the media outlet. By including these proof points, you’re establishing credibility with current and prospective customers.
11. Social Media Buttons
Facebook, Twitter, LinkedIn and other social media sites are fantastic channels for traffic. Make it super easy for your existing traffic to share articles or your homepage. Simply add a text widget and format social media buttons on a sidebar or footer as well as various content articles on the homepage.
How to Create the Best Content and Site Design Possible
When creating any type of content on the internet these days, it needs to be about user engagement and providing your audience with the value they are looking for. The same can be said about your site design and how users can navigate it. With more than a billion active websites on the internet today, there is no longer a need to push content out there just to simply to ‘put something out there’. At the same time, you also need to consider the different ways users might be visiting your site, such as through mobile, tablets, and desktops. Follow this advice and all of the actionable tips above to find more ROI with your content creation and marketing efforts.
10 Premium PSD Website Templates With Stunning Design Layouts
A unique web page must have a set of unique templates that are tailor made to suit it. Luckily, Photoshop offers a range of pre-made PSD website templates that are easy to use, and give your site a striking and memorable appearance. You can choose from a wide range of free and premium templates with varying features and functionalities.
In this article, we are listing out 10 of the prettiest and premium website templates in Photoshop PSD. These offer additional perks in comparison to their free counterparts, allowing you to get a lot more done in one package.
Here are the 10 Striking PSD Website Templates for Business, Blog Portfolio, and other awesome websites
This web page template bundle from WrapPixel consists of 140+ PSD templates across 15 different categories like admin dashboard, landing pages, magazines, marketing agencies, medical, eCommerce, real estate, personal blogs, WooCommerce, Prestashop, creative businesses, and other multipurpose psd templates . So no matter what kind of web page you’re making, this one has got you covered! Every template is made with a pixel perfect design and developed carefully to deliver the best user experience. The highlights of this template bundle are the Google Fonts integration, Bootstrap grid, a lifetime of updates and 1 year of free customer support.
This is a great theme for repair shops or automobile websites. It has a completely responsive design with many unique features and layouts. It comes with pre-built demo content that can be replaced with your own content quite easily. This is an HTML 5 based template with a flexible layout. It has a dark layout that contrasts great with the white spaces on the web page, where your content goes.
This is one PSD template that’s light on the pocket but big on the features! It has a load of responsive template options to choose from, with some seriously flexible and editable coding, HTML 5-CSS3, and many many personalization options. You can customize colours, menus, categories, column numbers, fonts, etc. If you aren’t sure of the kind of site that you want to create or are looking for something very flexible, then this is a great template for you.
Cordova is a great template for those who wish to go the minimal and classy way, and want to create sauve web pages. You have the option of choosing from various column layouts, and the dark/light colour schemes with contrasting fonts puts the attention on your content while giving your website a classy appearance. This template is HTML 5 coded, and works great for corporate sites or businesses.
5. IT Company
This template makes for a great landing page, especially if your website is aiming to be extremely professional and/or minimal. The highlight of this PSD website template is the focus awarded to making a clean, classy layout and design. You will find elements such as long shadows, lesser use of colours, subdued hues, large icons, blocks with inclined borders, progress bars, and a lot more. This template is suitable for coming soon pages, landing pages, and professional-layout-inclined sites.
Not just dogs, but this theme is great if you an animal lover with a pet store, pet hostel, or even a shelter. It will appeal to the dog person in you with its quirky layout, cute features, and 3 different colour schemes. This is a responsive template with HTML 5 coding and is perfect for a pet e-Commerce store, blog, or even adoption agency. Editing is very easy with this template as it supports free fonts.
Design is another beautiful premium PSD template that’s perfect for the more artistic websites and web pages. If you own a creative agency or generally like using visuals to captivate your audiences, then this is a great template for you. Design is a layered template that uses a combination of visuals, colours, minimalism, and class to give you the ability for creating stunning sites.
If you are the creative type with the desire to make unique, memorable web pages, then Diskos is a great template of choice. This responsive template works well for all kinds of websites, irrespective of the industry, if you want to add a flair of creativity to it. This template has many colour and font options, giving you a lot of freedom to go wild! Diskos is a layered template with a lot of room for editing.
The highlight about ProIndustry is the modern and contemporary design and layout, and the high quality and top end solutions that it uses to create these stunning layouts. The catchy design makes use of page wide images and icons to take up the entire screen, and the pages offer hexagonal icon layouts for an added effect. The semi-transparent menus add a dash of the unique to this PSD template. ProIndustry is great for professional sites.
Travel is perfect for travel blogs, photography websites or travel agencies, as the name suggests. This is a layered PSD website template that uses minimal elements to give your web pages a sophisticated and classy look. For instance, it uses a lot of transparent elements to accentuate your content and drive users towards it whilst not cluttering the web page. It gives the site a light and modern appearance.
Search Blogging Tips
Blogging11 months ago
How to Start a Fashion Blog in 8 Simple Steps
Blogging2 years ago
6 Tools For Boosting Content Marketing Results Over The Holidays
Blogging1 year ago
6 Steps for How I Nabbed 6500 Comments on My Blog
Search Engine Optimisation2 years ago
7 SEO Analysis Tools Every Blogger Needs to Know
Blogging1 year ago
57 Must-Read Books For Entrepreneurs Recommended by Entrepreneurs
Blogging1 month ago
3 Tips on How to Grow a Local Trade Business with a Blog
Blogging1 month ago
1 Clever Way to Find Blogs for Reading and Commenting
Design & Coding1 month ago
Defining the Best Colors, Style and Design for Your Brand Logo