Our new short course is ideal for you if you want to take your WordPress development skills to the next level. Try out Coding Advanced WordPress Theme Templates, or read on and watch the intro video below for more details.
What You’ll Learn
Template files are at the heart of every WordPress theme. And if you’ve already gotten started creating WordPress themes, chances are you have some experience with coding template files. But there’s always more to learn!
In this course, you’ll learn how to customize your themes with advanced theme templates. Rachel McCollin will show you how to create an advanced WordPress theme for a blog.
Along the way, you’ll learn different ways to code the Loop, how to create templates for custom page and post types, how to create templates for custom taxonomies, and how to use conditional tags to make your templates more flexible.
Watch the Introduction
Take the Course
You can take our new course straight away with a subscription to Envato Elements. For a single low monthly fee, you get access not only to this course, but also to our growing library of over 1,000 video courses and industry-leading eBooks on Envato Tuts+.
Plus you now get unlimited downloads from the huge Envato Elements library of 630,000+ creative assets. Create with unique fonts, photos, graphics and templates, and deliver better projects faster.
Totally open source and free to use, Bootstrap has become one of the most popular front-end frameworks for desktop and mobile development. With a mobile-first approach, the framework essentially forces designers to create sites for small screens and then scale designs up from there.
Bootstrap 4 is the newest version of the framework, and today we take a look at the 20 best Bootstrap 4 plugins available at CodeCanyon. Whether you’re coding a WordPress theme or searching for form or navbar templates for your static site, CodeCanyon has a plugin for you!
WP Pricing Builder allows users to set up responsive pricing tables within minutes. The plugin offers a drag-and-drop builder, 89 unique designs and a colour theme generator among other features. This makes setup easy and allows for a high degree of customisation.
User TelosAlpha says:
„Fast clear support. But beyond that, this is a very advanced and well written piece of code. Very intuitive to use, many fantastic styles.”
Progress Map is a WordPress plugin for location-based listings. It enables users who have websites that showcase services like hotels, real estate, restaurants, jobs etc. to have the locations for those listings identified on Google Maps by markers and a special carousel. The carousel is connected to the map, which means that when you select an item in the carousel, the corresponding location is shown on the map, and vice versa. New locations can be added to the map and carousel using a form on the “add new post” page.
User Moraviani says:
“Very customizable, sleek and elegant plugin that takes your site to a professional level. Many great options. Very fast and when used well, it will give your site the perfect look and usage. Highly recommended.“
The Nearby Places plugin is an extension of the above Progress Map plugin. It allows users to display points of interest near a specific location added from the owner’s Progress Map. These points of interest are supplied by Google Maps. The plugin also provides a powerful search form that allows users to target their position or to enter a given address and display all nearby points of interest. The plugin can be customised from the admin panel in order to match the general look of your website.
User gijon says:
“After so much searching, this is the best map plugin I have found very complete and easy to use.”
Modern – Bootstrap 4 Forms allows you to build any kind of cards you want for your site. It provides eight different styles of cards such as product cards, profile cards, testimonial cards, etc. as well as a grid. The plugin is simple to implement, and users are able to edit, change and customise them easily.
Inspired by mobile design, Web Slide brings slide navigation to your website layout. Featuring one code for all devices, a mobile drawer style menu, an app style look and CSS 3 animation effects, the plugin is compatible with major desktop and mobile browsers like Chrome, Edge, Firefox, Safari, and Opera.
User quadnine says:
“A great product with top-notch support. This was money well spent.”
The Reside Rental Property Management plugin is designed to make it easy to manage all information related to property management such as properties owned, leases, tenants using those properties, rental payments received, etc. The plugin helps you keep important details of your business accessible at any time, from any computer or device.
If you’re looking for a shopping cart that’s easy to install and use, check out JQuery XML Shopping Cart. Some of its great features include support for unlimited products, which can easily be divided into categories and subcategories; a default tax rate which can be modified to a per-product tax rate; and a base shipping charge to which additional charges can be added as needed.
User dnkn76 says:
“Documentation quality and flexibility is excellent comparing to another non-PHP shopping cart I bought. In no time the store was up and running and shipping cost, taxes and changing currency is a breeze.
Bootstrap 4 Carousel gives users multiple options for displaying images on their website, including slider with thumbnails, multiple items carousel, fade effect carousel, Bootstrap image slider gallery, and more. The plugin provides over 200 pre-built examples and layouts for user convenience. This responsive carousel is compatible with mobile and tablet devices and all the latest web browsers.
Scroll Magic WordPress is a clever and creative plugin that allows users to create a webpage that easily reacts to a visitor’s current scroll behaviour. Website owners can either trigger an animation or synchronise it to the scrollbar movement. Elements can be pinned at a specific scroll position either indefinitely or for a limited amount of scroll progress. The plugin also features the ability to add parallax and a host of other fun effects to your website.
User vallered says:
“Awesome Plugin. With the newest update one can implement any custom CSS on scroll. Performance is great, very smooth animations, as well as the immediate support. This is the solution that I’ve been searching a long time for.”
Modern MegaMenu is all about giving users as many options as possible for creating the menu and navbar of their dreams. The plugin offers over 50 header layouts and a wide variety of navbar styles. This fully responsive Bootstrap 4 plugin is easily integrated into your site and is highly customisable.
Schoex is an incredible school management system that allows educational institutions to build a flexible communication system between administrators, teachers, students, and parents. The plugin allows the school to assign users different level of access to information contained on the site. Information like attendance, grades, exams, homework assignment, etc. can be recorded and monitored.
User erpaulsmith says:
“I am very happy with the application and especially with the support service. Thank you guys for this great service!”
There are many models for selling goods and services online, and Digital Sell Marketplace is a Bootstrap 4 plugin that offers what it calls an “advanced lightweight PDO PayPal digital download script” that lets you sell your products quickly and easily. Though the script is lightweight, the features of this plugin are not. It comes packed with tons of professional components like stock control and inventory, categories and subcategories, coupon codes and support to help businesses run professionally and efficiently.
User tarkuslove says:
„Brilliant script. Works very well. Well designed and very well coded. The customer support is first class. If you need a digital marketplace and don’t want the stress of trying to set it up on WP or something then get this script. Great Quality, Great service, Highly recommended.”
SNOW UI Kit is a responsive and multipurpose skin template which provides users with a large selection of user interface components to add to their websites, including buttons in various shapes, sizes and colours; a wide range of options for displaying images; a number of styles of features boxes and cards, plus over 675 icons by Font Awesome. An excellent choice when starting work on your new website, SNOW UI Kit is easy to install and well documented.
A collection of floating inline label forms, Floating Form contains a large number of forms such as contact, review, search, login and subscription forms, as well as a wide variety of booking forms. Each form has its own stylesheet.
Though a newcomer to the e-commerce field, Laraship E-Commerce has already distinguished itself as one of the best-rated plugins in this category at CodeCanyon. Among its outstanding features are its product, tax and shipping management. It also offers a powerful search using full-text search indexes and supports multiple currencies.
User callelance says:
“One of the best e-Commerce platforms, ready to go. This is what I have been looking for my project. Seller was very responsive to all my questions and helped us install on our server. Great design. Well structured code. Great customer support.“
If you’re getting ready to build a new website, Cascade might come in handy. That’s because the plugin offers a huge library of user interface (UI) components like progress bars, popovers, navbars, carousels, cards and panels, forms, buttons and badges, and much more. What’s more, the SCSS files are included, so customisation is simple and easy.
WordPress already comes with some basic user management functions which the User Management plugin aims to improve on and expand. The website administrator can add, edit and delete users and view stats from the dashboard, while users have access to registration and login pages and their own dashboard. Additional features include email verification, Google Recaptcha, etc.
User garimam says:
“Prompt support for fixing issues. The interface and code quality are also good.”
If you’re looking for a Bootstrap “what you see is what you get” (WYSIWYG) editor that will allow you to see what the end result of your project will look like while you’re creating it, then Bootstrap 4 WYSIWYG Editor may be for you. This simple and easy-to-use editor requires jQuery, Bootstrap 4, and Font Awesome.
User innovationco says:
“I’ve used this for another plugin that I am making and it’s a very nice editor with no bloat, which makes it easy for me to use. I have had no issues with it and I would highly recommend it to others.”
The Ultimate Before After Slider for WordPress lets you showcase before and after images beautifully. There are four viewing modes available: horizontal, vertical, fade, and side by side. Other great features include the option to add image credits under the slider, unlimited sliders on one page, and touch and swipe on mobile devices.
User PapaJohns says:
“I’ve spent only 2 minutes to make a before/after slider on my website. Definitely recommending this plugin.”
WooCommerce Step Filter helps your customers choose the product that’s right for them by filtering the products they are interested in by price, a specific attribute, or a custom rule. The plugin is customisable so you can tailor it to suit your needs.
User APlayer says:
„I was searching for a plugin to suit my needs for a long time before finding this one. It is simple to set up and to use, and the customer support has been fantastic.“
The 20 Bootstrap 4 plugins featured here just scratch the surface of options available at CodeCanyon, so if none of them appeal, there are plenty of other great options there to hold your interest.
And if you want to improve your skills using Bootstrap yourself, check out the ever so useful Bootstrap tutorials we have on offer.
Are you a member of a design or development team? Then, you most likely have a need to communicate and collaborate with others. Even when your project is a solo effort you may feel a need to have an extra set of eyes. You will need someone to watch out for mistakes and guide you along.
Consider a project that is being worked on behalf of a design agency. Here, team members need to be able to communicate among themselves. They also have to collaborate with their management.
Take a look at this roundup of top design/development collaboration tools. It should make sharing ideas and providing useful feedback a breeze. You might work on a team that stretches across organizations. Or, your work might involve collaboration one-on-one with a designer or developer. Either way, this list is for you.
When design work involves several tools, the development work is done on a separate platform, and product deployment requires the use of a different set of tools entirely. It’s little wonder that mistakes can be made, communications can break down, and other things can happen to disrupt the workflow and cause confusion and even fingerpointing.
Now imagine not only being able to design, build, and deploy a product from a single platform, but to make changes to that product from the frontend without having to wait for the next deployment cycle.
Perhaps it’s time to give Mason a good, close look. Mason is a front-end-as-service design, development, deployment, and maintenance platform from which you can do all those things you could only imagine before.
Now, you can design, publish, and maintain a product from Mason’s frontend in real time. The entire process is secure, and effortless collaboration is practically a given since you and others with a need to know have ready access to the necessary information to support a given task.
Whether your team consists of you and one other, or it’s made up of thousands of workers spanning the globe, it will always work to your advantage to have a good team management tool in place to help you collaborate and share information.
monday.com is such a team management tool. It’s intuitive to use, centralizes everything, helps to smooth out otherwise chaotic workflows, and can be used by technical and non-technical teams alike. In fact, roughly 70% of the 22,000 teams using monday.com fall outside the tech sector.
Some work for small agencies or startups. Others work on projects for Fortune 500 companies. All of them are able to avoid time-consuming meetings and whiteboard discussions or having to plow through countless Excel spreadsheet files in search of important bits of information.
Fleep is a flexible messaging system that can be integrated with email to improve team communication and collaboration. With Fleep, you can avoid the pitfalls often encountered when several applications have to be put into play to exchange information within teams or with outside teams or individuals. Fleep offers team collaboration, managing feedback and action items on a single platform.
Information required for later use is securely stored in the cloud where it is always accessible from any device. This information can range from team or customer feedback and to-do lists to meeting minutes and files. Fleep can be used on a Mac, PC and Linux, as well as Android and iPhone systems and devices.
Sign up for Fleep’s free Basic Plan or for the Business Plan’s free 30-day trial.
Struggling to collaborate design issues, website copy, client changes and the like? If so, Visual Inspector is what you need. This feedback collaboration tool can be used on HTML, Sketch App, WordPress, and other frameworks and tools to speed up your back-and-forth communications and decision-making processes and make website changes easier and faster.
Join VI’s 40,000+ users by subscribing to the monthly plan or select lifetime access to the Pro Plan for just $49.
Manually set up collaboration systems can be effective and efficient. They are also subject to interruptions and breakdowns for a variety of reasons. They can also be expensive when someone has to be paid to oversee them.
With the right tool or platform in place breakdowns simply don’t occur. You either use them on a subscription basis, for a flat fee, or at no cost at all. In any event, the tools presented here are reliable, efficient, and worth their weight in gold.
Whether you’re building a new WordPress website or applying updates to an existing one, troubleshooting issues can be a very time-consuming process. It can also be a bit risky – especially if you’re dealing with a live site (one more good reason to set up a staging environment, when possible).
In general, pinpointing a problem requires that we take the following steps:
Disable all plugins and reactivate them, one-by-one;
After activating each plugin, refresh your site on the front end to see if the issue you’re dealing with appears;
These steps are necessary, as they will help you determine if your theme or one of the plugins you’re running is causing the fuss. But to do this on a live site, you’ll need to throw it into maintenance mode or face the prospect of allowing visitors to see your mess.
Fortunately, there is now a way to troubleshoot a site without the side effect of downtime. Thanks to the free Health Check plugin, you can perform the steps above in a manner that is confined to just your specific user account. Here’s how it works:
Let’s Get Healthy
Health Check was developed by the folks behind WordPress.org and can be thought of as an “official” plugin, much like Jetpack or BuddyPress. That means that it is both trustworthy and has plenty of collective knowledge when it comes to finding potential problems.
Still, as you activate the plugin and navigate over to Dashboard > Health Check, you’ll receive a message stating that you should back up your site before performing any testing. While it’s unlikely that you’ll run into major problems, it’s always better to be safe than sorry.
With that disclaimer out of the way, you’ll see that the Health Check screen consists of a series of tabs – the first of which provides some general information about your site.
This data can be your first clue as to what may be causing some trouble. An incompatible version of PHP or MySQL, for example, could indicate that your web hosting server needs some work. WordPress.org also provides some helpful explanations regarding what is listed within this tab.
Think of the Debug Information tab as a complete laundry list for your website, with all the details included. Here you’ll find some general information regarding your install, a listing of all themes and plugins, server info, file permissions and a whole lot more.
While just about everything listed here is useful, the really good stuff is again server-related. Finding out some of the upload and execution limits can help you diagnose problems related to adding files. Seeing how much memory WordPress has available to it can give you a possible solution for a site that runs slow within the back end. Even seeing how much space your uploads folder is taking up can help you avoid running up against any storage limits.
And, should you need to share your site’s configuration with a technical support specialist (whether at WordPress.org or somewhere else), everything in this panel can be easily copied to your clipboard.
Now, we’ve come to the fun part! Health Check’s Troubleshooting Mode is really the must-have feature of the plugin. To activate it, visit the Troubleshooting tab, read through the brief instructions and click the “Enable Troubleshooting Mode” button to get started.
Upon entering this mode, you’ll notice that there is now a Troubleshooting Mode menu item in the “admin bar” at the top of the screen. Going here will let you enable plugins or themes as you go about the troubleshooting process. This is, of course, much more convenient than having to run to the Plugins or Themes page every time you want to make a change.
And, if you visit the front end of your site, you’ll see that it’s now using the default WordPress theme. While the initial sight of this may be disconcerting – no need to worry. Remember that you’re the only one viewing your website in this mode. All other visitors and logged in users (provided they aren’t using your login) will see everything as per usual. If you really want to be sure, visit the front end of your site in another browser while logged out.
While Troubleshooting Mode is incredibly helpful, there are a few things you’ll want to take note of:
Any “must-use” WordPress plugins activated on your site will NOT be deactivated;
If your regularly active theme uses custom fields, that data won’t display when using the default theme;
When testing, certain features of your site that require plugins won’t work until you reactivate them;
Other Cool Bits
It is worth mentioning that Health Check also includes some additional goodies:
This is your standard phpinfo() output that provides a complete look of your server’s configuration. It’s particularly useful for times when you need to know if a certain feature is enabled.
File Integrity Tool
For security’s sake, it’s important to know whether your core WordPress files are intact. This tool will compare your install against the current version of WordPress and alert you of any differences it finds. If there are differences, you may have some malware to clean up.
Mail Check Tool
This is a simple form that tests whether or not the wp_mail() function is working on your site. Often times, site owners can have trouble receiving messages sent via contact forms. Using this tool will allow you to ensure that the web host itself isn’t the problem.
The beauty of Health Check is that it has taken an arduous task and made it both safer and more user-friendly. The next time you run into trouble with a WordPress website, it should be your first choice for troubleshooting. Just remember to take any necessary precautions first.
However, note that the plugin isn’t perfect and may not catch everything. As this is a tool in constant development, the WordPress.org team has been encouraging users to report any issues via the plugin’s support forum.
In all, Health Check represents a big leap forward when it comes to diagnosing a buggy WordPress website. It has the potential to save developers lots of time and headaches.
Creating a stunning, award-winning portfolio can indeed be accomplished without much trouble. But only if you have the right tools for the job. If you try building one from scratch it can be a tough haul, even if you’re a whiz at coding.
Using a WordPress theme to help you is a far easier approach. But not all themes are equal in terms of features, speed, and performance.
You can also select a theme that serves admirably as an aid to building a website. Yet, it may have limitations or shortcomings when it’s time to put a portfolio together.
Finding a WP theme that will serve your portfolio-building efforts well is not all that hard. Finding the best themes for the job can be more difficult. But we’ve already done that task for you with these 8best of the bunch.
Porto is a premium, Bootstrap 4-based, super-fast WordPress theme that offers a better solution to your portfolio building needs. Its authors work hard to keep up with the latest coding standards and design trends; and their hard work pays off.
This multipurpose theme is compatible with and optimizes all major plugins, including Revolution Slider and Visual Composer which come with the package. It’s 100% mobile ready and retina ready and no coding is required on your part.
One of the features Porto’s users really like is its host of demos and design options. These include powerful eCommerce demos and portfolio-building options that include a variety of layouts, view options, and slider and skin options.
Several breadcrumb options are also available to make it easier for users to navigate within large portfolios and galleries, and back and forth from portfolio pages to other pages.
There’s also a variety of header and footer options, WooCommerce options, post and page options and BuddyPress and Social Share options.
You naturally expect a high-quality theme like Porto to feature high-class support, and that’s precisely the level of support you’ll receive.
BeTheme is not just the biggest WordPress theme ever, it’s also the best all-purpose website building tool with respect to the number of different website types and niches it covers – and that includes creative websites and portfolios.
For starters, BeTheme features a selection of 350+ pre-built websites and counting. It also has a large and varied array of website-building core features; each one designed to enable you to do more with less effort.
It takes but a single click to install any of these professionally designed, customizable pre-built websites. Once that’s been done, Be’s popular Muffin Builder and Admin panel take over, accompanied by a range of options, shortcodes, design elements, and special effects.
It’s quite possible to build a reasonably complex website in as little as 4 hours, and you can design and build an awesome portfolio in less time than that.
Your business depends not only on the quality of your portfolio’s content, but on the portfolios overall design and appearance as well. Kalium makes it an easy task for you to showcase your work in the best possible way.
Select any of Kalium’s demos with 1 click and you’ll be off to a good start. The best-in-its-class WPBakery drag and drop page builder will help you build pages in minutes as you choose among 15+ header styles, a variety of navigation options, and the 100+ shortcodes.
Kalium features more than 30 handcrafted portfolio layouts in several categories that you can select from, or you can easily create your own should you so choose. There’s a variety of blog and shop layouts to work with as well.
Uncode is a multiuse theme tailored for creative users, and especially so for portfolios. It has every feature and functionality you can ever expect to need to showcase your work in a way that’s bound to generate interest, enthusiasm, and more business.
Uncode offers 16 different portfolio styles along with an advanced thumbnail and grid system, a nice selection of blog layouts, and the new Slides Scroll and Gallery Manager features. Uncode is fully integrated with WooCommerce.
Studio 8 is a flexible, awesomely designed WordPress theme that’s super-fast, responsive, features clean code, and its authors guarantee great support. Agencies, web designers, photographers and other creative professionals will like how with the help Studio 8’s advanced theme options, it’s so easy to create an online shop and showcase your projects to impress potential clients.
TheGem gives you a complete WordPress toolbox with which to address your website-building needs. Including in this toolbox is everything you need to create a portfolio to showcase your work or products in the best possible way.
The Gem’s portfolio-building options are many and include different overall layouts and styles, masonry and metro style grids, sidebar options, and the ability to mix portfolios with other website content.
This modern, premium WordPress theme is ideally suited for artists, photographers, and other creative individuals, teams, and agencies. Pofo is also an excellent choice for any size business wishing to showcase its wares.
The package comes with 150+ pre-built design elements, 200+ demo pages, and more than 25 home page layouts.
With its powerful and intuitive frontend building and editing capability, Cesis can justifiably claim to be the smartest WordPress theme on the market. Its options panel allows you to modify any section or element in your website separately, there’s a host of demos and pre-made templates to work with, and no coding is required.
Cesis is a great choice whether you’re an advanced web designer or a beginner.
You would definitely need a website-building WordPress theme that has the necessary tools. But, unfortunately, it can’t do all the work itself. Some, if not most of those listed here can come pretty close to doing so. But they still need your ideas and guidance to get the job done.
Is your plan to create a single portfolio to showcase your own work? Maybe you are planning to create multiple portfolios for a range of clients? Either way, there’s something here for you.