20 Free Bootstrap 3 Admin Dashboard Templates For Your Web App 2016

Free Bootstrap Admin Dashboard Templates

Bootstrap 3 is the latest version of the Twitter Bootstrap and the largest web framework with a lot of features, all easy to use. We’ve hand-picked the list of 20 best free Bootstrap 3 Admin and Dashboard templates. The focus of each template is different – some templates offer wide range of customization while other focus on specific features. We’re certain you will find a template that suits your needs perfectly!

These simple yet powerfull admin templates are well suited for web apps or any other website or project that requires admin dashboard. This templates will serve as a solid foundation for your upcoming project and will save you a lot of time. Needless to say that Bootstrap makes these templates mobile-friendly and responsive.

Below listed free Bootstrap admin templates are rather simple and might not be the right fit for everyone. If you are looking for more advanced and more customizable admin templates you can check this and this template collections. On those template collections you will find HTML5/CSS3 coded admin templates as well as one powered by AngularJS and Bootstrap.

Gentellela (Most Popular)

gentelella-admin-template-preview

Gentelella a responsive, flat and full featured admin template build. This template is build on Bootstrap 3 framework using modern techniques like HTML5 and CSS3 to be used for backend solutions of any size. This is by far the most advanced and well designed free admin dashboard template that can easily compete with any premium alternative.

Demo

Metis

metis-free-bootstrap-admin-dashboard-template

This template features plenty of different options and many different versions for you to test out and find the perfect fit. This template soon to face a major overhaul with new design and functionality. Make sure to follow it to be the first one to see the revelation. It is going to be build using Bootstrap 4 and bring latest and greatest to the scene.

Demo

Monarch (Premium)

monarch-minimal-anfular-admin-template

Monarch is an elegant and extremely well developed, mature and sophisticated, technologically top of the line and deftly competent, highly accessible and both user and developer friendly, lightweight and fast-loading, highly customizable responsive AngularJS and HTML5 Admin website template. Monarch is a resourceful and cleverly crafted theme, a platform constructed with the pliable malleability and adaptive modularity of the latest and great web development technologies, founded upon a robust framework coded with W3C-valid, lightweight and efficient HTML5 standards and offering webmasters and developers a full range of web-based desktop and mobile application development tools and powerful features to assist in crafting sophisticated, dynamic and interactive web applications and modern, dashing websites built around them.

AngularJS brings to the table not only a lively ecosystem of sophisticated functions and libraries that allow for all sorts of modular expansion and addition to a sleek, developer-friendly code, but also amazing, professionally graphically designed front-end user interface templates, so that building the end-user experience for your web presentations, tablet and mobile apps or desktop web apps is easier and speedier than ever before, with gorgeous, tasteful results regardless of your UI design experience. Monarch is natively responsive, compatible with all browsers and platforms on the market. Try Monarch now!

Demo

Delight (Premium)

delight-classic-bootstrap-admin-dashboard

Delight is a beautiful and versatile, elegant and agile, nimble and cleverly coded, efficient and lightweight, tech-savvy and attractive, easy to use and customize, visually flexible and highly responsive Bootstrap Admin Theme website template. Delight is a wholly innovative and impressively potent toolkit for webmasters and developers to craft unique and distinct, modern web-based applications and sophisticated websites and presentations, for all sorts of diverse fields, industries and clients.

Delight is ideal for professional developers, app developers and engineering firms looking for solutions in both front-end and back-end format for all sorts of websites or apps, from tasteful and attractive front-end UI templates to powerful Admin dashboards. Delight makes elegant deployment of the combined power of Twitter’s own responsive, modular Bootstrap coding standard with the sleek, clean and pristine visual styling and language of Google’s own Material Design aesthetic conceptual philosophy. With Delight, creating modern web applications that make eloquent usage of Material Design elements and visual cues, widely understood in an intuitive manner by people across all demographics the world over, is faster and easier than ever, with instant access to a whole array of convenient, innovative tools for crafting colorful and fresh web based applications. Try Delight now!

Demo

AdminLTE 2

adminlte-free-bootstrap-admin-template

AdminLTE provides a range of responsive, reusable, and commonly used components. It features over 1000 icons, custom-made plugins, 6 different skins and plenty more.

Demo

Matrix

matrix-admin-free-bootstrap-admin-dashboard-template

Matrix Admin is a wonderfully fresh-faced and colorfully youthful, intuitive and attractive, robust and responsive HTML5 and Bootstrap admin template. Matrix Admin is the perfect theme for amateur or professional webmasters that are establishing their online home for themselves, their projects or their business, and are in need of a reliable, solid and robust framework wherein they can develop their website without wasting time and effort in coding every last little bit of functionality and every single resource.

Matrix Admin has a plentiful package consisting of two different dashboard presentations, over 20 integrated plugins to make your life easier and your design experience smoother and fluid, tons of handy widgets and awesome templates, powerful graphing capacities that make analytical work and data handling or reporting a simple, streamlined task, and much more under the hood. Professional quality charts, interactive graphs, colorful widgets and functional buttons, sidebars, headers and more await you within Matrix Admin. Cutting edge HTML5, CSS3 and Bootstrap capabilities make Matrix Admin backends completely cross-compatible with all devices and browsers, mobile-friendly and extremely lightweight and fast-loading right out of the box. Boxed and fullwidth layout capabilities are but a click away, as are a myriad more advanced choices and styles. Try Matrix Admin now!

Demo

Lumino Admin

Lumino Bootstrap 3 Admin And Dashboard Template

Lumino is a clean, fresh admin panel template and includes everything you need for your backend administration panel. Some of Lumino’s many features are a dashboard overview page, various widgets, responsive charts, advanced data tables, forms, UI elements and sample login page.

Bootstrap Admin Theme

Bootstrap 3 Admin And Dashboard Template

While not as colorful or flashy as other themes, Bootstrap Admin Theme’s main focus is on usability and utility. Custom made plugins, different editors, and plenty of UI and interface elements guarantees easy to use admin template with great customizability.

DashGum

Dashgum Bootstrap 3 Admin and Dashboard Template

DashGum is a simple and elegant admin panel. It comes with 15 pages to start your panel as soon as possible. With DashGum, you have charts, tables, a lot of panels, calendars, notifications, to-do lists and more.

SB Admin 2

SB Admin 2 Bootstrap 3 Admin And Dashboard Template

SB Admin 2 Bootstrap admin theme, dashboard template, or webapp UI starter. The theme features a variety of custom jQuery plugins to add extended functionality past the built in Bootstrap UI features.

Siminta

Siminta Bootstrap 3 Admin And Dashboard Template

Siminta is a responsive admin dashboard template for admin and back end applications. It is a reliable, user-friendly and easy to customize. Siminta comes with a huge collection of plugins and UI components that makes your work easy.

Devoops V2

Devoops V2 Bootstrap 3 Admin and Dashboard Template

With 2 color skins and more than 20 plugins Devoops v2 is a stylish Admin and Dashboard theme that is incredibly versatile and customizable.

TemplateVamp

TemplateVamp Bootstrap 3 Admin And Dashboard Template

Based on Twitter Bootstrap, TemplateVamp is a fully functional and customizable admin template that leverages the power and flexibility of HTML5 & CSS3. It can be used as a front-end toolkit for rapidly developing web applications that are lightweight, faster, and mobile-friendly; a great starting point.

Hierapolis

Hierapolis Bootstrap 3 Admin And Dashboard Template

Clean and flat style admin and dashboard template with modern design. Hierapolis is based on Bootstrap 3 with SASS and Compass.

Meritoo

Meritoo Bootstrap 3 Admin And Dashboard Template

While missing some of the more common features found in other themes (calendar and statistics), this theme still offers plenty of features. Keep an eye on this theme since it’s still being constantly updated.

Bootply Admin Template

Bootply Bootstrap 3 Admin And Dashboard Template

This is a starter template for an admin, control panel or dashboard. This template has a collapsible tree menu, and a variety of panels that can be used as dashboard widgets.

Simple Responsive Admin Theme

Simple Responsive Admin Theme Bootstrap 3

Simple Responsive Admin is a free lightweight, imageless and bootstrap based admin theme. You can use this admin theme for personal and commercial projects under cc3.0.

Dark Theme

Dark Theme Bootstrap 3 Admin And Dashboard Template

This is an admin theme with many additional pages and layouts. Dashboard, which contains dashboard widgets, handle the task of data visualization for the theme. Useful for quarterly reports, sales data, data reporting etc.

Dashboard Bootstrap Template

Dashboard Template Bootstrap 3 Theme

This is a responsive dashboard-style layout that uses Bootstrap 3. You can use this template as a starting point to create something more unique.

BCORE Theme

BCORE Bootstrap 3 Admin And Dashboard Template

BCORE is fully responsive admin template. It comes with 40+ integrated plugins for charts, data tables, maps, form elements, notifications and more.

Nice Admin

Nice Admin Bootstrap 3 Admin And Dashboard Template

A powerful admin template based on Bootstrap that provides a clean and intuitive design that is focused on UX. It has been built to work seamlessly across browsers, tablets and phones. It includes advanced examples of charts, form validation and maps.

Zontal

Zontal Bootstrap 3 Admin And Dashboard Template

Zontal is free Bootstrap admin template for personal and commercial use. It features nice animations and movement that is similar to material design.

How to Fix the Internal Server Error in WordPress

Fix Internal Server Error

If you’ve ever encountered sporadic errors in your WordPress site then you’ve come to the right place. WordPress errors can be quite infuriating, but there’s always a way to overcome them – and in most cases, a several different solutions exist.

Some users find that on trying to access their WordPress admin panel, they’re presented with an internal server error that goes something like this:

The server encountered an internal error or misconfiguration and was unable to complete your request.

This particular error has people racking their brains out in hopes of figuring out what’s wrong with their site and how they can fix it. In this article, I’ll go over a few simple solutions you can try out to diagnose the error and resolve it.

Let’s get right to it!

How Does This Error Occur?

As the name suggests, internal server errors aren’t WordPress-specific errors. In fact, they can occur due to a fault with other services and software running on the same server as your WordPress site. Assuming you’re hosting on a shared server, internal server error in WordPress is more common than you might think.

The error itself and the message it displays is not specific in the very least. There’s practically no way of finding out exactly how the error came to be from reading the internal server error message. However, when this error occurs on a WordPress site, we can narrow down its causes to:

  1. Functions of themes.
  2. Functions of plugins.
  3. Corrupted .htaccess files.
  4. PHP memory limit reached.

More often than not, a user will be trying to access their WordPress admin area when they come across the internal server error. In such cases, it’s common for the rest of the website to work as usual while access to the site’s admin area is restricted.

Now let’s look at a few ways we can fix this issue.

How to Fix the Internal Server Error

As we discussed above, there’s no real way of finding out exactly what’s wrong with your WordPress site and why it’s giving an internal server error every time you try to login to the WordPress admin area.

It is common sense to take a method and try it. If it fails, admit it frankly and try another. But above all, try something. – Franklin D. Roosevelt

As Mr. Roosevelt ever so delicately puts it, we’ll apply the trial and error approach step-by-step to resolve this issue. If one method doesn’t fix it, move on to the next!

1. Ensure .htaccess File Works Properly

The first thing we’re going to do is ensure our WordPress site’s .htaccess file isn’t corrupt and is doing what it’s intended to do. Follow these simple steps to check for your .htaccess file’s status:

  • Login to your WordPress site’s FTP client.
  • Navigate to the File Manager under the Files
  • Find your site’s .htaccess file and rename it e.g. .htaccess_original
  • Try accessing your website and the WordPress admin area.
  • If everything works fine now, navigate to Settings > Permalinks from your site’s Dashboard.
  • Click the Save button.

By saving these settings, you’ll generate a new .htaccess file that contains the correct rewrite rules. These new rules will guarantee that your site’s post pages don’t return errors when they’re accessed.

If your .htaccess file was causing the internal server error, it should be fixed now. However, if you found the error was still in place on re-loading your site and WordPress admin area, then move on to the next step in which we’ll show you how to increase your site’s PHP memory limit.

2. Increase PHP Memory Limit

If the internal server error issue persists even after you’ve checked your .htaccess file then it could be because you’re hitting the memory limit. Often times when this is the case, you’ll also come across an error that reads:

The uploaded file exceeds the upload_max_filesize directive in php.ini

when you’re trying to upload a file to your Media Library. Or perhaps it could be something more like this:

Fatal error: Allowed memory size of 1234567 bytes exhausted (tried to allocate 87654321 bytes) in /home/your-username/public_html/wp-includes/plugin.php on line 1234

Those of you who encounter this error every time you try logging into your site’s admin panel or uploading a file/image to your WordPress site can follow any of the following methods to increase the PHP memory limit. (Don’t let the codes scare you, I promise it’s not that hard!)

Editing Your wp-config.php File

By adding this one line of code to your WordPress site’s wp-config.php file, you can increase the memory limit to a more suitable value. In the following steps, I’ve increased it to 64M (M stands for megabytes).

  • Login to your WordPress site’s FTP client.
  • Navigate to your site’s root directory and find the wp-config.php file.
  • Inside the <?php tag, add the following line of code:

This simple, one-liner is my go-to method whenever I have to increase the memory limit — it works every time!

Updating the php.ini File

If you have trouble finding the wp-config.php file, try looking for the php.ini file instead! This method goes a bit deeper into the memory limit by allowing you to increase several different values at the same time. Let’s take a look.

  • Login to your cPanel and navigate to Files > File Manager.
  • Find the wp-admin folder and locate your php.ini file. (If the file doesn’t exist, create one by clicking on the New File button.)
  • Once you’ve found/created the file, open it and edit/add the following lines of code:
  • Save the updated file and clear your browser’s cache.

Editing the .htaccess File

Assuming you were unable to locate the wp-config.php file or the php.ini file you can always alter the old .htaccess file by adding a few lines of code at the bottom. This method always works for me!

  • Login to your WordPress site’s FTP client.
  • Navigate to the File Manager under the Files
  • Find your site’s .htaccess file and edit/add the following code at the end of the file:
  • Save the updated file and clear your browser’s cache.

If you’re still not sure about getting into your site’s core files and updating them for whatever reason, you can alternatively install the Increase Max Upload Filesize plugin to get the job done.

These changes are easy to incorporate and will hopefully solve the internal server error you’re experiencing. Once you’re done increasing the PHP memory limit using any one of the three steps outlined above, try re-loading your WordPress site and accessing the admin area.

If you’re still prompted with the error screen then get ready for the next step — things are about to get serious now.

3. Deactivate Your Plugins

At this stage, it’s safe to assume that you’re in for a lot of work. There’s a high chance that the error is caused by a plugin that you have installed on your WordPress site. Even plugins with great reviews and five-star ratings can be the root cause in this scenario. Here’s how:

  • Scenario 1: The plugin isn’t compatible with your version of WordPress.
  • Scenario 2: The plugin isn’t compatible with the theme you’re running.
  • Scenario 3: The plugin isn’t compatible with another plugin you have installed.

Plugins extend and add to the functionality of your WordPress site. They’re fun to install, they save you a ton of time and make work super easy. The only problem is that they might end up causing errors — no matter how well they score. There is no pragmatic approach or a carefully laid out formula you can follow to avoid running into an internal server error with plugins. Ironically enough, finding such an error caused by a faulty plugin-plugin or plugin-theme combination is a trial and error technique in itself!

To resolve this issue, you’ll have to deactivate all of the plugins you have installed on your site and then activate them one by one all over again. Let’s simplify the process and give it some logical structure so it doesn’t seem as chaotic:

Using the WordPress Dashboard

The easiest way to deactivate all of your plugins is through your WordPress Dashboard.

deactivate plugins.

Deactivate plugins from your WordPress Dashboard.

  • Login to your WordPress site’s Dashboard.
  • Navigate to Plugins > Installed Plugins.
  • Click the Deactivate link below each plugin.

However, if you can’t access your WordPress Dashboard, you can deactivate the plugins through an FTP client. Here’s how:

Using the FTP Client

Deactivating plugins using the FTP client isn’t as easy as through the Dashboard but it’s entirely possible.

plugins folder.

Renaming the plugins folder.

  • Login to your site’s FTP client or cPanel.
  • Navigate to the /wp-content/ folder.
  • Find the plugins folder and rename it to deactivated-plugins.

Once you do this, all of your site’s plugins will be deactivate. This approach is much faster but requires you logging into an FTP client or the file manager provided by your hosting service.

Once you’ve deactivated all of the plugins using either of the above-mentioned methods, it’s time to go back to your WordPress Dashboard and activate them again.

  • Login to your WordPress site’s Dashboard.
  • Navigate to Plugins > Installed Plugins.
  • Starting from the top, click the Activate link below the first plugin.
  • Reload your site and admin area to ensure it still works.
    • If your site and admin area work i.e. they don’t give an internal server error, continue to activate the next plugin.
    • If your site or admin area crashes, you’ll know that the last activated plugin is causing the internal server error.

Once you find the faulty plugin, deactivate it once again and report it to the plugin’s author, if possible, along with a list of plugins you have installed, the theme you’re currently running and your WordPress site’s version.

Note: It’s important that you re-activate all of your plugins one by one even after you’ve found the faulty plugin. It’s possible that more than one plugin caused the error due to incompatibility issues.

3. Contact Your Hosting Provider

Here you are seemingly all out of options to fix the dreadful internal server error on your WordPress site. What do you do when you can’t do something about it yourself?

If you recall, we started out by explaining what an internal server error actually is and stated that it occurs on the server level. The best thing to do at this stage is contact your hosting provider and report the issue to them. Your hosting providers have access to the server error logs on which your WordPress site is hosted. They can go through the logs, identify when and how the issue occurred and hopefully do something about it.

There are a few things you should definitely mention in your email to the hosting provider:

  • Your website’s URL.
  • When you first came across the internal server error.
  • What you were trying to access when you came across the error e.g. the website, the admin area, etc.
  • The list of plugins you have installed on your site.
  • The theme you’re currently running.
  • The version of your WordPress site.
  • How you’ve tried to rectify the problem yourself.

Between the information you give and whatever they find in the server error logs, you can rest assured that your site will be up and running without any errors in no time.

In the worst case, if they are unable to solve the problem, they’ll, at least, be able to offer you advice and suggest appropriate measures you can take to resolve the issue altogether.

Wrapping It Up

There you have it — three simple, sequential techniques you can adopt to solve the internal server error on your WordPress site. The internal server error is quite common in WordPress sites, especially if your site is hosted on a shared platform.

We provided three quick solutions to fix the error and depending upon the root cause, one of them should work for you. Hopefully, you’re in a better place now to take things further and try out the techniques explained in this article.

Have you ever encountered the internal server error? How did you fix it? Did any of the techniques we detailed above help you resolve the issue? Let us know in the comments section below!

Similar error you might cafe in WordPress is “error establishing a database connection” you can read more about this error on how ti fix it here.

30 Free PSD iPhone 6 Mockup Templates For Your Realistic Design 2016

Free Iphone 6 Mockups

This is a hand-picked list for all Apple lovers. Free PSD iPhone 6 mockup templates to showcase you own designs, creations, and mockups. Since we all know how important a good presentation is, this is a hand-picked list of high-quality PSD templates which will help you showcase your designs. So whether you need flat iPhone 6 mockup, wireframe, render, realistic look or a simple image to present your own creations and mockups, this list has it all.

On this list you will find iPhone 6/6S and Plus mockups in all colors such as rose gold, gold, space gray and silver. This list is constantly updated as we find a new awesome mockups for your inspiration and of course your upcoming projects.

iPhone Mockup by PSDhands

free_sample_preview

This stunning mockup includes one free sample of female hands holding an iPhone 6/6S. This sample is from a much larger set that has different iPhone 6 and Galaxy S6 mockups included. These mockups are between 1800px and 4000px in size and has 8 PSD files that works with Adobe Photoshop CS and later version. These are one of the cleanest and modern looking iPhone mockups on this list. If you like this free sample make sure to also check out the full bundle which costs only $15.

iPhone 6S Plus AI and PSD Mockup

iPhone-6S-Plus-Front-Angled-PSD-Mockup

This is a nice looking and very flexible iPhone 6S Plus mockup by P-PX. It shows device from front and from both side angles. This is a completely free mockup and very flexible one since you can use it with Adobe Illustrator and Photoshop to replace image you can see on screen. This package includes all iPhone 6S color variations – gold, rose gold, silver and space gray.

Photorealistic iPhone 6 Mockup

Free PSD iPhone 6 Mockup Photorealistic Template

Here is a set of 4 .psd files bundled in this photorealistic iPhone 6 mockup. You can easily edit all of them since they are made with Smart object for your convenience. Perfect for use in UI design mockup presentation and advertising purposes.

Ultra-High Resolution iPhone 6 Mockup

Free PSD iPhone 6 Mockup High Resolution

This ultra-high resolution free PSD iPhone 6 mockup comes bundled with 3 different .psd files. With this PSD mockup, you’ll be getting photorealistic, well-organized and completely customizable layers down to the smallest detail. Definitely worth your time to check it out.

Free PSD iPhone 6 Mockup On Coffee Table

Free PSD iPhone 6 Mockup Template Coffee Table

This photorealistic free PSD iPhone 6 mockup is perfect for showcasing your app in a real environment. It’s a guaranteed way to leave a lasting impression on anyone looking at your app design. To change the screen mockup, you simply drag and drop the Smart object.

iPhone 6 Render

Free PSD iPhone 6 Mockup Template White Render

This high-resolution free PSD iPhone 6 mockup is perfect for putting all emphasis on your app design. A white background and a white render will make sure your app design gets the full spotlight with this template.

Isometric iPhone 6 View

Isometric Free PSD iPhone 6 Mockup Template

This is a perspective iPhone 6 PSD mockup with scalable vector shape to display your designs on an iPhone 6. Available in the three colors, you can use the Smart layer to easily drag and drop your designs.

iPhone 6 In Hand

Free PSD iPhone 6 Mockup Template In Hand

The .psd file comes with 3 different iPhone 6 color variations. Choose between space grey, silver and gold versions. The background is in a separate layer, so you can use our extensive list of free stock photo websites for inspiration.

iPhone 6 In Hand Close up

Free PSD iPhone 6 Mockup Template Colseup In Hand

A really simple to use free iPhone 6 mockup. You can change the background and the screen with really simple “drag and drop” method. It’s a pretty straightforward solution, but the PSD file lacks a bit of customizability, like shadows and light options.

Wireframe Free PSD iPhone 6 Mockup

Free PSD iPhone 6 Mockup Template Wireframe

Wireframe helps you create and understand what you really want from your app. It’s best suitable for iPhone app designers who need this wireframe for app screen creation and interaction. There is also a light version included in the download file that can give different perspective.

iPhone 6 Flat PSD Mockup

Free PSD iPhone 6 Flat Design Mockup

This free iPhone 6 PSD mockup is a flat template for those looking for that minimalistic approach when showcasing their own mockups. It’s really straightforward to change the design, just drag and drop your own mockup screen and you are done.

Free PSD iPhone 6 Mockup Template With 3 Viewing Angles

Free PSD iPhone 6 Mockup Template With 3 Different Viewing Angles

A set of 3 free PSD mockups, perfect for creating photorealistic display of your app screens and web projects. Each .psd file comes with different viewing angle and Smart objects for easy editing. Highly recommended to check out two other mockups.

iPhone 6 Side View PSD Mockup

Free PSD iPhone 6 Mockup Template Sideview

This free PSD iPhone 6 mockup features three different color variations. Use Smart objects to quickly swap and showcase your artwork or iOS app design.

Black And White iPhone 6 PSD Vector Mockup

Free PSD iPhone 6 Mockup Template Black And White

This is a pixel perfect mockup for iPhone 6 and 6s, completely done with vector shapes. It’s a fully layered for easy editing and color changing.

Vintage Free PSD iPhone 6 Mockup

Free PSD iPhone 6 Mockup Vintage

This free PSD iPhone 6 mockup comes with 8 high-quality photorealistic .psd files that will give your mockup vintage feel. All .psd files are simple to use and easy to edit and you can showcase your mockup in many different scenarios while giving it consistent look through all 8 mockups.

Infinity

Free PSD iPhone 6 Mockup Infinity

A bit different approach to showcasing your mockup. This free PSD iPhone 6 mockup is aiming for style points and not for a realistic look. We’re sure some creative minds will be inspired by this mockup and create fantastic personal designs and mockups.

iPhone 6 Grid Mockup

Free PSD iPhone 6 Mockup Grid View

This is ten column grid, free PSD iPhone 6 mockup created for designers. Its purpose is to give a perspective on a scale of your own mockup. Of course, if you like this flat and minimalistic design, you can simply edit the Smart object and showcase your own app.

iPhone 6 Mockup on Leather Seat

Free PSD iPhone 6 Mockup On Leather Seat

This photorealistic free PSD iPhone 6 mockup is perfect for showcasing your car apps or mockups with a similar theme. This iPhone mockup on a leather seat features an amazing level of details that can be edited and customized with ease.

Top-down iPhone 6 Photorealistic Mockup

Free PSD iPhone 6 Mockup Top-Down

This is a top-down view of iPhone 6 in a realistic environment. A free PSD iPhone 6 mockup that will be appreciated by people looking for a template to showcase their personal mockup in an everyday situation.

iPhone 6s Perspective Mockup

Free PSD iPhone 6s Perspective Mockup

A simple render of iPhone 6s to showcase your mockup. This PSD file is highly detailed and easy to edit. Simple and effective solution for iPhone 6s with perspective view.

iPhone 6 Front View

Free PSD iPhone 6 Mockup Front View

This is a front view scalable free PSD iPhone 6 mockup. This is pixel perfect render and you can edit the screen in a simple and easy matter. Perfect PSD mockup for those looking for simplicity when showcasing their own mockups.

iPhone 6 Mockup In Workplace

Free PSD iPhone 6 Mockup In Workplace

This free PSD iPhone 6 mockup template is made for showcasing your mockup in work environment. Simple drag and drop method to edit the screen. Perfect for showcasing work-related apps and mockups.

iPhone 6 With iPad Mockup

Free PSD iPhone 6 Mockup With iPad

You can use this free PSD iPhone 6 mockup template to showcase your design alongside Apple iPad. Perfect for those developing their apps or showcasing their work on multiple devices.

Levitating Free PSD iPhone 6 Mockup

Free PSD iPhone 6 Mockup Levitating

Free PSD iPhone 6 mockup template with levitating render and perspective view. Simple and effective design.

Modern iPhone 6 Template

Free PSD iPhone 6 Mockup Modern Template

A modern way to showcase multiple screens and parts of your app. You can easily edit every layer to showcase a different strength of your personal design. Highly customizable and well-organized layers to ensure easy editing of this mockup.

Free PSD iPhone 6 Mockup With Morning Coffee

Free PSD iPhone 6 Mockup With Morning Coffee

This free PSD iPhone 6 mockup template comes with 4 different filters that can change the feel of you mockup completely. They are easy to edit and apply and with few clicks of a button you will give new feel to your creation.

Six View iPhone 6 Mockup

Free PSD iPhone 6 Mockup SIx View Template

A six-view free PSD iPhone mockup template to showcase different parts of your app design on one single image. It’s fully customizable and layered .psd file that you can edit with ease.

Rose Gold

Free PSD iPhone 6 Mockup Rose Gold

Rose Gold free PSD iPhone 6 mockup comes with three different .psd files for maximum customization. Easy to edit with Smart objects and multiple perspective views, you can showcase your app design from multiple angles.

Screen Presentation iPhone 6 Mockup

Free PSD iPhone 6 Mockup Screen Presentation

This is a unique approach to presenting iPhone 6 screens. A total of 9 different screens can be placed in this PSD file to showcase your own mockup. The iPhone design itself has been removed and only your app mockup screen is available.

Free iPhone 6 Render Mockup

Free PSD iPhone 6 Mockup Render

This free PSD iPhone 6 mockup template is a minimalistic render of iPhone 6. You can change the screen with simply swapping the Smart object.

Flat iPhone 6 Mockup

Free PSD iPhone 6 Mockup Flat

Flat free PSD iPhone 6 mockup template with all different versions of iPhone 6. This way you can show your app design on every variation of iPhone 6.

10+ Best Search Plugins for WordPress To Make The Most Out Of Search 2016

Untitled Design

Did you know that the default WordPress search engine isn’t really that efficient (and awesome) like the rest of WordPress?

Although search is available as a function in WordPress, it does not search custom post types and taxonomies.

This means that if you have a custom post type like “Book” for a book review website, then the default search isn’t going to look there.

Thankfully there are a host of awesome plugins that help you implement a powerful search solution in your WordPress site, with varying degrees of specificity.

For example, some plugins help you to select search categories, whereas advanced ones enable you to search content inside PDF files!

We’ve divided this list into 3 categories – premium, free and freemium. The freemium ones are the most popular since they offer amazing functionality with zero cost. Let’s get started!

Premium Search Plugins for WordPress

SearchWP

01 searchwp

SearchWP is currently one of the best premium search plugins in the market with a ton of features. The plugin scans all your existing posts, pages and other custom post types – basically every bit of (index-able) content in your WordPress site and builds a giant index which is updated periodically.

You can manually select the custom post types and categories you want to include in your search results. This feature is very useful for people looking for granular search parameters.

01 searchwp-settings-ui.min

Search settings offered by SearchWP

You can also reorder individual search elements in the SERP (Search Engine Results Page) by assigning “weights” to your posts and pages.

Another feature this plugin is called “fuzzy match” which is my personal favourite. What this does is matches partial keywords supplied in the search query. For example, if you can’t remember the exact name of a particular plugin, say “Relevanssi” you can simply type “relevan” and SearchWP would return the partially matches posts.

SearchWP also includes PDF search module, i.e. it indexes content within (unlocked) PDF files. This means that your search results could also include results from within PDF files. Of course this feature is configurable.

SearchWP starts at $49 a year including updates and supports bbPress and WPML integration.

AJAX Search Pro for WordPress – Live Search Plugin

02 AJAX Search Pro for WordPress - Live Search Plugin

This plugin from developer wpdreams has clocked over 2,800+ sales making it one of the highest selling WordPress search plugins on CodeCanyon.

The plugin runs on AJAX which is an acronym for Asynchronous JavaScript and XML. Essentially this means that the plugin starts working (i.e. returning search results) as soon as the keywords are typed, without refreshing the page. This is a huge boost in user experience.

02 AJAX Search Pro for WordPress - Live Search Plugin

A host of settings offered by AJAX Search Pro

Imagine you wanted to search something whose name you couldn’t remember. As you keep typing the keywords, the results are generated. This is immensely helpful in finding the correct (or relevant) result in the shortest amount of time.

The plugin features over 60 customizable themes, retina ready graphics, multiple search result layouts and a host of other customization options. It also supports custom post types and taxonomies.

The plugin is compatible with Visual Composer, and multilingual plugins such as qTranslate and WPML and costs $26 USD.

Lift Search for WordPress

03 Lift Search for WordPress hero

Remember how we were talking about overly powerful search options for WordPress? Well, this is one of them.

You search is powered by an external service called Amazon CloudSearch. It is essentially a cloud based search solution capable of processing enormous amounts of data, multiple datatypes (not just text, but images and other advanced types as well) with highly advanced search algorithms.

03 Lift Search for WordPress settings

Lift essentially connects Amazon CloudSearch to your WordPress installation

CloudSearch is a product of Amazon Web Services which requires a subscription to use. Since it is a cloud based service – it follows a pay-as-you-go model, which is essentially what it sounds like – you pay for how much you use. AWS offers a 12 month free trial which you can use to test the service.

03 Lift Search for WordPress info

The plugin itself is free. It is a simple interface which connects your WordPress site to Amazon CloudSearch.

I would not recommend this plugin for everyday users, but for true geeks. If you’d like to get your hands dirty and want to learn something new, this plugin (I mean, CloudSearch) is definitely worth a try!

Freemium Search Plugins for WordPress

Swiftype Search

04 swiftype search

Swiftype is a WordPress VIP approved advanced search plugin, with a host of amazing features such as search query autocomplete drop-down menu, drag-and-drop interface for reordering the search results in the SERP and powerful search analytics. It is built for large scale WordPress sites with 10,000+ posts (think TechCrunch).

04 swiftype search search rearrange

You can re-order search results to promote your posts

The free version of the plugin supports a max of 50 search result customizations, a single website installation and contains the Swiftype branding. Paid plans start at $19/month.

Relevanssi

05 Relevanssi hero

Relevanssi is one of the most popular search plugins in the WordPress repository. By that we mean it has over 90,000+ active installations.

Now since Relevanssi is a freemium plugin, you would expect the good features to be locked behind a subscription. On the contrary, the free version of the plugin provides this amazing features:

  • Exact phrase match: If you surround your query with a quote, Relevanssi will only return those results that match the exact phrase.
  • Fuzzy search: Similar to SearchWP, Relevanssi offers fuzzy logic search in the free version of the plugin.

Relevanssi sorts the search results based on relevancy rather than the published date. It also offers other features like excerpt displays in SERP, highlighted search words, typo suggestions similar to Google’s “Did you mean?” feature and a whole lot more.

The premium version of Relevanssi includes some technically advanced features which we’re not going to discuss here.

Free WordPress Search Plugins

Better Search

06 better search

Better Search is a completely free WordPress search plugin which indexes posts, pages and custom post types. You can assign weights to individual elements, such as post title, excerpt, body, etc. which enables you to customize the search results.

06 better search settings

Better Search settings panel

Better Search also has a search heatmap, which displays the most popular searches in your site. You could also use it your theme’s footer or sidebar.

Dave’s WordPress Live Search

07 Dave's WordPress Live Search

This plugin, as the name suggests, uses AJAX to query the WordPress database in real time and return results as the query is typed.

07 Dave's WordPress Live Search settings

Settings page of the plugin

It also integrates with Relevanssi to give it that “live search” feature.

Search Everything

08 search everything

This free plugin with over 80,000 active installations can search posts, pages and custom post types and taxonomies. It also highlights search results with the query keywords.

08 search everything options

List of options available in this plugin

You also have the ability to exclude selected posts and categories from the search results.

Category Wise Search

Category Wise Search is a dead drop simple plugin that lets you accomplish a single, simple task – search based on categories.

09 category wise search

Plugin’s Settings panel

If you do not wish to spend time configuring other feature-filled plugins, this one might just be the solution.

Simply Exclude

If you ever wanted to exclude or include certain custom post types, posts, pages and content by authors in your WordPress search results, then Simply Exclude would be an awesome plugin for you.

10 simply exclude

Plugin options

Keep in mind that the plugin internally uses the default WordPress search functionality, so that might be a limiting factor.

Ultimate WP Query Search Filter

11 Ultimate WP Query Search Filter

This WordPress search plugin enables you to filter the search results through post types, taxonomies and meta fields. The search result can be displayed either through the theme search template or an AJAX call.

11 Ultimate WP Query Search Filter

Plugin options

For developers, the plugin’s functionality is extendable with hooks. You can create multiple search forms and select AJAX or default theme search template for returning the search results. As a bonus, you can display these search forms in your posts and pages via shortcodes.

Google Custom Search for WordPress

Well, this is it people – the mother of all search plugins. Well, not exactly. You can infuse the power of Google Search in your WordPress site.

However, the process is lengthy, time consuming, and frankly – it is utter geekery! If you want to try it out for yourself, I would recommend this tutorial by WPBeginner as a starting point.

12 google custom search settings

Plugin settings

The end product would be a small search bar you can place anywhere in your WordPress site. When someone performs a search operation, results from your site will be returned.

However, the SERP will be branded with Google logos. If you want to whitelabel the SERP, then you’d need to purchase a subscription which is over $100 annually.

Conclusion

Deciding which search plugin is the best choice for you will depend on the size of your site, the functionality that’s most important to you, and how much you’re willing to spend to get it.

Search should be an intuitive process. You need to study your visitor’s behaviour first – do they use the search function? If so, how often? Once you resolve that your search is being utilized a significant amount, then you can go for a free or freemium search plugin like Relevanssi.

Have we missed out your favourite search plugin? If so, let us know and we’ll add it to our list!

10+ Best Free and Premium Custom Login Page Generator Plugins for WordPress 2016

Customize Login Page Plugins

Why do we buy a WordPress theme? Because we don’t want our site to look like every other WordPress site out there – we want ours to be unique. If that’s the case with themes, then why not the login page?

Customizing your login page is one of the primary ways of providing a unique user experience. It uplifts brand identity, which is crucial for any business to succeed.

You might be wondering why would someone want to customize their login page of all things? In most blogs, visitors don’t need to login to access content.

What about the ones that do? In such a case, WordPress’ default login page is the starting point of a membership site.

Before someone can access the subscriber-only material you offer, they need to first login to your site.

Think about it – when you’re about login to the “members-only” area of a newly purchased membership site, and you see the same old login screen that you’ve seen in every other WordPress site – including yours, how does that make you feel?

The effect is slightly dampened, if not significantly.

That’s why your business needs a customized version of the WordPress login page that’s tailored to the look and feel of your business. If you’re building a membership site, a custom login page is absolutely necessary.

Okay, that’s settled.

What about plain old blogs? Don’t you need a custom login page for that? Well, that depends. If you’re planning to build a membership site in the future, then it’s a probably a good idea.

If you’re building a custom solution for your clients, then it’s a good idea to whitelabel the WordPress login page (and preferably admin area as well).

Whitelabeling your client’s WordPress site uplifts brand identity and works as marketing agent for inbound traffic.

How do we customize the WordPress login page?

Method #1

Well, the easiest way would be to directly edit the wp-login.php file, which is definitely not a good idea. Why? For starters, it’s considered as a poor software development practice. Secondly, whenever you update a core revision of WordPress, chances are that the file is replaced with a newer version; as a result of which you’ll lose all the customization.

Method #2

Second way is to build yourself a nice plugin with all the customization baked in it. You can add nifty features like links, buttons, animations, etc. and pack them in the plugin. Once you activate the plugin, the changes are immediately incorporated.

This is essentially the correct (and safe) way to execute the same process described earlier. Since it is a plugin we’re talking about, you won’t lose the customization while updating WordPress.

Here are a few tutorials to help you achieve this. Please keep in mind that implementing these tutorials takes significant time and effort and you might end up becoming a developer… Aaahh!

  • How to Completely Customize the WordPress Login Page by WPMU DEV (Difficulty: Beginner)
  • Customizing the Login Form in the WordPress Codex (Difficulty: Beginner to Intermediate)
  • Build a Custom WordPress User Flow by TutsPlus (Difficulty: Intermediate to Advanced)

Method #3

The third and the final method to customize your login page is the easiest one by far. You’ve guessed the solution and are probably right, the answer is – WordPress plugins! The remainder of this post enlists some of the best plugins to customize your WordPress login page. We’ve decided to go ahead and categorize the plugins under free, freemium and premium – which will help speed-up your plugin hunt. Hope we’ve been able to save some of your precious time!

Completely Free Plugins: Whilst researching plugins for a specific topic, I occasionally find a few outdated ones. Today’s article was no exception.

Keeping in mind of the growing list of attacks and vulnerabilities discovered every day, I’ve decided to list only those plugins that have been updated in the last six months. Although this may shorten the list, rest assured they are from active developers.

Memphis Custom Login

Memphis Custom Login Screenshot 2

Plugin’s demo login screen

This plugin lets you customize the WordPress login page by changing the background and text color, font type, size, etc.

Memphis Custom Login Screenshot 1

Plugin options

You can also hide the forgot password or registration link (this is useful if you want to disable registration). The plugin also supports Google Analytics and SSL enabled WordPress sites.

BM Custom Login

BM Custom Login

Apart from the usual features like CSS customization, adding images and customizing the background, the unique feature of this plugin is the templates feature.

BM Custom Login Plugin Options

Plugin options

The developer created a Flickr group where the plugin users share their customized version of the login page. You can Create a new design using PSD file provided on image template folder of plugin and then upload the new template to the plugin’s resource folder located at /wp-content/plugins/bm-custom-login/images/

Sexy Login

Sexy Login

This plugin brings a lot of AJAX powered responsive components to your WordPress login page, whose main advantage is error handling without refreshing your screen (think incorrect or password reset situations). You can also add an optional reCAPTCHA verification to block spammers. The plugin also has a fallback mechanism for JavaScript disabled browsers.

Erident Custom Login and Dashboard

Erident Custom Login and Dashboard

This plugin sports a ton of features including heavy customization options, ranging from background, font, animations, colours, opacity, gradients and other awesome CSS capabilities. It can also change the footer text in the admin dashboard which is great of you’re building a custom solution for your client.

screenshot-2 (1)

Demo login screen

A major feature of this plugin is the settings import/export feature. This just makes things so much easier when you’re managing multiple websites.

A5 Custom Page Login

A5 Custom Page Login

This plugin has an awesome set of features such as a login shortcode that lets you dynamically generate the login page anywhere in your WordPress site and a redirection module that takes your user to a desired (landing) page as soon as they login.

A5 Custom Page Login Options

Plugin options

The plugin doesn’t support custom CSS at the moment (this has been planned for a future release however), so you’ll have to make-do with the current set of customization features.

Birds Custom Login

Birds Custom Login Output 2

Sample login screen generated by the plugin

Yet another awesome multilingual plugin to easily customize your WordPress login page. It’s responsive in design and supports a ton of customization features, along with a live preview within the settings screen.

Custom Login Plugin

Custom Login Plugin Output

Sample plugin login screen

A unique feature of this plugin is the animated background – set a couple of images and watch the plugin generate an awesome animated slideshow. You can also add your social media accounts with one click and all the options are fully customizable.

Tesla Login Customizer

Tesla Login Customizer

Demo login screen generated by the plugin

Developed by TeslaThemes, this plugin supports a ton of amazing features including a fully responsive design and Google reCAPTCHA integration.

WP Custom Login

WP Custom Login

Plugin demo output

This is a dead drop simple plugin intended for a very specific purpose – adding a header and footer to the WordPress login page. You can also include custom CSS in a file called custom-login.css located in your current theme’s directory.

Custom Login CSS

Custom Login CSS

This plugin has essentially the same same features as the previous one. Only benefit is that it has a textbox to include the custom CSS.

Freemium Plugins: These plugins are ones that offer basic functionalities for free and charge for the advanced ones. Normally, these plugins have a lot of active users and are mostly updated since they have higher number of active users.

Custom Login

Custom Login Demo Output

Demo output of a premium design pack

This is one of the most popular freemium plugins with over 80,000 active installations. The free version includes tons of design features along with custom CSS and JS code snippets. Extensions such as stealth login, custom redirects and others are housed under the premium tag.

Custom Login Page Customizer

Custom Login Page Customizer Output

Customization settings

All the customization features are available in the free version. The premium version provides a reCAPTCHA verification module as a security addon.

Custom Login Page Styler

Custom Login Page Styler Output

Plugin demo login screen

This plugin has over 9000 active installation, but unfortunately it hides a lot of its advanced CSS features under the premium tag. If CSS isn’t your strong suite, but you’re looking to style your login page anyhow, this plugin might be just for you. On a developer’s side note this plugin is also compatible with any other plugin that hooks in the login form, including BuddyPress, bbPress and Limit Login Attempts.

Premium plugins are ones that have extended functionality and come with a basic level of developer support. Following are a few ones I found over at CodeCanyon. (I’m not going to go over the details since the plugin pages have all the features enlisted)

White Label Branding for WordPress ($29)

White Label Branding for WordPress

Simply put, this plugin is a complete solution for white labeling your WordPress site. This plugin has over 4,600+ sales and has a rating of 4.66 out of 5.

White Label Branding for WordPress Options

Plugin’s features

More Info | Preview

Custom Login & Access WordPresss Plugin ($20)

Custom Login & Access WordPresss Plugin Demo


Another great plugin with a ton of features. It has 1000+ sales and rated 3.87 out of 5.

More Info | Preview

Tailored Login

Tailored Login


Developed by iThemes, this plugin comes as part of the iThemes Plugin Developer Suite, which is priced at $247.

What technique do you prefer to customize your WordPress login page? Would you prefer to build a plugin yourself or use an existing one? If the answer is option one, we’d love to check out your work. If it’s option 2, what’s your preferred plugin?

Self Hosted WordPress.org vs. Free WordPress.com – What’s The Difference in 2016?

Wordpress Com Vs WordPress Org

One of the best features about WordPress is that it’s super easy to get started with. But which do you go with: WordPress.org or WordPress.com? What’s the difference anyway?

I still remember taking my first web design and development class back in the 10th grade and, though I was eager, it took me almost a month to create a small security services website that consisted of 3 pages in total – and I was quite pleased about it too. After all, I was the only one in class who had managed to add a handmade custom animation to the site. HTML/CSS was fun, PHP could get a bit frustrating sometimes, but never did I think that I could do the same thing in 15 minutes or less using WordPress!

Many people head over to WordPress because of the convenience and flexibility it offers, but there are still a few confusions that one can run into, and one such confusion is choosing between the free WordPress.com and self-hosted WordPress. In this post, I will be addressing this confusion by breaking it down into the variables that will be of the most importance to the users, namely, the cost, development options, restrictions, upgrades, and maintenance.

But before we jump into the comparisons, let’s go over a brief overview of the two options we have at hand.

Free WordPress.com

WordPress.com

WordPress.com

WordPress.com is the solution for setting up a free website without having to worry about anything else that comes with the creating a website such as, security and anti-spam filters, finding a hosting provider, or maintaining your website.

WordPress.com guides the user with a simple installation and setup process by having them sign up, choose the blog name they want, and then jump straight into designing their website. No hassle and no headaches.

This convenience comes at a cost though (albeit not one that you pay from your bank). The trade-off between flexibility, server space, and resources comes to center stage which we’ll cover in more detail in the following sections.

Self-Hosted WordPress

WordPress.org

WordPress.org

In a nutshell, self hosting your WordPress site means downloading your own copy of the WordPress content management system (CMS), finding a domain provider, and signing up for a hosting service to host your site on the Internet. Users can get their copy of the WordPress CMS from WordPress.org for free.

With this option, all you get is the software that will power your website and you’re responsible for everything else – domain, hosting, maintenance – every single thing. Although it might sound a tad overbearing, at first, there is another way to look at it: you have full control over every single detail of your website from its structure to the level you’d like to operate it on. The only limitations your site will subject to depend on the hosting plan you sign up for.

It’s hardly a surprise that WordPress currently holds over 50% of the current CMS market share. WordPress.org’s support forum is also definitely worth a mention here as it is one of the greatest resources of online knowledge within the WordPress community.

Self-Hosted WordPress vs. Free WordPress.com

Now that you understand what each of the two options are, let’s navigate around the major points of both to familiarize ourselves with their ins and outs in order to make an informed decision on which one is best for your online business’s requirements. In this section, we’ll draw out an elaborate comparison of self-hosted WordPress vs. free WordPress.com contrasting some of the most important factors webmasters take into account before reaching a knowledge-backed decision.

Cost

From building a house to getting a website, cost is something universal to anything that you might want to get and, therefore, must be analyzed in-depth in order to make the optimal decision based on both your budget and needs.

When comparing the costs associated with self-hosted WordPress and WordPress.com, there are for major factors that are associated with cost:

  1. Domain name.
  2. Hosting service/plan.
  3. Storage space.
  4. Advertisement removal.

The cheapest option is to sign up with WordPress.com, not be picky about domain names and activate the default themes and plugins you get with the website. This basic, stripped-down alternative won’t cost you a dime and your WordPress.com site will be live on the web. Even so, if you want a domain name of your choice, the option to purchase premium themes, remove advertisements, and get more storage space on the server, the otherwise free WordPress.com becomes costly.

On the other hand, WordPress.org is a far more cost-efficient option with which you can get the domain name from a registrar and unlimited server storage space (depending upon your hosting plan). You won’t even have to pay extra to remove advertisements.

With that brief overview out of the way, let’s dig into the four major factors associated with both options and evaluate their individual costs in detail.

Self-Hosted WP

The costs associated with self-hosted WordPress.org are easy to understand and depend mostly on the hosting provider you opt for. Let’s quickly recap what it means to be on a self-hosted WordPress installation before we continue. Self-hosted WordPress means that you will download a copy of the WordPress CMS and purchase a hosting plan for your site.

  • Domain name. With self-hosted WordPress.org, you’ll be required to purchase a domain name from a domain name registrar. Often times, users can purchase a domain name from their respective hosting provider instead of a third party. The average price of a domain name extension (for instance, .com, .net, or .org) starts at $10.
  • Hosting service/plan. Most new webmasters opt for a shared hosting plan with a reputable hosting service. The hosting provider you decide to go with may charge you as little as $3.49 per month as part of a promotional package, however, the average price of hosting is estimated at $5 per month (exclusive of add-ons – security, maintenance, etc.). Check out our post on How To Choose The Right Hosting For Your WordPress Website? – A Beginner’s Guide for more information.
  • Storage space. The cost of purchasing additional server resources such as more space, CPU, or memory can cost $25 per month on average. That said, with a basic shared hosting plan, you get around 50 GB of storage space from the get go which reduces the need to purchase additional space for some time.
  • Advertisement removal. WordPress.org doesn’t come with advertisements packed onto your site so you don’t have to worry about removing them.

Note: The prices given in this section are based on Bluehost’s Shared Hosting plan.

Free WP.com

Things get a bit trickier with free WordPress.com. As we discussed above, WordPress.com is free for everyone to create their website with but it comes with some pre-set limitations and restrictions. What if you’re absolutely fine with WordPress’s free, high-quality hosting service but want to fully avail the little control that you have over your free WordPress site – even if it means spending some money?

  • Domain name. Starting at $18 per year, you can pick a custom domain name offered by WordPress.com. This ensures that your website’s URL will look something like www.mywebsite.com instead of www.mywebsite.wordpress.com.
  • Hosting service/plan. Hosting with WordPress.com is completely free. All users get high-quality hosting service free of charge.
  • Storage space. Unlike self-hosted WordPress, with free WordPress.com, users get only 3 GB of storage space on the server. To increase the storage capacity, users have to pay an additional amount per year. The additional costs are listed below:

wordpress-com-pricing

  • Advertisement removal. WordPress.com is entitled to displaying advertisements on your website. Users can permanently eliminate all advertisements from their site for $30 per year.

Maintenance

WordPress.com handles site maintenance and development for their users but with a self-hosted site, you’ll have to take care of that yourself too (or outsource it!). One thing to be certain about here is that regular WordPress updates are guaranteed by Automattic for both WordPress.com and WordPress.org ensuring your site is safe from malware and security threats.

WordPress site maintenance and development includes updating plugins and themes, ensuring plugin compatibility after WordPress core upgrade, and measures to take if your site faces unprecedented downtime.

Self-Hosted WP

With self-hosted WordPress you’re completely on your own. Every aspect of development and site maintenance depends entirely on you. Every time a plugin needs to be updated, a notification appears on the admin panel and webmasters are required to handle it manually. Failing to update plugins and themes or accidentally activating incompatible resources simultaneously can lead to problems.

A webmaster with ample knowledge of site maintenance should go for WordPress.org. There are several plugins and forums out there to help you ensure your site’s upkeep isn’t compromised but taking responsibility for it is a huge commitment in itself.

Free WP.com

WordPress newbies who are testing out the blogging waters or dipping their toe into the online business world often don’t have the technical skills or the budget required to handle the maintenance and development of their site on their own. If you fall into a similar user persona, it’s in your better interest to let the folks over at Automattic take care of it on its own.

Those of you who don’t have the skills, time, or budget to devote to maintaining and developing their WordPress site should go for free WordPress.com. On the other hand, if you have the skills and time to take care of your site then self-hosted WordPress is best for you. Lastly, those of you who don’t mind outsourcing their maintenance and development tasks should check out managed WordPress hosting or a service that takes care of WordPress site upkeep such as Stylemix.

Restrictions

Depending upon how much control you require over your site’s customization, files, and database, the option you ultimately go with becomes much easier to decide. The short version of this section is that WordPress.com gives you restricted access whereas with self-hosted WordPress you get full control over your website.

Self-Hosted WP

As the saying goes,

With great power comes great responsibility.

One of the biggest reasons webmasters opt for self-hosted WordPress is that it ensures full control and full ownership of the WordPress site. The only limitations you’re bound by are those set by the hosting plan you opt for. With self-hosted WordPress, you can use any theme or plugin you fancy (free or premium), enable advertisements, customize your site’s appearance, add custom code to your files, and even tweak the database if need be.

Free WP.com

With free WordPress.com, you have limited control over your website and you don’t actually own it. WordPress.com users cannot upload premium plugins, they get limited space on the server, and come with advertisements added to the site’s pages. Webmasters don’t even have access to their site’s core files which basically means that if your site is hacked, you can’t restore it because you never made backups of the site’s files.

WordPress.com, however, does provide users a way out of these restrictions. Users can pay for premium upgrades to overcome each of the shortfalls that come with free WordPress.com.

Which One Is Right For You?

It all boils down to this: both WordPress.com and self-hosted WordPress are great options and it all depends on three factors:

  • The nature of your website/online business.
  • Your technical expertise.
  • The amount of time you can invest in it.
  • Your budget.

For instance, if you’re thinking about operating an e-store or an e-learning website then it’s best to go with WordPress.org simply because WordPress.com doesn’t offer e-commerce functionality. If you’re designing a website for a client with a large-scale business, going with self-hosted WordPress would be the best choice which enables your client to make design alterations and leverage full control over the website.

But what if you want to operate a simple blog and don’t need powerful functionality? In such cases, it’s best to go with free WordPress.com. You’ll have your site up and running within minutes, won’t have to worry about maintenance, and you’ll be able to share your content with the world – all without having to reach for your wallet.

Conclusion

All things considered, we heartily recommend WordPress.org to anyone who’s serious about their online business and hope to go big. It’s cost efficient, reliable, and gives you full control over your website which eliminates the risk of losing years of progress in a split second.

That said, WordPress.com is a great way to start out in the blogosphere and acquaint yourself with the WordPress CMS. The best part is that you can always migrate your free WordPress.com installation to self-hosted WordPress.org whenever you’re ready to take things to the next level.

Which do you prefer and why: free WordPress.com or self-hosted WordPress.org? We’d love to hear from you so let us know in the comments section below!

Everything You Need to Know About WordPress Theme Frameworks

Wordpress Theme Framework

Back in the day when WordPress was brand new, there were a lot of problems with theme development and maintenance. WordPress theme frameworks changed that forever.

WordPress theme frameworks provide webmasters with the basic functionality of a theme and gives them the flexibility to design the theme’s appearance however they see fit. Best of all, since the underlying functionality is a framework, webmasters no longer have to update the theme’s core files manually and keep track of the customizations they make.

In this article, we’ll explore the basics of theme frameworks and discuss the benefits and drawbacks of using them for developing WordPress sites. We’ll wrap up with a review of some of the best WordPress theme frameworks and the features they offer.

Let’s begin!

What Are Theme Frameworks?

A WordPress theme framework is nothing more than an advanced theme with additional features that enable web developers to enhance its functionality and customize it.

Frameworks are for theme developers. They offer a set of standards for theme developers to use in creating their own themes. They’re a set of functions/features created to aid development. – WordPress Codex

When you use a theme framework to build a WordPress site, you’re going to have to create a child theme to use with it. In this way, theme frameworks function similar to parent themes. It’s entirely up to you whether you decide to buy the child theme or build it yourself.

Theme Frameworks

Theme frameworks hold the theme’s functionality allowing you to tamper with the design.

Basically, theme frameworks store the functionality and base code of a WordPress theme and allow web developers to add custom styling to it using a child theme. In most cases, a single WordPress theme framework can power thousands of WordPress websites.

WordPress theme frameworks are often also thought of as massive code libraries that are used to develop themes without recreating the wheel. The frameworks hold the basic functionality of the theme and you’re free to design the appearance of the theme however you’d like.

Customizing Sites With Theme Frameworks

A WordPress website running a theme framework is much easier to customize than a site without one. The different customization options that theme frameworks feature to developers and webmasters include:

  • Widgets: Developers can customize the widget areas on the pages and different template files.
  • Dashboard: The theme options available enable webmasters to customize the appearance of their site without having to code. This includes customizing everything from the layout of the page to the design elements it holds and the content that’s displayed on it.
  • Template files: Theme frameworks often comprise of several template files that developers are able to customize to fit their design requirements.
  • APIs: Theme functions and hooks make theme development and maintenance infinitely easier. Theme frameworks leverage the powerful functionality APIs offer and enable webmasters to tweak them if needed.
  • Extensions: Some theme frameworks come with a range of plugins right out of the box and integrate seamlessly with the framework itself. Web developers have access to customize the plugin files to personalize them for their WordPress sites.

These are the most common customization available with theme frameworks. The theme options available to you depend entirely on the theme framework you choose to work with. Depending upon your technical expertise and ability to code (or lack thereof), you can pick a theme framework that can be customized by simply clicking buttons here and there or one that allows for more fine customization through coding efforts.

Advantages and Disadvantages of Using WordPress Theme Frameworks

Now that you have a pretty good understanding of what WordPress theme frameworks are, let’s evaluate the advantages and disadvantages of using them on WordPress sites. We’ll start with the pros.

Advantages

There are numerous advantages to using a theme framework (or any sort of framework for that matter). Most importantly, it saves you the trouble of having to reinvent the wheel each time you need to create a theme for your WordPress site. If you’ve been a web developer for some time now or have used WordPress for a while, you might have noticed that the underlying functionality of some themes is basically the same. Why code it all over again every time?

Speedy Development

If you’re a web developer who plans to use a theme framework for all of your client’s sites then it’s a pretty good idea to invest your time and effort in learning a robust WordPress theme framework. The advantage here is that larger theme frameworks tend to be more powerful and flexible as compared to simple parent themes. If you understand the structure it’s built on, the theme framework will become easier for you to extend upon.

On the other hand, if you’re a webmaster who expects to develop one or two of your own websites then it’s probably better to employ a parent theme to get the job done. Though theme frameworks are easy to work with, they do come with a learning curve which we’ll talk more about in the next section.

Well-Written Code

Theme frameworks ensure that you’re working with standardized code that is compatible with and adheres to the best practices set by WordPress. This proves to be infinitely advantageous when you have to install reputable plugins and extensions – a well-written plugin works seamlessly on a well-written theme!

It’s generally a good idea to use a popular theme framework that is backed by positive user reviews and ratings. There’s no way of making sure a theme framework is absolutely perfect for your site’s needs prior to testing it out. The best you can do is ask around the community and talk to people who may have a site similar to the one you’re developing.

Robustness and Flexibility

If you’ve been a web developer for some time, there’s one thing you are 100% certain about: your clients don’t know what they want.

To conquer the struggle that indubitably comes with working on projects with clients who keep changing the requirements or will, later on, expect you to add a module that wasn’t discussed earlier, web developers need to be prepared ahead of time. And what better way to get ready for unpredictable future development than using a super-flexible framework that’ll help you cope with any builds that come your way.

WordPress theme frameworks offer all kinds of flexibility – theme options, customizations, function extensibility, and design alterations. Whether or not you think you’ll be using certain features at this point, it’s always best to go with a more flexible theme framework.

Support and Community

Premium WordPress themes come with a ton of support from the developers so it’s no surprise that theme frameworks also offer the same to webmasters. For most of the well-known theme frameworks, you get support from the developers for a limited period of time which can be extended later on for a fee.

One of the best things about using a popular theme framework is that many others like you have also used it or are currently using it. The WordPress community is extremely friendly and when you have a ton of people using the same theme framework, it’s easy to ask for help from web developers on forums and receive invaluable support if you run into problems.

Disadvantages

We’ve covered some of the advantages of using WordPress theme frameworks and they’re all pretty compelling, to say the least. Let’s take a quick gander at the disadvantages of using them.

Learning Curve

There’s a pretty steep learning curve associated with WordPress theme frameworks. It’s easier to figure out your way around a WordPress theme than a WordPress theme framework. For starters, theme frameworks are much larger than themes and comprise of many different files – template files, hooks, APIs, etc.

Another important thing to note is that no two theme frameworks are the same. You can’t learn everything there is to know about Genesis and expect Thesis to be similar. That said, once you do come to grips with a WordPress theme framework, you’ll have the power to modify and extend it however you’d like.

Heavy Costs

Although there are some free theme frameworks, most of the widely used ones are premium. Some of the premium theme frameworks have a one-time cost associated with them while others are based on a subscription model which means that you have to pay a fixed amount every year to use the framework.

Aside from the cost of the actual theme framework license, you’ll also need to pay for updates and support. Updates are immensely important because you want to make sure your site is free of bugs at all times and you want to minimize any potential security threats. When it comes to theme framework support, paying a fee to avail the service is a good idea especially if you’re not particularly technically savvy and don’t want to access the forums every time you struggle with something.

Developer Dependency

We’ve covered the cost associated with WordPress theme frameworks and developer dependency goes hand in hand with that when you’re in search of a framework to get. Since theme frameworks are pretty huge and there’s quite a learning curve associated with them, it’s fair to assume that once you select the one you’ll be using it for a few years at least.

One thing you should understand right off the bat is that a lot can happen in a few years in the world of WordPress theme framework development and maintenance – bugs are identified and fixed, security vulnerabilities are minimized, the code is updated to reflect best coding practices and whatnot. This is why it’s best to go for a premium theme that is up-to-date, releases updates, and comes with support from the developers. Once you go for a WordPress theme framework, you’ll be depending on its developers for as long as the site’s you develop use their framework.

In case a client’s website faces security threats because the theme framework wasn’t updated, you’ll have to re-do it using another theme framework. We don’t want that, now do we?

Best WordPress Theme Frameworks

By now we’ve covered what WordPress theme frameworks are and the pros and cons of using them for the development of WordPress sites. In this section, we’ll review some of the most popular theme frameworks and highlight the standout features they offer web developers and webmasters.

Genesis

Genesis

Genesis

One of the most popular WordPress theme framework offerings is StudioPress’ Genesis Framework. This premium theme is search engine optimized and enhances your site’s visibility on search engines with support for Scheme.org code. Genesis is built using HTML5 which makes for an incredibly responsive, turnkey design solution for a true state-of-the-art website.

One of the greatest things about this framework is that it offers unlimited updates, unlimited support, and unlimited websites! For a one-time payment of $59.95, the Genesis Framework offers great value for money and unparalleled features making it a popular choice for professional web developers and newbies alike.

Thesis

Thesis

Thesis

Thesis is in a league of its own when it comes to WordPress theme frameworks. The premium framework powers overs 57,000 sites and the numbers keep growing! According to the developers:

For the first time, you can control every last detail of your site and design with three revolutionary features you won’t find in any other WordPress theme: Boxes, Skins, and Site Tools.

Thesis paves the way to a code-less theme development era in which webmasters won’t necessarily have to get their hands messy with code for managing their site’s design and creating custom templates. The framework uses terminology that WordPress users might find a little difficult to get used to but aside from that, Thesis has some pretty great features in store when it comes to customizations and ease of use.

Thematic

Thematic

Thematic

Thematic is a free, open-source WordPress theme framework that’s ideal for webmasters who want the leverage theme frameworks without having to reach for their wallets and for those of you who want to dip their toes in the theme framework waters before diving in for a premium offering.

With Thematic, you get 13 widget-ready areas and a fully search engine optimized framework that can be used just the way it is or extended to support custom functionality. This framework also comes with a pre-built child theme right out of the box to allow rapid development.

For more WordPress theme frameworks, be sure to check out our post on 16+ Best WordPress Theme Frameworks.

Wrapping It Up

WordPress theme frameworks can save you a ton of time, effort, and money if you’re a web developer who has some clients lined up. They liberate you from having to reinvent the wheel each time you’re developing a theme for a WordPress site. However, if you’re a webmaster with one or two websites, theme frameworks may not be the best choice because of the high costs and steep learning curve associated with them.

Have you used a WordPress theme framework for developing client websites? We’d love to hear about your experience so let us know in the comments section below!

25 Free PSD Portfolio And Resume Website Templates – 2016

Free Mostrare PSD Portfolio Template

For creative professionals and those starting out on their journey, an online portfolio and resume is a must-have. Rarely is there a business that will not benefit from showcasing their work online. That is why we have made a compilation of 25 Free PSD Portfolio and Resume templates that you can use to tell the world more about yourself and services that you offer.

All templates are hand-picked and tested out to ensure they are up to highest standards. The .psd files are all layered properly, easy to edit and fully customizable. You can edit the colors, fonts, objects and any other element you want. So whether you are graphic designer, architect, photographer, musician or someone in need of portfolio and resume template, you’re bound to find something on this list!

PORTFOLIO

Free Portfolio PSD Template

This PSD portfolio template goes by a simple name, Portfolio. The .psd file comes with a complete home, about, portfolio, blog, archives and contact pages. With simple tweaks, you can create a business page out of it to further promote your work!

Paper vCard

Free vCard Portfolio PSD Template

This professional single-page paper card PSD portfolio template aims for a clean, minimalist paper theme. Those with creative minds, graphic and web designers will find it perfect for their own portfolio.

Flat Profile

Free Flat Profile PSD Portfolio Template

The Flat Profile PSD portfolio is suitable for everyone looking for an online presence. It’s been made to have a clean and minimalistic style and will help you set up a professional online presence. We’re sure it will increase your chances of finding a suitable job and expand your business.

Developer

Free Developer PSD Portfolio Template

A portfolio and static resume look template that looks amazing as a single page. The main strength of this PSD portfolio template is that your resume is subtly mixed with your portfolio, showcasing both at the same time to create a lasting impact on the visitors.

Mostrare

Free Mostrare PSD Portfolio Template

This PSD web template set features a photography inspired portfolio layout. The download includes 5 different pages which brings a lot of potential to create an incredible portfolio. The bonus is two neat free Google fonts that come with the download.

Clean PSD Portfolio Template

Free Clean Porfolio PSD template

This free download includes two PSD one-page portfolio templates. This template is great for displaying a simple and clean artist website. The download includes two versions, light and dark versions for even more customizability.

Cuda

Free Cuda Single Page PSD Template

Cuda is a single page, creative PSD portfolio template with a modern flat design. This template is great for anyone looking for a clean portfolio showcase. The .psd file is well organized and it can be customized easily to suit all your needs.

Blueasy

Blueasy PSD Portfolio Template

Blueasy is a PSD portfolio template ideal for both individuals and agencies to showcase their work. The .psd file is easy to navigate and edit, offering a lot of customization.

Draco

Free Draco Portfolio PSD Template

PSD template used mainly for resume, but includes an option to showcase your portfolio. You can also edit the .psd file to use it as a personal page.

I love design

Free Personal PSD Template

This interesting PSD template looks beautiful thanks to its simplicity in design. The color palette combined with an awesome design will make sure your portfolio and resume looks truly professional.

Focal

Free Focal Resume Portfolio PSD Template

Focal PSD portfolio template is a multipurpose, elegant and well crafted one-page resume theme for creative professionals. This template puts more emphasis on resume than portfolio, but both are found in there.

Beetle

Free Beetle One Page PSD Portfolio Template

Here’s the PSD portfolio template that is highly responsive and easy to edit. With simple tweaks, you can convert it from portfolio site to blog or landing page.

PH CV PSD Portfolio Template

PHCV PSD Resume Portfolio Template

PH CV a unique multipurpose vCard. PH CV is a perfect suit for placing your personal information: your skills, the level of your competence, your education, and experience. The theme will handle the task, no matter what is your ultimate goal – whether you are a designer, programmer or manager. PH CV PSD template comes with 11 PSD files.

Hexal

Free Hexal PSD Portfolio Template

Hexal is a single page portfolio template that came out as a byproduct of various design experimentations with hexagons. Really unique approach to design.

Webfolio

Free Webfolio PSD Portfolio Template

Webfolio is minimal PSD portfolio template to showcase your multiple projects at once. While it might look overwhelming on first sight, the .psd file is really easy to edit and customize.

Golden

Free Golden PSD Portfolio Template

This PSD template has a great portfolio, timeline, and meet your team sections. It comes in a fully layered .psd file that you can edit to personalize it as you want to. A really great choice for a collaborative portfolio.

Diff

Free Diff PSD Portfolio Template

Diff is exactly what its name suggests, a different way to showcase your portfolio or resume. The amount of details that can be edited in this .psd file is incredible. With this PSD template, you can easily stand above your competition in showcasing your portfolio or resume.

Buje

Free Buje PSD Portfolio Template

Buje is one-page PSD portfolio template that can serve surprisingly multiple purposes. You can use it as a personal site, a portfolio for your projects, simple resume site and with enough creative vision you can make it whatever you want it to be.

Serenity

Free Serenity PSD Portfolio Template

Serenity is a nice and cute theme that can serve as resume and blog page. It will give your portfolio nice and dreamy look if you decide to use it!

Musicians PSD Portfolio Template

Free Musicians PSD Portfolio Template

This awesome portfolio for aspiring musicians is filled with details. It features a staggering amount of details and many different options for you to play with and come up with your own unique site.

Elegant

Free Elegant PSD Portfolio Theme

Elegant stands true to its name. Elegance in the design of this PSD portfolio template. Elegance in .psd file when you work with it. It’s, simply said, an elegant portfolio and resume template. If you want elegance, get Elegant PSD template!

Retro

Free Retro PSD Portfolio Template

Retro is a one-page PSD portfolio template designed with single idea in mind. Being retro! Besides great style, the .psd file features great layers that you can edit with ease.

My Folio

Free My Folio PSD Portfolio Template

My Folio is a single page portfolio website. The simple design can be used as a great inspiration for your own design too!

Creativio

Free Creativio PSD Portfolio Template

Creativio is a multi-purpose PSD portfolio template. Thanks to great layers and Smart objects, you can create your portfolio site just the way you want it to be.

Leslie

Free Leslie Photographer PSD Portfolio Template

Beautiful PSD portfolio template for photographers with creative mind. Perfect for showcasing your work of art.

Your Indispensable Guide to Featured Images In WordPress

Wordpress Featured Images

Articles with images get 94% more views than those without and the first image your viewership will see is the featured image.

Adding relevant images to blog posts and pages is an important element of blogging. Remember how you’d always pick up a book heavy with illustrations as a kid? It’s the same case with blogging – an image intensive post is more visually appealing than one with just text.

In this post, we’re going to tell you everything you need to know about featured images in WordPress – what they are, where you can use them, and how to use them to your maximum benefit. We’ll also cover the best practices for adding and using featured images in WordPress.

Let’s get some basics out of the way first.

An Overview of Featured Images

You’ve all seen featured images in blogs but may not know exactly what they are. Typically, a WordPress site’s blog page has titles of posts along with a brief excerpt, the author’s name, and a thumbnail image. This thumbnail image is the post’s featured image which is displayed right on top of the text on the post’s page.

A featured image represents the contents, mood, or theme of a post or page. Posts and pages can have a single featured image, which many themes and tools can use to enhance the presentation of your site. – WordPress.com

Featured images displayed on a blog page are represented as thumbnails and can vary in size depending upon the theme that you’re using. Generally, they are placed on top of the text or to the left side of it. For this reason, featured images are also referred to as post thumbnails.

Capturing your potential viewers’ attention by using an eye-catching featured image is a great way to attract more traffic to your blog. Images draw readers in and the featured image you use for your blog post will be seen the most – it’s displayed on the blog homepage, on social media posts, and on the post page.

A Note on the Importance of Featured Images

Featured images are like the cover of a book and as the old adage goes, never judge a book by its cover, the truth is that it’s hard not to. Making the best first impression becomes infinitely easier with the use of a featured image. A picture speaks a thousand words – a thousand words that you won’t have to in order to captivate your readers in a single glance.

Unlike the images you actually add to your posts and pages, featured images will travel much further. From social media site shares to recent posts suggestion boxes, your featured images will be published in all kinds of places for potential subscribers to stumble upon.

One of the standout features relating to the use of featured images is that it brings structure and consistency to your blog. Suppose you’re writing a post that doesn’t have a ton of images to go with it. You can count on the featured image you use to ensure it doesn’t get lost in your site’s archives without a single view.

Featured images have become a norm for modern bloggers and reading a blog post without a featured image seems a bit off. In the following section, we’ll dive right into the best practices professionals use when it comes to selecting, customizing, and adding featured images.

Best Practices for Using Featured Images

Featured images are pretty simple to understand and by now you probably have a pretty good idea as to what they are and where they’re used. In this section, we’ll explore some of the best practices adopted by editors when using featured images.

Size

One of the first things you need to decide before adding your first featured image is the size you want it to be. The size you decide for the first image will remain the same for all featured images you add from this point onwards. Doing this maintains consistency across your blog and gives it a professional look.

The size you select for your featured image should depend on two factors:

  • The theme you’re running. If your theme is crowded with respect to its design, opt for a smaller sized featured image as compared to one that takes up the whole screen.
    Illdy theme

    Notice how the image falls exactly into place with the post’s title and text.

  • The layout of your posts. Most webmasters size their featured image to sit neatly on top of their post’s text. If their post’s text runs 800px across the page, the featured image is also 800px wide.

Image Quality

Featured images are usually large in size ranging from 500px to full-width. Keeping that in mind, it’s best to go with a high-resolution image instead of one that’ll pixelate easily. Webmasters search for relevant featured images on stock image sites or hire an in-house designer to create unique featured images for each post.

Regardless of which option you go with, remember to optimize the image for the web before uploading it to your site in order to save storage space on your server. Online tools like Kraken work great and if you’d like to install a plugin then EWWW Image Optimizer is a popular option.

Relevancy

Featured images are meant to capture the essence of the blog post they’re associated with. But where would you find a relevant image that goes with your content and fits our best practices criteria? If you’re operating a high-authority website then your first action plan should be to hire a designer to create featured images. And if you’d prefer to create them yourself, tools like Photoshop, GIMP, and Illustrator can help you out a great deal.

But those of you who’d rather not break the bank for featured images just yet can search for relevant images on free stock photo websites. Check out our post on 35 Free Stock Photo Websites For Every Situation and Top 24 Websites For Free Vector Images For Designers 2016 for resource sites.

Now that we’ve covered some of the best practices bloggers and editors adopt for featured images, let’s take a look at some of the most popular ways to displaying featured images on your blog’s homepage.

Featured Images Layout Variations

There are tons of different ways to display featured images on your blog’s homepage but it mostly depends on the layouts offered by the theme you’re using. Let’s take a look at some different featured image layouts for different types of WordPress sites.

Featured Images Atop Excerpts

Presenting the featured image atop the text is one of the most popular blog page layouts. Our very own Illdy theme displays featured images neatly on top of the post title and post excerpt on its blog homepage. This layout is suitable for all sorts of WordPress websites – corporate sites, general blogs, or service-based sites.

Illdy

Illdy – Free One Page WordPress Business Theme

Featured Images to the Side

Sometimes a traditional featured image to the side layout is just what your blog’s homepage needs. This is especially true if you want to highlight the post excerpts or add additional post details such as the authors name, the date it was published on, and the categories it’s classified under. Our Travelify theme is a wonderful example of this featured image layout.

Travelify

Travelify – Awesome & Responsive Travel WordPress Theme

Magazine Style Featured Images

If your website’s content centers around images then its probably best to go with a Pinterest-style theme complete with an image intensive, magazine-style blog homepage layout. Our Pinbin theme does just that with different sized featured images displayed as post thumbnails on the homepage.

Pinbin

Pinbin

There are some themes out there that don’t support featured images although its meta box is supported by the WordPress CMS. If you’re running a theme that doesn’t offer support for featured images, the blog post’s first image will be used each time you share the post’s link to a social media site or on RSS feeds. This can be an issue if the first image on your post is difficult to view when shrunk, for instance, a graph.

To resolve this issue, most webmasters add custom code to the theme’s files or opt for a plugin to add the featured image. Default Featured Image and Quick Featured Images are both great options for adding featured images.

How to Add Featured Images in WordPress

By now you know what a featured image is and why it’s important to blog posts and your WordPress website, in general. In this section, we’ll walk you through a quick tutorial on how to add featured images in WordPress.

Step 1: Add a new post by navigating to Posts > Add New from the WordPress Dashboard.

Step 2: Add some a title and some content to your post.

Step 3: Scroll down the screen till you see a meta box titled Featured Image in the right sidebar.

Featured image link

Featured image meta box

Step 4: Click the link that reads Set featured image. The media uploader screen will pop open.

Step 5: Upload a new image from your drive or select one from your media library. Make sure the image you select is cropped and optimized for the web.

Step 6: Add the image’s title and description.

Select an image from your media library.

Select an image from your media library.

Step 7: Click the blue Set featured image button to continue.

Step 8: Once you click the button, the selected image will be set as the featured image and the meta box should look like this.

Featured image in meta box.

Your selected featured image will appear in the meta box.

That’s all there is to it! You’ve successfully added a featured image to your blog post. By following the same procedure, you can easily add featured images to pages and custom post types.

Wrapping It Up

Featured images are captivating and a fun feature to play around with – not to mention they have great SEO value! Adding featured images to your blog posts is a simple, straight-forward process and easy enough to incorporate into your blog post’s pre-publishing checklist.

Let’s quickly review the areas we covered in this guide:

  • Follow featured image best practices to find the right image.
  • Select a blog homepage layout that offers the best value to your site’s viewership.
  • If your theme doesn’t support featured images, install a plugin to add the functionality.
  • Last, but certainly not the least, add a suitable featured image using the steps outlined above to capture your readers’ attention.

Were you able to add a featured image to your blog posts and select a layout for the blog homepage? Did you run into any problems finding a featured image? We’d love to hear from you so get in touch by commenting below!