5 Key Maintenance Tasks for Your WordPress Website

Nowadays, as the digital world is evolving like never before, creating a website and leaving it is simply not enough. When it comes to content management systems like WordPress, keeping up with routine tasks is vital. If you are running outdated software on your site, don’t have an optimized database or if you simply don’t care about security questions, sooner or later these maintenance tasks for your WordPress website will catch up to you. Fixing them down the line will be much harder and may even cost extra money.

A better approach is to use the simple tactic of running routine tasks or even automating them in order to streamline this process.

In this post, we’ll discuss the significance of maintenance tasks for your WordPress website and the most important runs to keep your site functioning optimally.

Updates – themes, WordPress, plugins

Plugins and themes are barebones of your site. Basically, your project mainly runs on themes and plugins. However, if you don’t update them, you might encounter serious issues with security or performance. Some users are hesitant about updating their themes and plugins as they think that the update will break the site and lead to some unwanted results. But this is the absolute wrong mindset to have. In this case, staging sites are the best option for those who want to test every update before running.WordPress has a system to manage automatic updates for themes and plugin, however, there are some cases when you might miss an update. Luckily, WordPress addressed this problem in its recent 5.5 update, which allows you to set automatic future updates for plugins and themes. To do this, all you have to do is go to the WordPress dashboard > Plugins and on the right side of the plugin list, set it to Automatic update:

The same thing can be said about the WordPress update – which is the most popular content management system as it backups more than one-third of the world’s websites – which always offers the most important performance and security updates. 

The automatic WordPress update can be easily done by using the Easy Update Manager WordPress plugin, or you can manually set it in the wp-config.php file by adding this line of code:

define( 'WP_AUTO_UPDATE_CORE', true );

Now your WordPress core will update automatically without your input.

Maintaining your database 

Maintaining your database is one of the most important maintenance tasks for your WordPress website. The more content you add to your site, the bigger your database becomes. Changes made to your site, post revisions, your site’s content, user settings, comments, and pretty much everything else is stored in the database. 

As the database becomes bigger and heavier over time, it will slow down your site’s loading speed. Furthermore, the larger your backup, the more it might affect the uploading and downloading speed of your backups.

There are many methods to optimize a WordPress database. The WordPress plugin repository offers many plugins that you can use for a particular job. If you want to save time and use tools that have been tested by many users, you might want to consider using Wp-optimize. This plugin contains pretty much everything you need to optimize your database.

This plugin has more than 900,000 installs and was created from the same group as Updraftplus. Once you install and activate the plugin, visit the plugin’s main page and select how you want to optimize your database as seen below.

Please note that when working with a database, it’s always a must to create a backup before doing anything. Wp-optimize has this option on the right side of the Run all selected optimization button. Don’t forget that important step before proceeding.

The plugin also has image, cache and minification settings that you can use for different purposes. 

Regular backups

Backing up your website is another important thing to consider to protect your site against any unexpected surprises. Whether you update your theme or WordPress, instal a new plugin or just optimize your database, you’ll need to create a database.

For this, you’ll also have some great options to choose from for backup plugins in WordPress. We went ahead with UpdraftPlus, which is one of the most popular and universal tools for this task:

Maintenance Tasks for your WordPress Website - updraftplus

Once you install and activate the plugin, go to the setup tab and setup the plugin to meet your goals.This plugin offers some amazing features like backing up and restoring the site from the Cloud or migrating from one server to another and etc.

Security scan and logs

Security in WordPress is one of the most important aspects of site management. Keeping your WordPress, themes, and plugins up-to-date or having a good hosting is a must. But sometimes, event updated software is not enough to protect you from newly written malicious code.Hiding your security gaps is a massive question – so big in fact that it might require a different post entirely. Aside from the basic things such as changing the admin password, setting up two-factor authentication, disabling file editing, among others, it’s also vital to run a general security audit on your site.  You might want to consider Wordfence, which is one of the most popular tools out here for this purpose:

Maintenance Tasks for your WordPress Website - wordfence

Wordfence can run an audit and security scan of your site. If it detects any malicious code in your files, it’ll provide recommendations to further protect your site. Along with its security functions, Wordfence also can be used as a firewall.After installing and activating the plugin, the next thing you need to do is to run a scan of your site. You can do this by going to Wordfence menu > Scan:

Maintenance Tasks for your WordPress Website - wordfence scan

Once the scan of your site is complete, you can then follow the instructions provided by Wordfence.

Checking broken links

As you add more content to your site, you are also adding more articles. You might notice that links in your older articles no longer work. The reasons for this vary such as the link or the URL was changed – or perhaps the website was taken down. The same thing might happen if you’ve added images from other sources.  A scheduled inspection of broken links on your site is important, since they may affect user experience and it could hurt SEO ranking in general. But checking these links manually is time consuming, so it’s better to use a plugin for this. For this, we recommend using the Broken Link Checker plugin.

Maintenance Tasks for your WordPress Website - broken link checker

This plugin will monitor all broken and dead links on your site and inform you either by mail or in the dashboard.

Conclusion 

This post is by no means a comprehensive list of tasks that you’ll need to maintain your online business. There are other important things you’ll need to keep track of such as image optimization, spam comments, abandoned themes or plugins, performance tests, SEO audits, among much more. 

If you have any questions related to WordPress maintenance, let us know in the comments section below!

How to Build a Dropshipping Business Website with Jupiter X

build a dropshipping business website featured

Have you decided to start your dropshipping business but you’re unsure where or how to begin? Uncertain as to whether or not go with WordPress or Shopify – or perhaps another e-commerce platform managed by someone else? If so, you’re in the right place! In this quick guide, I’ll walk you through how to easily build a dropshipping business website with Jupiter X in WordPress in less than 20 minutes. 

What is dropshipping? 

Dropshipping is a business model in which you don’t have any physical products and you don’t manufacture items or manage any inventory. Instead, you simply resell products at a higher price from the actual owner. 

How this works is that you have an e-commerce site and you list products that you don’t actually have. But when someone buys something from you, you purchase that product from the owner at a lower price point. You then transfer the order details to your supplier, and they will pack and ship it to your buyer. You then send the shipping details to your customer. Sounds quite simple, right? Indeed, this is why, in recent years, dropshipping has become such a popular business model. That said, dropshipping has several pros and cons. Let’s quickly review them. First of all, a major factor in this model is that you don’t spend anything on producing, moving, storing and shipping actual products from point A to place B. All of this is managed by your supplier.

As you’re the middle man between the seller and the buyer, you have to manage thousands of orders from customers and then orders from the seller. But the actual process – which is managed by software – is fairly simple. You just need to find a good supplier that has quality products at the lowest price. 

That said, this business model has its downsides such as a relatively long shipping time. Typically, products are shipped from China, which tends to take a long time. This often negatively affects customer satisfaction. Of course, it’s better if you can find a good supplier of the products close to the bury, but this may not always work.

Because of the long shipping times, your customer might request a refund or to return the product, meaning that you need to be ready to  create some small inventory to hold returned products. This might not necessarily be a warehouse, but this is something you must be ready for, particularly as sales increase.

Dropshipping on WordPress vs. DropShipping on other platforms

The popularity of dropshipping first started on Shopify and Oberlo (an extension of Shopify). This combination provided an opportunity to easily resell products from other suppliers. Later on, other platforms hopped on the dropshipping bandwagon and began also offering dropshipping services to their customers. The same thing began happening in WordPress as it’s one of the most popular content management systems in the world. Because of this, many software providers began offering their own dropshipping tools. 

Both platforms – Shopify and WordPress – have both advantages and disadvantages when it comes to building a dropshipping business website. For the scope of this article, we’ll discuss the benefits of WordPress.  

  1. Easy setup
    Are you hesitant about creating a WordPress shop? Particularly if you don’t have any technical background? Well, you might be surprised to learn that in today’s world running such a business doesn’t require much technical know-how. 

    Once you set up WordPress, install WooCommerce and give yourself a pat on the back – more than 70% of your job is already done! With WooCommerce, pages like My Account, Shop, Cart and Checkout are already created. 

    WooCommerce also supports several payment gateways you can’t find on other platforms. It also has a wide range of plugins, so you’ll be able to easily extend the functionality of your shop.
  1. Choice of theme and plugins
    Since WordPress is one of the most popular platforms, it has one of the richest selections of themes and plugins. There are thousands of themes and plugins waiting at your fingertips to meet any kind of customer need. What’s more is that new themes and plugins – both free and premium – are coming out on a daily basis. In other words, there’s a plugin for everything. 

    Most themes are already responsive and are SEO-ready to improve your Google search rankings. You can choose a general theme like Jupiter X or niche-specific themes that are more lightweight and specially designed for one particular business.

    Aside from premium themes – which come with premium support – you can also find free themes. If you’re good at writing code, then you could potentially save a lot.
  1. Power of open source
    WordPress is an open-source software, which means that a community of thousands of enthusiasts develop this platform and its ecosystem of themes and plugins. Being an open-source software gives you the freedom to develop your own tailored features and maximize your customization.

    Managing open source software is way more effective than a hosting application as you can change your host anytime you want, you can implement your security rules and tap in the territory where hosted applications are unable to tap into.

Tools that can be used as for dropshipping in WordPress

Since we’ve already decided to choose WordPress as the platform to build our dropshipping business website, we have to choose the main tools necessary to run the dropshipping business. We can divide these tools into two categories:

Necessary tools

These are plugins that are necessary to run the business. Without them, you cannot  manage orders,  buy or sell anything on the site. In other words, you would be unable to dropship.

WooCommerce – This is your store’s engine. WooCommerce is one of the most popular, open-source shop plugins that can be used to sell anything from physical to digital products on your site. Setting up this plugin is fairly easy and does not require advanced knowledge of website development.

A dropshipping plugin – This type of plugin will do the majority of managing your dropshipping business. The main things a dropshipping plugin does includes: 

  1. Importing products from the supplier website, which could be a marketplace like AliExpress or a dedicated site of a brand
  2. Listing products on your site and managing all product details like price, inventory, description, etc..
  3. After a product is purchased, the plugin will place the order on the supplier site with the order details
  4. Managing tracking information. Once the supplier sends the product, the plugin will automatically update the order on your site with the tracking number.

That’s it, these are the minimum requirements for a dropshipping plugin. However, due to high demand for similar plugins, you might want to search for the right plugin that offers features particular to your dropshipping business. 

For the purposes of this article, we’ll use the Ali2Woo plugin, which is free and can be found here.

Tools that are nice to have

Other plugins might not play a direct role in the function of dropshipping, but they could greatly extend the functionality of your website. For instance, there are plugins for newsletters (to send updates on orders), abandoned carts, payment gateways, as well as after-sales automation, among others., This list of tools depends on the particular project and may vary depending on the store owner’s needs.

Now, let’s jump in and learn how to create a simple and functional store by using Jupiter X and the Ali2Woo plugin.

Setting up a dropshipping store using Jupiter X and the Ali2Woo plugin

The setup of a basic dropshipping store is fairly easy and can take up to 30 minutes. And by this, I mean you can make the first sale and accept your first payment in this time period. Let’s dive in.

  1. Set up the Jupiter theme and template
    For our purposes, we’ll use the Clothing Shop template, which you can find here. This template is good for shopping for clothes, but you can use it for other purposes if you like the style. 
    I used the template installation and, in just two minutes, the template was successfully deployed onto my test site:

    build a dropshipping business website

  2. Plugin installation and setup
    After we installed the desired template, we’re ready to install the dropshipping plugin. To do this, head to WordPress Dashboard > Plugins > Add New, type Ali2Woo Lite, and install it.

    build a dropshipping business website

    While this plugin has a premium version, the free version will do the job. 

    During the plugin installation, it will ask you to install a Chrome extension, which is necessary for normal functionality, so please follow the instructions and install the extension.

    Once you install and activate the plugin, head to the settings and set up the basic aspects of your website. From this page, you can set up rules for the dropshipping plugin such as language, currency, pricing rules for imported products, reviews of the product, shipping details, product description, images, words filtering and nearly everything you need from the plugin. This is how it will look:

    build a dropshipping business website

    3. Searching and preparing products for import
    Once you’ve set up the plugin, you’re ready to import products. Ali2Woo works with AliExpress, since the latter is one of the main sources of cheap products from China. 

    Head to the Search Products page and start searching for products you want to dropship. It will look like the following:



    You can search for a nearly unlimited variety of the products you’d like to sell on your site. Once you’ve selected what you’d like to sell, click on the Add Import list. Repeat this step as many times is necessary.

    Once you finish searching and adding products to the list, you can then move onto the next step. 

    4. Products review and import
    In this step, you have to review products by adjusting the name, fixing broken description text or images, adding it to the appropriate category and adding tags to the product. Or perhaps you want to add something extra to the name or description – or simply want to change the price – all these tasks happen on this page. 

    Once you’re finished with this step, click on the Push to shop button, and this will appear in Products on your WooCommerce site.

That’s it! Now you’re ready to accept your first order and get paid for your job. Once someone places their order, the plugin will place similar orders to the supplier with the order details – and all of this is automatically done by the plugin.

Wrapping Up

Essentially, in this post, we covered how you can build a dropshipping business website with Jupiter X. However, there’s more to it than that. In real life, you’ll definitely want to extend  the functionality of your store by adding extra features, analytics, optimizing SEO, implementing security measures, among other things. The good thing is that if you choose Jupiter X as your theme, you’ll be covered since it already has all the above mentioned points. 

The dropshipping business model is still on the rise, so, don’t waste any time and set up your million-dollar store as soon as you can! 🙂

Five Causes of a Slow WordPress Site

According to W3tech, WordPress currently supports 37.5% – or one-third – of all websites. Of course, this is awesome – however, for all the opportunities that WordPress provides us, it also has its challenges such as security and performance issues of its sites. 

Enhancing the performance of a WordPress site is a hot topic these days. It’s possible to find dozens of articles and methods online on how to improve overall speed and performance, which are crucial as both affect your site’s search engine ranking. Furthermore, visitors to your site will quickly leave if the load time is longer than acceptable. This is extremely important for sites with shop functionality where speed is one of the most important factors. In this post, we’ll discuss the top five causes of a slow WordPress site and how to improve them.

1. Low performing WordPress hosting service

It’s not news that high-quality hosting is a cause of a slow WordPress site if the files of your project are hosted on a reliable, fast and high-performance web server. So if chosen wisely, one of the most important tasks of performance improvement is done right. Before deciding on a good hosting provider, there are several things to keep in mind: 

  1. Shared hosting
    We may think its good idea to host our project on shared hosting that temptingly offers “unlimited” space, email accounts, bandwidth or other features. But the key point we miss in this offer is that shared hosting never offers the level of performance that is needed to run a normal project, especially during peak traffic hours. Most of the shared hostings fail to provide 99% of uptime within the month.

    Another major disadvantage of shared hosting is that your project files are placed among countless other websites. Your files essentially share one space, and there is no information about how many resources are used by other websites. In other words, you simply don’t know how well your shared hosting is optimized for performance. The cost of shared hosting is cheaper than any other hosting and starts from $2.

  2. Do-it-yourself VPS hosting
    These are hostings that must be manually created, configured and optimized. The crowd behind these servers are startups, developers, DIY enthusiasts and those who want to save money from already-configured VPS hosting. The most popular and cheapest server provider on the market is Digital Ocean with a $5 plan.

    Similar VPS hosting is great, but it can also be really challenging. If you don’t have enough experience to deal with the problems that come with it, then there might be some serious implications.  We don’t recommend that you opt for this type of hosting if you’re not tech-savvy and if your project is important for you. This type of hosting is best used for experimentation.

  3. Managed web hosting
    This is similar to the above do-it-yourself VPS hosting. However, in this case, the company between you and the cloud platform provider manages everything instead of you. You have nicely designed backend functionality where with just mouse click, you can deploy, restart, stop or pause the VPS server. Such companies also provide support when needed, and they have great optimization features. Due to the popularity of WordPress, in recent years, there has been a rise in dedicated WordPress VPS servers. Such servers offer a fully optimized environment for WordPress as they have the best configuration of files and databases.

    There are many popular managed to host providers on the market, including Kinsta, Cloudways, WPEngine, Flywheel, and others. The prices of such hostings are the highest and start from $10 or $15.

2. Not using the right themes and plugins

Choosing a good theme for your project is probably one of the most important decision you will make, sure thing you want to have the best-looking website but very often shiny and beautiful themes come with many “features” they have dynamic content, custom header, and footer, sidebar, many widgets, all these benefits are great to have in the pocket but they will definitely affect the overall performance of the theme and can cause slow responses from the hosting. Based on this you have to always choose a theme with a good framework, with good performance score.

How to choose the right theme? There are two things you should take into consideration when asking this question:

  1. Less is more, and this goes for themes as well. You’ll want themes with only the features you need for your projects. Such themes are niche-specific themes. For example, let’s say you’re working on a personal resume website, and you choose a theme that has been created solely for resume sites. Generally speaking, this theme has  everything you want to have. Such themes are lightweight, easy to maintain and they don’t require resources from the server.

  2. You can choose to use a general-purpose theme but with options to disable features. These themes offer feature-rich options that can be disabled if you don’t need them. So for instance, there are many themes out there that include many different demos. Make sure features in these themes can be disabled. If you’re not going to use them, they will add useless weight to your project.

Page builders

In the era of page builders, it’s hard to find themes that don’t use page builders. Working with a page builder is quick and easy-to-use, however they add extra weight to your project. Sometimes, they are much heavier than the themes themselves. So, seriously take into consideration whether you need a page builder to utilize or not.

Too many plugins

Adding a new plugin to WordPress site today is just a single click away, however, having too many plugins is a common cause for a slow WordPress site. As we mentioned before, WordPress supports more than 37% of all sites. Because of the popularity of WordPress, new plugins for every occasion pop up on a daily basis.

It’s easy to find a plugin for nearly any purpose. Plugins can be free or premium and come with or without support. Of course, getting support offers us the opportunity to receive technical help in solving our problems, but we should only hold onto important plugins. It’s better to critically ask yourself: is this particular feature important for you? Or is it just a feature that’s nice to have but jeopardizes the performance of your project?

3. Not using caching tools

slow WordPress site

When it comes to WordPress optimization, caching is one of the most important and easiest ways to speed up a WordPress site. 

Let’s check your site through Google PageSpeed insight or ySlow. You’ll see a warning about Javascript and CSS files minification. Without minification you’ll have a bounce of calls of these files to the server, and minification reduces these calls and minifies files sizes of CSS and JS files. In the end, you’ll have fewer calls to the server and less weight of the files to load.

The caching tool – in this case – the caching plugin stores some files to the disk of the server (depending on configuration, it can be stored in the RAM as well), and it remembers the same content that was served in the past session. It reduces server resources that respond to user requests and, as a result, makes a website work much more quickly.

There are many great plugins available for caching. Some of them are dedicated only for caching Javascript and CSS files (for example, Autoptimize) while others do more complex work. Aside from JS and CSS modification, they offer other important optimization works such as image optimization (for example, WpSmush, Wp-optimize), which is one of the important points in WordPress optimization.

Loading media files that haven’t been optimized to the front will greatly increase the loading speed of the website. That’s why you definitely need to consider their optimization, and be aware that image compression is one of the mandatory factors that must be taken into consideration.

4. Not using a content delivery network

slow WordPress site

A Content delivery network – or CDN – will not disappoint you if you use it for site optimization. The main purpose of CDN is to deliver your content to the user, no matter where they’re located on the physical map. Needless to say, your website will not load at the same time for a visitor from Singapore and visitor from California. This is where CDN comes into play. It stores a copy of your website in various data centers in different places in different countries. By doing this, your visitor will be served from the nearest CDN point, which will dramatically increase the website’s loading speed.

There are many great CDN services out there: Cloudflare and MaxCDN are two of the most popular and widely used CDN networks.

5. Version of PHP

slow WordPress site

Well, its fact that recent versions of WordPress started warning users about upgrading their PHP version from 5.6 to the 7.4 version. You can learn more about it in WordPress’s official recommendation

Please note that Worpdress is currently supporting the version of PHP 5.6, but all versions prior to version 7.3 will not receive updates. They are at the end of life (EOL), which means that your site might be exposed by security vulnerabilities.

Now let’s take a closer look why you might want to update your PHP to the latest 7.4 version:

  1. Improved bandwidth
    Versions above 7.0 perform a minimum of twice as fast as 5.6
     
  2. Lower latency
    Latency is the time between the first request and the first response from the user to the server. In this case, lower is better, and the PHP version above 7.0 is showing twice – and some times three times – better results than the 5.6 version. For example, if the average latency for the 5.6 version was 156 ms, then it’s about 68 ms for 7.4.

  3. WordPress support
    WordPress versions above 4.0 are specially optimized for PHP version 7. According to tests on the same hardware and software, but with a different PHP version, it doubled in performance. 

  4. Security
    Nowadays, running the PHP version 5.6 for any software means you’re not protected. All this software is EOL (mentioned above). By not updating your PHP to the latest version, you’re putting your project at risk as even version 7.2 is not very well protected.

  5. Significant performance changes
    Someone from WP Engine tested WordPress with different PHP versions. This test showed WordPress on PHP7 is 6.6 faster than on version 5.5. You can take a look here.

Now, since you already know one of the causes of slow websites, check the version of PHP on your WordPress site and safely update it. Also please note that backing everything up is always a good idea.

Wrapping Up

One of the main reasons for optimizing and lowering your website’s loading speed is to enhance user experience. No one wants to browse a slow WordPress site that is not optimized. This is a major point to keep in mind when creating a WordPress site for all devices. A smooth browsing experience is a must for all types of devices – including phones and tablets. Aside from this, you’ll also improve your ranking in search engine results.

Above, we only listed reasons that a WordPress site might be slow – this isn’t a comprehensive list. We only discussed the major reasons for a poorly performing site but of course there are more. If we missed something, don’t hesitate to write us a comment in the section below!

Key Elements to Create an Events Website

Various types of events or occasions such as birthdays or weddings mark significant milestones throughout our lives. Or important meetings for start-ups that propel a business forward. And it can be quite annoying if anything goes wrong during one of these events – many of these mistakes can be avoided through proper planning and organization, which starts out on an events website. However, doing so requires solid planning skills and appropriate tools.
There are tons of resources out there for planning any kind of event that it can be difficult to choose which to use to fit your needs. In this article, we’ll give you all the info you need to incorporate key elements to create an events website while working in Jupiter X so you don’t miss anything when planning your next event.

1. Menu and hero section

Making a good first impression is crucial when a visitor lands on your site, so having an appropriate top section is much more important than other aspects of a site. This should be at the top of your priority list when you sit down to create an events website. In other words, the menu and hero section can greatly impact what the visitor will do after going on your website.  Depending on the type of event, the menu and the hero section might contain a slider or a single image of a previous or upcoming event, important links in the menu (including contact info such as an address or phone number and a booking button.

Let’s first take a look at the Conference, Halloween, Art Gallery Listing and DJ templates.

create an events website
create an events website
create an events website
create an events website

2. Event introduction in the section

After we’ve introduced our site with a stunning hero section and formed a positive first impression, it’s now time to provide more details about the event. Typically after a hero section, we might want to give some teasers of the event such as a countdown, the address, a shortlist of attendees. The details you choose to reveal will be different depending on the type of event.

Excellent examples of these sections can be seen in the DJ, Concert and Wedding Invitation templates.

3. Event details (date, place and other event-specific details)

This is another significant aspect of your events site, since it’ll contain all the necessary details about the event. When you set out to create an events website, try to be as informative as possible while only including necessary info such as the date and length of the event, where it’ll take place (and how to get there), attendees, as well as booking and cancellation details.

Similar examples can be found in the Concert, Event Listing and Night Club templates.

create an events website
create an events website
create an events website

4. Event line-up, schedule, details and program

As we previously mentioned, not all events were created equally. This difference requires various approaches when listing event details. For instance, the schedule for a wedding will vary drastically from a nightclub event or an Halloween event. Luckily, Jupiter X has you covered with its wide array of layout and style choices for different events.

Let’s take a look at the Wedding Invitation, Running Race, Conference and Concert templates.

create an events website

5. Section for event tickets and booking

This section can contain details about event booking, tickets details and seat placement at the event. Again, depending on the event, you may also need to release early bird tickets, which might contain different plans with different prices.

Examples of these elements can be found in the Concert, Running Race, Wedding Invitation and Halloween templates.

create an events website
create an events website

6. Event sponsors

Another important element of creating an events website is listing the sponsors and supporters of the event. These are important people or organizations who are providing some sort of support – listing them can add weight to your event and attract more visitors.

In creating this section, you’ll need to include the logo of the sponsors, their names and links to their sites. And if possible, you can also include a few words about them.

You can see how even sponsors are  showcased in the Conference and Running Race templates.

create an events website

7. Contact details and directions

For this section or page, you’ll want to provide as much information as possible about how to contact the event organizers and how to get to the event venue itself. Basically, you should try your best to answer all questions your visitors might have and not leave anything to chance.

Examples from the Jupiter X theme can be seen in the Concert, DJ, Conference and Eirene templates.

Conclusion

In this article, we discussed the most commonly used, must-have elements needed to create an events website. For this, Jupiter X is there by your side to help you in easily designing your site by offering sleek ready-made templates – and all you have to do is import them! Why spend your precious time on redundant tasks when basic templates are available at your fingertips? Simply make a couple of changes here and there, and you’re good to go.

Key Sections to Include in Your Creative Website Template

Today, web development in the digital era moves at a rapid pace. The time of plain-text websites ended long ago. And this is for the better. The choices for unique website templates – from interactive web templates to animated web templates – available to the customer is mind-blowing. And this is particularly true to anyone in creative fields who’d like to quickly and easily build up a creative website template.

Optimal website design plays a vital role in the success of a business. Making a good first impression is the most important part, and it directly correlates to user engagement. In this article, we break down this concept and discuss the key sections needed for a creative website template.

When someone first enters your website, there are a couple of essential elements that will grab their attention. This article explains everything that you need to know to make a great first impression.  As you might have noticed by now, our other posts highlight that programming skills are not necessary in creating a creative website template. Furthermore, this becomes even easier if you have a WordPress theme that comes with everything you need like Jupiter X.

Hero Section

The purpose of a header is to convey the core of your business to the visitor.  A carefully designed header design layout must announce the core of your business to the visitor. In designing the layout of the header, you have several choices: a static header image, a header image with text overlay, a slideshow header or a video background header. 

While hero sections vary in terms of layout, for example, a popular use case is the full-screen hero section. However, this is not the rule, and you may also use a half-screen hero section. Jupiter X Creative Studio, Jove and Architecture templates offer different designs of hero sections for a creative website template:

Creative Website Template
Creative Website Template
Creative Website Template

Services

Following heroes, in the Services section, companies or individuals talk about their services or the area of their main specialization. This is probably the most important part of the whole website. In this section, you’ll need to introduce services offered by your company to your visitor. While there are several standards and known design rules about how to design such a section, you are free to change this up since we’re talking about creative website templates. Make it your own by offering something new in design, layout or colors. But let’s not get too carried away: don’t forget to keep the section clean and simple. In other words, anyone viewing your website shouldn’t leave your site with any questions about what you’re offering them and how. 

Let’s go ahead and take a look at several examples of a Services section in Jupiter X Creative Studio and Startup templates.

Creative Website Template
Creative Website Template

About Us

When it comes to the About Us section, professional website designers and developers only provide very little information on the main site. This can be seen as a brief about what the brand is about – it’s better to keep these short and simple on the homepage. In terms of location, it’s good to place the About section either right after the Hero section or below the Services section. However, this is not the rule, and you can also place this info in the Hero section. 

The About Us section should contain a brief description of the company or person, how they started the business, where they are at this moment and what is in their future. Here are some examples from Jupiter X Kore and Jove templates.

Creative Website Template
Creative Website Template

Partner

Partner sections are a vital aspect to your website, as they provide visitors confidence into a company’s dependability. Most Partner sections contain lists or a table of partner logos. While logos are often more readable and recognizable, it’s also essential to include the partner’s full name in addition to their logo. You can also add a link to their website in this section. 

Depending on the number of partners in the section, we might also include a short synopsis of your relationship and how they are partnering with you. You might want to take it a step further, and give each partner their own profile page. Another option is to group the partners by categories; for example partners in design projects, software exchange projects and so on. Check out these examples from Jupiter X Agency and Persephone templates.

Creative Website Template

Clients

The Clients and Partners sections are similar to each other. However, they differ in their purpose. Clients are the most valuable thing as businesses are fully dependent on clients. Similar to the Partners section, we can use a list of logos. We can also add links to a project that your company worked on for a client.  

Along with a list of clients, we may also include testimonials (which is a great addition to any kind of website) from previous clients, which will add more weight to the section and increase user engagement. Below are examples from Jupiter X Agency and Creative Studio templates.

Creative Website Template

Showcase

A Showcase – or commonly known as a Portfolio section – is a great opportunity for you to display your work and case studies to visitors. This section isn’t only for work: you can also use it to show your unique personality, talent and experiences. Portfolio sections are particularly useful in creative fields for photographers, designers, developers and more. 

To get a better idea of how you can put this into action, take a look at some Showcase sections in Jupiter X Creative Studio, Software 2 and Persephone templates.

Photo Album

If you’re a photographer or creative artist, then having a Photo Album section on your site is a must to showcase your art. It’s important that you are able to showcase your work in the most creative way possible, which is why placing raw images in a column simply won’t cut it. That’s where the Photo Album section comes in handy as it offers variation in creatively displaying photos. Take a look at the following examples from Jupiter X:

Full examples can be viewed here:

https://jupiterx.artbees.net/elements/photo-album/

Contact section

On traditional websites, you’ll find important info like the site map, address, link to the website’s privacy policy page in the Footer section by default. This information is usually organized in several columns, and the most popular is a combination of three or four columns. 

Of course, with creative website templates, you’re definitely not bound to this rule, and you might want to leave only important information in the footer. Creative templates are all about the creative approach, which calls for simplicity. In the Contact section, you might want to input only the necessary information such as contact details, social media or several words for engagement. Check out some of samples below from Jupiter X Jove, Agency, Kore and Persephone templates:

Wrapping Up

Incorporating creative websites into your development process all depends on the goals of your site and the needs of your visitors. Developing a creative website is probably the most interesting design work you can come across – but it’s also the most challenging. The main thing to keep in mind is not to get overwhelmed by new ideas. It’s worth mentioning that while adding several moving elements onto a page might look visually appealing, it might be difficult to make them responsive. 

Jupiter X offers a great selection of web templates dedicated to creative agencies or individuals. And the great news? You don’t have to start from scratch, as the readymade templates can be imported with just a few clicks – all you’ll need to do is change the text and images and you’re all good to go!

We hope that this article provides you with all the tools you need to implement creative website templates into your pages. We’d love to hear about your experiences, so please comment in the section below!

Key Elements for Creating an Agency Website

Agency website templates are all about design that is clean and easy-to-understand, which in turn allows visitors to easily access information from the homepage.  In this article, we break down this concept and discuss the key elements in creating an agency website.

You’re in luck! We’ve gone ahead and compiled a list of the most crucial elements needed for an agency website. Plus we included a couple of interesting gems that will allow you to showcase your agency.

And more good news: you don’t have to be a programmer to create a professional-looking agency website. In other words, you won’t have to write a single line of code at any stage of building up an agency website. A major part of the work is done for you already, and every user gets the most out of their preferred site editor. Let’s dig in!

Hero sections

Hero sections are the part of the page that appear as the first element. Your site visitors will notice the hero section the second they enter your site – as you might imagine, hero sections are one of the most important sections for agency websites. Your goal here is to create an eye-catching section that will keep the visitor on your page and invite them to browse other parts of your site.

Usually, the hero section is built with a visually appealing background or side image, brief explanation text of the company’s main goal and sometimes call-to-action buttons.

Jupiter X has several examples of how a hero section can attract visitors. Let’s check them out:

  1. The hero section from the Startup template:
Key Elements for Creating an Agency Website

2. The hero section from the Digital Agency template:

Key Elements for Creating an Agency Website

3. The hero section in the Agency 2 template:

Services section

The services section is another vital part of your agency website that should not be overlooked. In this section, you should display all services offered to your visitors, which means that it should be crystal clear and easy to understand. You can provide a brief explanation of the service and a call-to-action button for more information. These buttons can be used to direct visitors to the single services page.

The popular layout for any services section is divided by several columns. Elements, image elements and tabs can be used to beautifully display the services offered by your agency.

  1. The services section from the Agency 2 template:

2. The services section in the Ruminus template:

3. The services section in the Metis template:

Key Elements for Creating an Agency Website

Portfolio

The portfolio section is where you’ll need to beautifully showcase your recent work. The appearance of this section depends on the type of your business. So, if you have a software agency, then you have to list the most popular programs you’ve completed. If you’re a web design studio, then you might want to list the websites you’ve created. If you’re a music composer, you can list your popular soundtracks and so forth. In other words, depending on what you do and what you want to showcase, the elements used in a portfolio will change accordingly.

In Jupiter X, there are several Elementor widgets to showcase portfolios. These portfolios can be dynamic or they can be assembled with elements that are not dynamic and manually linked to the single portfolio page or to directly linked to the project website.

Let’s take a look at some examples:

  1. The portfolio section in the Euporie template:

2. The portfolio section found in the Metis template:

Key Elements for Creating an Agency Website

3. The portfolio section in the Zethus template:

Recent publications

Recent publications could be treated as a blog section. Of course, what you decide to name this section when creating an agency website is up to you. Depending on what you prefer, you can call this section “recent publications” or a “blog”. The blog section on the main page might contain recent publications from your company’s activity. Nowadays, keeping up with blog posts has become extremely important. So, if you decide to place this section on your main page, then you have to constantly publish your posts.

Whenever I browse a company’s website, I pay attention to the blog section such as the date when they last published a post. So for instance, if it’s been 6 months or a year since they last posted, then I might come to the conclusion that the company is not paying attention to the public or are not serious about keeping up with the latest trends in their industry.

Jupiter X has several Blog widgets to showcase recent publications. You’ll need to use the Posts element and style the look as you want in the element settings.

  1. A recent publication section in the Startup template:
Key Elements for Creating an Agency Website

2. A recent publication section from the Agency template:

Partner section

This section highlights the prominent partners of a company or business, which can go a long way in increasing the value of a brand and could generate extra leads. The power of the partner section shouldn’t be understated. If you have partnered with globally recognized or trusted partners, the chances are that other big companies will want to partner with you as well.

  1. The partner section in the Agency template:

2. The Partner section in the Startup template:

Subscribe section

At some point, subscribers might become your next client or partner, meaning that they are one of the most important parts of your business. While creating an agency website, keep in mind that you’ll definitely want to have a subscription section right on your homepage. This beautifully created section may also attract more visitors, and you might also want to include some info about  what you’re going to do with the list of subscribers. In other words, it’s a good idea to promise that you won’t spam their mailboxes and that they’ll be able to opt-out anytime they want.

  1. The subscribe section in the Startup template:
Key Elements for Creating an Agency Website

Footer anatomy

Footers could play a significant role on your agency website. While designing a footer, you should remember one vital thing: the footer appears on every page, so you’ll need to make it very attractive and informative. A footer is a place for only necessary information, such as contact info, important pages on your site (such as About Us or Pricing) and a subscription box.

  1. The footer section as seen in the Startup template:
Key Elements for Creating an Agency Website

2. The Footer section in the Zethus template:

3. The footer section in the Digital Agency template:

Key Elements for Creating an Agency Website

Conclusion

When you have a powerful tool such as Jupiter X at your disposal, creating an agency website shouldn’t be a complicated process. Jupiter X offers a great selection of web templates dedicated to agencies that have differing profiles. In order to build up an agency website, you don’t have to start from scratch, as the readymade templates can be imported with just a few clicks – all you’ll need to do is change the text and images and you’re set! 

I hope this article will help you create an agency website that suits your needs in no time at all. We’d love to hear about your experiences, so please comment in the section below!

Everything You Need to Know about WordPress Development Workflow

WordPress Development Workflow Featured

It’s no secret that WordPress is the most popular CMS in the world. Due to its popularity, there are a number of tools and services out there you can use to simplify your WordPress development workflow and improve the delivery time of your project. In this blog post, we’re going to take a look at these tools and services, as well as a few methods you can use to better develop websites.

Local or remote development

When it comes to developing WordPress themes, you’ll need to set up a development environment suited to WordPress. To get started, you’ll need to choose a decent hosting environment for your project, which can be a local environment or a live website. Both have their advantages and disadvantages as well as different methods and tools. Let’s take a closer look.

Local environment – Ideally, the web development for any project always flows in one direction: local → staging → production. This is a proven method for avoiding collisions. All core, plugin and theme updates are first done locally, then tested in staging and finally deployed to production.

A local environment or local server is a web server that runs on a personal computer and is used for development. In other words, it’s not used to make the website available for others on the internet.

Benefits of a local environment:

  • Themes and plugins testing: In your local environment, you can try out as many themes and plugin combinations as you want without risking taking your live site out due to incompatibilities.
  • Safe updates: With a local environment, you can update WordPress core and components to see if there are any problems before applying the updates to your live site.
  • No internet needed to work: With the WordPress site on your computer, you can work on it without being connected to the internet. This means that you can get work done even if there is no WiFi.
  • Best performance: Since site performance is not limited by an online connection, local sites usually run much faster, which makes for a better WordPress development workflow.
  • Low or no cost: You can set everything up with free software and eliminate the need for a paid staging area.

Furthermore, there is a variety of services that you can make use of:

1. Local by Flywheel – This is the easiest way to install and deploy your website from local to remote.

WordPress Development Workflow Flywheel

2. MAMP – This stands for Macintosh, Apache, MySQL, and PHP and allows you to set up a localhost environment on OS X. A beta version is also available for Windows. MAMP is free, but there’s also a premium version available with the ability to set up any number of virtual servers, as well as the option to install WordPress automatically.

WordPress Development Workflow Mamp

3. XAMPP – This is a free and open-source localhost PHP development environment available for Windows, OS X, and Linux. The Apache Friends website includes a fantastic forum for users who run into trouble and need some help.

4. DesktopServer – DesktopServer is extremely easy to set up as it can take as little as five minutes to get WordPress up and running on your local machine. Unfortunately, if you want to use a multisite setup then you’ll have to upgrade to the premium version.

5. WampServer – WampServer is a popular Windows web development environment that allows you to create web applications with Apache2, PHP and MySQL.

The above five services don’t make up a comprehensive list but instead are the most popular. Of course, other local services exist on the market that enables you to work on a project in the local environment.

Remote environment – The remote environment is made up of hosting providers. In this case, if you’re working directly on a live website, any changes you make are published immediately (that is, as long as you’re not using Staging). This setup is the easiest to maintain, as new configuration options or software need to be deployed in one place only.

Hosting companies today offer the best technologies ever, starting from syncing in multiple servers to CLI technology. There is also dedicated WordPress hosting that is focused only on WordPress website hosting and their infrastructure is specially optimized to host WordPress CMS. We are not going to review hosting companies because there are thousands of reviews on the net.

Choosing a starter theme?

When building a WordPress site, one of the most significant decisions you’ll make is which theme to use. There is a plethora of themes available for you to choose from – each of which has its own pros and cons. This post will break down and compare two major theme types, frameworks and starter themes.

What exactly is a WordPress starter theme? It’s a blank theme with minimal design. It comes with either a basic layout or without a layout at all. Usually, such themes come with the most commonly used templates in a WordPress theme.

In WordPress starter themes, you’ll find all the required template files, including the basic CSS styles and functionalities that are required to create a WordPress theme. These themes come with the code to help you display posts, comments, and archive pages, with minimum or no styling. This saves you the effort of creating everything from scratch.

With these themes, developers can start adding their own styles to create an entirely new and fresh theme. These differ from the parent themes that usually completely style WordPress themes, which can be directly installed and used on live websites. A starter theme or child theme can be used to create a parent theme. As discussed, starter themes come with no styling, but you can add those.

Let’s check some starter themes to see what they offer:

Underscores – Underscores is one of the most popular WordPress starter themes. It comes with an ultra-minimal CSS, which means that you’re free to write your own CSS stylesheets when creating your WordPress theme as there is less stuff to bother the developer.

A large number of WordPress developers have already used Underscore to create both free and premium WordPress themes. The majority of the codebase in _s is well-optimized with comments on nearly every function and call. It is one of the best options for SASS users as it comes with a SASS configuration as well.

Sage – Sage – formerly known as Roots – is a more feature-heavy starter theme that focuses on offering a few different capabilities from the start. It ships with Gulp/Bower supporting a “modern WordPress development workflow,” which means that you can quickly compile SASS into the normal CSS.

This means that you are able to spot any possible bugs or mistakes as you make them as opposed to writing a ton of code, then compiling and testing later, only to struggle to find out what’s breaking your site when everything is put together the way it will be when it goes live. (With the CSS compiled and JS minified into a single file etc.)

Genesis – Genesis is a long-time staple of the WordPress general user – and more importantly – the developer community. It’s a premium framework made for working with child themes.

Genesis has a big community of developers working with it, which means that not only are there lots of people you can connect with and learn from (with lots of tutorials available online), there are also a ton of genesis specific plugins.

If you’re looking to work with a trusted framework, Genesis is the right choice for you. While Genesis is not free, there is no developer option and the basic price ($59.99) includes unlimited domains, even if you’re developing sites for clients.

Bones – This is a bare-bones (no pun intended) starter theme that is perfect for a starting developer. The well-documented CSS makes it easy for beginners to go in and make significant changes to mold the theme into their own design.

Bones is a great choice if you’re a beginner to WordPress but already know some CSS/HTML and can’t wait to get your hands dirty.

So, this leads us to a question: What is the Best WordPress Starter Theme?

There’s no one theme that is universally the best choice for everyone. While there are a lot of great starter themes and frameworks out there, these stand out from the pack in many ways. If you’ve picked a starter theme or framework to work with, please let us know in the comments. We would also love to hear about your progress as a WP developer.

Best plugins for development

WordPress plugins for developers are rated highly by developers since they help ease their WordPress development workflow. I’ve done the research (so you don’t have to!) and found that the following 10 WordPress plugins stand out as the most useful plugins for developers.

Theme Check – This plugin checks your new theme against the current coding standards and all the requirements for the theme to be functional. If you want to develop themes that are up to WordPress standards, this plugin is a must-have. It helps you keep up with the WordPress coding standards without worrying about likely mistakes in your code.

Debug Bar – This adds an admin bar to your WordPress admin, providing a central location for debugging. I like this plugin since I can tell from a single click the total queries, total queried time and memory usage – all of which is absolutely useful for debugging. This plugin also shows you PHP warnings and notices, but you need to ensure your WordPress error reporting is enabled in wp-config.php

Query Monitor – This allows for the debugging of database queries, API request and AJAX called used to generate theme pages and theme functionality.

Monster Widget – The Monster Widget consolidates the core WordPress widgets into a single widget, which allows you to test widgets styling and functionality in your theme.

Developer – This is the ultimate plugin for testing your WordPress development environment. This plugin checks and ensures that your development environment is configured correctly including the plugins, constants and other settings.

What The File – This plugin allows you to see the files being used to render a particular page. The best thing about this plugin is that when you’re on the frontend of the page on the WordPress bar, you can actually see the template files list used for building this page. You can also click on the files, and you’ll be directed to the file editor page.

Version Control – No more cowboy coding

Do you know what cowboy coding means? Well, if you don’t, then let me tell you. Cowboy coding is when you or your team download a file from the FTP and then upload the changed files and refreshes the page in the hope to see the changes. This is not only inefficient but dangerous!

This WordPress version control helps you track changes to your WordPress site to monitor what’s happening and roll back those changes if needed. Those changes could be simple tweaks like edits to a post or more technical changes like edits to your site’s codebase. Something like a demo version of version control is a built-in WordPress feature that you may know as a WordPress revision feature.

WordPress Development Workflow Feature

This feature enables you to compare the current state of the post to the previous version. This is how version control works. Aside from this, you can also implement a third-party version control system in your project which will highly improve control over your project. For starters, let’s explore why you would use version control and what it can offer in improving your WordPress development workflow.

First of all, version control is used to protect you from unexpected changes. Did you make changes that messed something up? No worries, you can restore your site with a few clicks. The second major benefit of version control is working with a team. Your work will be more efficient, and you’ll be able to control everything everywhere. Moreover, if you are using branching and merging, you’ll be able to copy part of your site’s code to work on and then “merge” that code back into your live site when it’s ready for production.

Best use cases for WordPress Version Control

There are several methods and tools to use in WordPress for version controlling. I’ve gone ahead and listed the best below:

Git – It’s a little more technical, but it’s one of the most popular version control systems. Git is used by all types of developers. If you want to use Git, you have to use hosted repositories like Github, Bitbucket or Gitlab and then deploy your site from that repository to your live server.
To automate the deployment of your code onto the live server, you have several options at your disposal. WP Pusher and Revisr are some of the popular tolls.

VersionPress is an open-source project that aims to “bring the full power of Git to WordPress” by version controlling both your site’s files and database. Though, it also relies on Git. The unique thing about VersionPress is that it tracks every little change and does it in natural human language.

For example, instead of just logging a change to your database, VersionPress will tell you that someone “updated the Hello World!” post. Obviously, this makes Git a lot more useful and accessible in the context of a WordPress website.

WordPress Development Workflow VersionPress

WP Rollback – This only works for themes and plugins from WordPress.org, which means that you can roll back the previous version of your theme or plugins that were downloaded from the WordPress repository. Let’s say that your plugin update breaks something that you can’t fix immediately. (First of all, you have to use the staging site for this) WP Rollback can be used to roll back to the previous version of the plugin.

The plugin adds a rollback button to any WordPress theme or plugin, which makes the rollback feature very easy to operate.

WordPress Development Workflow Final

Final thoughts

The methods and tools that we reviewed in this post – plus dozens of others – can be found on the internet, but we compiled a list of the most popular ones to help dramatically improve your WordPress development workflow.

The tools used in developing your projects might change from one to another, however certain methods and approaches should be kept the same – such as version control in any situation and always backing up before updating your site.

If you enjoyed this article, please share with us the tools and methods that you are using to develop your projects. We’d love to hear from you!

subscribe

Subscribe to Artbees Themes Blog for the best WordPress tips and insights.

How to Build a WordPress Multisite with Jupiter X

Build a WordPress Multisite with Jupiter X Featured

If you’re the owner of several WordPress websites that share common aspects such as themes and plugins, then you might wonder if there’s a more efficient way of managing them as a single install. WordPress Multisite might just be the exact thing you’re searching for. Since version 3.0 came out, WordPress has offered the multisite feature. Multisite allows users to create a network of sites on a single WordPress installation – which ultimately means that you can run as many sites as you like. Read this article in its entirety to find out how to build a WordPress Multisite with Jupiter X.

Advantages of WordPress Multisite

  • Ability to use the same plugins on your project (e.g. performance, security, SEO).
  • Flexibility to use one theme as a parent theme on multiple sites.
  • Ability to share similar media files for your organization’s branch sites.
  • Saves time on updates to your sites.
  • Freedom to experiment with new ideas while developing client sites on a temporary domain.
  • Community networks

Let’s take a look at these benefits in more detail.

Disadvantages of WordPress Multisite

The things that make Multisite a great sharer also contribute to its flaws.

  • Migrations. Because the network uses one database and stores data from each site in a single database, migration is a bit difficult and complex.
  • Users. You can’t separate users, meaning that each one will continue having access to the entire network. Also, you cannot create separate users for FTP uploads because only one folder is used for all the sites.
  • Plugins. You aren’t able to install one plugin for only one site, once the network administrator installs the plugin, it will immediately be available for all the sites in the network. Also, if you delete a plugin, all sites using that plugin will be affected.

So then, this begs the question: Who needs a WordPress multisite network?

Enable a Multisite Network in WordPress

By default, the Multisite Network feature is built-in with each WordPress installation. All you need to do is set up and activate it.

To do this, you’ll need access to the files in your WordPress installation. Use the FTP browser or file browser in your hosting to edit files. This process requires access to two files .htaccess and wp-config.php – both of which are in the base folder of your WordPress installation. Make a backup of both of those before you start. (It’s also a good idea to backup your entire site too.)

To start, open the wp-config.php file in your code editor and add the following code just before the

/* That’s all, stop editing! Happy blogging. */ 

/* Enable Multisite */
 define( 'WP_ALLOW_MULTISITE', true );

Once you’ve done that, save your changes to the server. This code simply enables the multisite feature and once enabled, you will still need to set up the multisite network

P.s. don’t forget to create a complete backup of your WordPress site.

Setting Up WordPress Multisite Network

Now that we have successfully enabled multisite, it’s time to configure the Network settings. Head over to the Tools » Network Setup page to configure your multisite network.

You’ll then see a screen that asks how you want your network to be set up and whether or not you want to use subdomains or subdirectories.

Subdirectories

Select which one you want to use, enter the title and admin email address for your network in the Network Title and Network Admin Email fields, and click the Install button.

After this, you’ll be taken to the Network Setup screen. Here, you’ll find some codes with instructions where to paste them. One is for the wp-config.php file and one for the .htaccess file.

How to build WordPress Multisite with Jupiter X Network Setup

Please note: you’ll get different code from this site because we have different sites 🙂

Once you make changes to the files, go back to your site admin. Click the link on the Network Setup screen, and log into your network. Use your default login credentials you used before.

Now, you’ll find that your admin changed a little bit, and you’ll see new items in the toolbar at the top called My Sites and the second one called Network.

My sites used to manage your sites. Among these settings, not only can you add or delete but you can also deactivate and archive sites.
Network – used for configuration and overall network setup, user roles, plugins and theme management, and their updates.

And that’s it! You’ve successfully activated the WordPress network, and you’re now ready to add your new sites in the network.

Building a WordPress Multisite in Jupiter X

As we now know all the advantages and disadvantages of this feature, we should think about how to use WordPress Multisite with Jupiter X. There might be several use cases, but let’s take a look at the most interesting one.

Let’s say you are a freelancer who travels a lot and loves mountain biking. You want to create a site or sites where all these interests will be published according to their styles.

This is what our task looks like:

Freelance site. This site will have a solid looking design, complete with your portfolios and the services you provide. You’ll also want to list all your clients and their testimonials.
Travel site. Since you’re traveling quite a bit and have accumulated good experiences that you want to share with the world, the site must contain a gallery, trips, places you’ve, as well as your future plans.
Mountain Bike. Since you’re really into mountain biking, you’ll want this website to have a very sporty style. If you’re participating in various races, then you’ll also want to have race events and stylish blog posts where you will publish your previous and future adventures.

Having these sites under one hood where you’ll be able to manage everything from one dashboard sounds like a great plan. Now, let’s take a look at what Jupiter X can offer us and how it can help us achieve our goal.

Currently, Jupiter X offers 250 premade templates that are sorted into 16 categories. You’ll find at least one type of business in this extensive list of premade templates. Now, let’s check what we got for our situation.

The freelance-style website under the creative/portfolio category has 33 premade demos:

How to build a WordPress Multisite with Jupiter X Premade Demos

I will choose Creative Studio, which has a clear design, pleasant typography and colors match – all of which I’d like to incorporate into my website:

How to build a WordPress Multisite with Jupiter X Creative Studio

Travel site – There are 9 templates in this category:

How to build a WordPress Multisite with Jupiter X Category

And my favorite is Adventure since it closely resembles my personality and active lifestyle:

Lastly, for my mountain bike hobby, I’ll go ahead and choose the Mountain Bike template from the 10 available demos. It has everything needed on a hobby site and the design exactly what I want.

Now, as we already know what we want, it’s time to roll up our sleeves and get our hands dirty. This is what our task looks like for now:

  1. Install WordPress.
  2. Setup a WordPress network site.
  3. Create three domains and name them based on our goal (For example Freelancer, Traveler, Biker).
  4. Install Jupiter X and all the necessary plugins.
  5. Install templates for each domain.
  6. That’s it – now it’s your turn to make the final changes to them. The Jupiter X templates are almost ready. All you’ll need to change are the text and images. Everything else has already been taken care of (Thanks to the design team behind Jupiter X).

Wrapping Up

WordPress Multisite is a great feature when used correctly. While it has it up and downsides, you can use it for your personal or business sites, to host client or community sites or to run a WordPress.com-like system of blogs that people create themselves.

In this blog post, we took a deep dive into how you can set up, enable and build WordPress Multisite with Jupiter X quickly and efficiently so you can begin managing several sites at once. We’d love to hear more about your thoughts and experiences in the comment section below!

subscribe

Subscribe to Artbees Themes Blog for the best WordPress tips and insights.

Creating a Fantastic Custom Login Page with Jupiter X

Custom Login Page with Jupiter X Featured

While the WordPress login page is its most recognizable page – keeping its default design is not ideal. You might be thinking “why not”? We’ve gone ahead and detailed why you should create a custom login page with Jupiter X.

Why would you need a custom WordPress login page in the first place?

  1. Traffic. The more traffic you get on your site, the more problematic it becomes to manage spammers, malicious scripts and bots. A custom login page can filter all suspicious activities and make your site more secure.
  2. Branding. There’s nothing wrong with the default styling of the WordPress login page in and of itself. But if you’re an established brand, you’ll definitely want to brand every inch of your website, including the login page. Displaying your logo to users or clients is surely something they will appreciate.
  3. Multi-user site. This is fine if you have a small blog and you are the only one who uses the login page. But if you have a membership website where users can register and login, a custom login page offers a better user experience.

Choosing the right plugin to create a custom login page

There are 2 ways to create a custom login page:

  1. Using third-party plugins
  2. The manual way

Both have their pros and cons. For instance, it’s easier to use third-party plugins to create a custom login page as it can be done in a matter of minutes without writing a single line of code. However, going the manual route will give you more control of the appearance and features. It also requires good coding skills.

In this example, we’ll choose the easy way: a third-party plugin to create a fabulous custom login page for our project.

There are several plugins that can be used to create custom login pages in Jupiter X. From drag and drop to custom-made templates, from simple to complex, you can find plugins for all tastes and purposes these days.

For our example, we’ll use Clean Login, which is a plugin that offers shortcodes allowing you to embed your form anywhere on your site, including posts, pages, sidebar widgets or widgetized footer areas.

A few other benefits of this plugin include the following:

  • Add your login form in the frontend easily (page or post), as well as the registration and the lost password form.
  • If the user is logged in, they will see a custom profile and will be able to edit his/her data in another frontend form.
  • Only one shortcode per form, which means that you’ll only need to create a page or post and apply this shortcode to create each form you want.

Designing this page for the custom login page with Jupiter X

This is the most interesting part of the post as designing a page is always challenging. But if you have a good design taste, you won’t ever fail. For our login page, we’ll use a simple, clean design. This is how it’ll appear:

Custom Login Page with Jupiter X Login

We are using 2 columns: one with 40% width and second with 60% width. In the first column we have:

  1. Image widget – Logo with an absolute position at the top
  2. Spacer widget – Adds space between the logo and login form
  3. Shortcode widget – Clean login shortcode: [clean-login]
  4. Jupiter X social network widget – Social networks at the bottom
  5. HTML widget – We use this widget for custom CSS, and this CSS code to fix the styling of the form and page:
<style>
.cleanlogin-container * {font-family: "Playfair Display", Sans-serif;}
.cleanlogin-field-remember {float: left;text-align: left;}
</style>

While in the second column, we have only a spacer element and column that has a beautiful background image.

This is how the page looks from the backend:

Custom Login Page with Jupiter X Backend

There is a simpler way to speed up the page creation process. For example, instead of designing a page from scratch, you can use page templates or predesigned blocks from Elementor. This feature will speed up your design process, and all you’ll need to do is to place a login shortcode in the predesigned page:

Wrapping up

There are many ways to build a fantastic login page with Jupiter X using different tools and scenarios. However, the Clean Plugin is the simplest and does not require adding a heavy plugin to your project. Another benefit of this plugin and Jupiter X is that you can use a shortcode in the header builder in the popup window attached to the header or footer menu (The plugin offers the option to redirect the user after a successful login).

Another benefit of Jupiter X is that you can display various menus for different user roles. For example, after successfully logging in, you have access to different menus and options, while a user who has not logged in will see something else.

Please do let us know about your experiences and comment in the section below! 😉

subscribe

Subscribe to Artbees Themes Blog for the best WordPress tips and insights.