Menu

Menu

Theme is missing the style.css stylesheet error

Why should you speed up WordPress?

There are many reasons that ring alarm bells, some of which might even cause major concerns for you:

  1. Search engines (like Google) rank websites with fast-loading times higher than the slow-loading ones. So, if you want to improve your position in the SERPs, improving speed should be one of your priorities.
  2. Studies have shown that site-loading speed of more than 2 seconds usually results in about 47 percent of visitors bouncing off the website. So, to keep about half of your visitors interested, you should speed up your WordPress.
  3. Online buyers are the most impatient lot; they expect the page to load within a second. So, if you are running an e-commerce store on WordPress then you better get ready to make major improvements so your business can be more profitable.

How to test the loading time of your website?

First things first, you need to analyze the current load time for your website. Keep in mind that this speed may differ from page to page, as it depends on various factors, namely:

  • the size of that particular page,
  • how many requests it generates,
  • whether it is cached or not,
  • and lastly, what kind of content (static or dynamic) it hosts.

The homepage of a website is usually used as a benchmark to test the load time. In order to check the speed of a website, the following three tools are used extensively across the web:

  1. WebPageTest.org
  2. Tools.Pingdom.com
  3. PageSpeed Insights (this doesn’t really report the page loading time, but does highlight the elements that you can tweak to speed up WordPress)

Okay, it’s about time to start talking some business!

Here are the 11 ways to speed up WordPress:

1. Choose a better web hosting provider

The major factor that influences the speed of a website is the hosting of your WordPress website. It might seem like a good idea to host your new website on a shared hosting provider that offers “unlimited” bandwidth, space, emails, domains and more. However, the point that we usually miss out on regarding this offer is that shared hosting environments fail to deliver good loading times on peak traffic hours, and most fail to provide 99 percent uptime in any given month.

Shared hosting tends to deliver a poorer performance because you are sharing the same server space with countless other websites, and there is no telling how much resources others are using. Plus, you don’t know exactly how well the servers are optimized.

Thankfully, the web-hosting industry has advanced with technology, and the prices of cloud hosting providers have decreased with the passage of time. In the present times, you can buy dedicated cloud servers from SiteGround, DigitalOcean, Amazon Web Services, and even Google Compute Engine at a nominal price. However, setting those servers up can be a daunting task as you are required to set servers up from scratch. There are web hosting providers like Cloudways (where I work) who make the task of setting up optimized cloud servers as easy as click and launch.

2. Use a lightweight WordPress theme / framework

WordPress themes with a lot of dynamic elements, sliders, widgets, social icons and many more shiny elements are immensely appealing to the eye. But remember this: if they have too many elements and higher page sizes, then they will definitely cause your web server to take a thumping.

The best option here is to use lightweight themes. One solution is to go for one of the default WordPress themes. Another is to try out something like Blance, built by the same guys behind JWSTHEMES.

 

Author(s): JWSThemes team

Current Version: 3.5.2

Last Updated: March 01, 2022

3. Reduce image sizes

Images are the major contributors to the size increment of a given webpage. The trick is to reduce the size of the images without compromising on the quality.

If you manually optimize the images using Chrome PageSpeed Insights extension or Photoshop or any other tools, the process will take a long time. Fortunately, there are plugins available for just about everything you can think of, including image optimization. The ones worth mentioning are:

Using any of the above-mentioned plugins on your WordPress site will drastically reduce image sizes, thus improving the speed of your website.

4. Minify JS and CSS files

If you run your website through Google PageSpeed Insights tool, you will probably be notified about minimizing the size of your CSS and JS files. What this means is that by reducing the number of CSS and JS calls and the size of those files, you can improve the site loading speed.

Also, if you know your way around WordPress themes, you can study the guides provided by Google and do some manual fixing. If not, then there are plugins that will help you achieve this goal; the most popular being the Autoptimize which can help in optimizing CSS, JS and even HTML of your WordPress website.

5. Use advanced caching mechanisms with a caching plugin

WordPress caching plugins (e.g. W3 Total Cache) has been there for a long time, making the complex tasks of adding caching rules to your website elements easier. Combining such plug-ins with advanced caching mechanisms like Varnish could help you better the loading speed of your website and ultimately speed up WordPress considerably.

6. Use a CDN

The people who visit your website belong to various locations in the world, and needless to say, the site-loading speed will differ if the visitors are located far away from where your site is hosted. There are many CDN (Content Delivery Networks) that help in keeping the site-loading speed to a minimum for visitors from various countries. A CDN keeps a copy of your website in various data centers located in different places. The primary function of a CDN is to serve the webpage to a visitor from the nearest possible location. Cloudflare and MaxCDN are among the most popular CDN services.

7. Enable GZIP compression

Compressing files on your local computer can save a lot of disk space. Similarly, for the web, we can use GZIP compression. This maneuver will dramatically reduce the bandwidth usage and the time it takes to gain access to your website. GZIP compresses various files so that whenever a visitor tries to access your website; their browser will first have to unzip the website. This process brings down the bandwidth usage to a considerable extent.

You can use either a plugin like the PageSpeed Ninja, which enables GZIP compression or add the following codes in your .htaccess file.

AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript

8. Cleanup WordPress database

Deleting unwanted data from your database will keep its size to a minimum and also helps in reducing the size of your backups. It is also necessary to delete spam comments, fake users, old drafts of your content and maybe even unwanted plugins as well as themes. All of this will reduce the size of your databases and web files, and thus speed up WordPress – your WordPress.

9. Deactivate or uninstall plugins

Keeping unwanted plugins on your WordPress websites will add a tremendous amount of junk to your web files. Moreover, it will also increase the size of your backup and put an overwhelming amount of load on your server resources while backup files are being generated. It is better to get rid of the plugins that you don’t use and also look for alternate methods to use third-party services for automating or scheduling tasks (like sharing of your latest posts on social media).

IFTTT or Zapier are two web services that help in automating such tasks and reduce the burden on your website and server resources.

10. Keep external scripts to a minimum

The usage of external scripts on your web pages adds a big chunk of data to your total loading time. Thus, it is best to use a low number of scripts, including only the essentials such as tracking tools (like Google Analytics) or commenting systems (like Disqus).

11. Disable pingbacks and trackbacks

Pingbacks and trackbacks are two core WordPress components that alert you whenever your blog or page receives a link. It might sound useful, but you also have things such as Google Webmaster Tools and other services to check the links of your website.

Keeping pingbacks and trackbacks on can also put an undesirable amount of strain on your server resources. This is so because whenever anyone tries to link up to your site, it generates requests from WordPress back and forth. This functionality is also widely abused when targeting a website with DDoS attacks.

You can turn it all off in WP-Admin → Settings → Discussion. Just deselect “Allow link notifications from other blogs (pingbacks and trackbacks).” This will help you speed up WordPress some more.

Conclusion

The biggest advantage of lowering your website’s loading time is that it will help tremendously in improving the experience of your visitors. The case remains the same whether they are using mobile devices or PCs. Furthermore, it will also improve your rankings in the SERPs. After all, reduced bandwidth usage of your hosting and faster site-loading speed on the client side will only benefit you both in the short as well as the long run.

Start a new Project

From the Google Cloud Platform, create a New Project

  1. Name your project using a unique name (note: this cannot be changed later)
  2. Fill out your Organization’s name
  3. Enter the location of your project

Billing Information

We will now need to set up billing information for your project. You may do this from the Left Panel > Billing

Billing Step One

  1. Select a Country that applies to your project
  2. Agree to Terms of Service
  3. Click Continue

Billing Step Two

  1. Select an Account type
  2. Enter a Business Name
  3. Select a Payment method
  4. Enter your Payment information as chosen above (example: credit card)
  5. Click the Start My Free Trial button

Return To Dashboard

Your billing information is now complete for this project.


Creating Credentials

  1. From the APIs and Services > Credentials Tab, click the + Create Credentials link and select API key
  2. You will now get an API key. For your protection, it is best to restrict this key from being used elsewhere

Adding Applications

We can now associate applications to be used with your key. From the APIs and Services dashboard click library

Adding Maps Embed API

  1. In the search box type in Maps. You will need the Maps Embed API for the Elementor Widget. Select this in the list below
  2. Click the Enable Maps JavaScript API Button
  3. This will now show in your list of available APIs and start collecting data

Add Your API Key to Elementor

You may now navigate to Elementor > Settings > Integrations and place the key in order to use the Maps Widget.

Edit with Elementor > add Latitude and Longitude (you can find here: https://www.latlong.net)

You can manually update the themes bought from ThemeForest with either of the method explains as below –

General Method –

  1. Log into FTP Account using FileZilla or similar program.
  2. Go to wp-content/themes directory
  3. Move to the theme directory that you want to update.
  4. Now, download the latest version of theme from ThemeForest.net/downloads
  5. If you have downloaded the zip, extract it. Find the theme folder. It generally has style.css file in it.
  6. Upload all files in that folder to the directory on FTP we found in step #3 above.

User friendly Method –

  1. Download Envato Toolkit plugin from here.
  2. Install the above plugin
  3. This plugin will allow you to update themes you’ve bought from ThemeForest.

In today’s video tutorial we’ll learn how to enable the front-end editor option in WPBakery page builder WordPress plugin in a fast, simple and easy method so you can edit the page directly in the front-end without the needs to re-load the page to see the changes or editions.

In the latest version of WordPress 5.8 comes with some new features and one of them is Widget Block Editor. Widget block editor has based on the Gutenberg editor that you have in post add/edit.

So here, we will see how to disable the widget block editor in WordPress and get back to the classic editor.

Using the use_widgets_block_editor

Just add the following one-line code in your active theme’s functions.php file and save it.

add_filter( 'use_widgets_block_editor', '__return_false' );
Using the rempove_theme_support

The function remove_theme_support(‘widget-block-editor’) will disable the block editor. See the code below.

function disable_wbe_theme_support() {
    remove_theme_support( 'widgets-block-editor' );
}
add_action( 'after_setup_theme', 'disable_wbe_theme_support' );

Using the Plugins

You can also use the plugin to disable the block widget editor and get back your classic widget area.

You need to just install the plugins and activate them and follow the settings if they have one.

The are the two plugins to disable the widget block editor.

Sharing your beautiful Instagram feed on your WordPress website is a great way to boost your follower count and get more engagement. But to do this, you need to create or generate your Instagram access token first. Don’t worry, this is easier than you think. Today, we will show you how you can collect your Instagram access token in only three easy steps.

Instagram Access Token

 

Why Do You Need To Collect Instagram Access Token?

Sharing photos from third-party accounts is prohibited by Instagram. So, in order to prove that you have permission to share Instagram images on your WordPress website, you need to retrieve your Instagram access token. This token is basically a set of characters that allow other applications access to your Instagram account.

It may sound like too much trouble, but this is actually a very secure way to ensure that your content on Instagram is being protected from people who do not have permission to use your photos.

Once you have the access token, you can simply connect your Instagram account to your WordPress website and share your stunning photos with your site visitors.

How To Create Instagram Access Token Easy Steps?

In this section, we are going to give you a step-by-step walkthrough on how to create your Instagram access token within minutes. You do not need any extra tool to do this; you just have to make sure that your Instagram account is public, and then you have to create an app on Facebook Developers. Here’s how you can do it without breaking a sweat.

Step 1: Add A New App On Facebook For Developer

First, head over to Facebook Developers Account and log in with your own Facebook profile credentials. Afterwards, click on the ‘My App’ button at the top of the page. This will redirect you to a new page where you can click on the ‘Create App’ button to add a new app on Facebook developer.

Instagram Access Token

As soon as you click this button, a popup will appear where you have to choose what you want your app to do. This decides the permissions that your app will need. In this case, you will need to go for the ‘Something Else’ option as shown below.

Instagram Access Token

Afterwards, give a name to your app inside the ‘App Display Name’ input field. Enter your email address and choose a Business Manager if you have one. When you are done, click on the ‘Create App’ button.

Instagram Access Token

That’s it! You have successfully created a new app on Facebook Developers. Wasn’t that easy?

Now, you just have to set up the Instagram Basic Display API. This is the API that allows your app to get access to your profile information, photos and videos from your Instagram account. Move on to the next step to learn how to set up Instagram Basic Display.

Step 2: Configure Instagram Basic Display

As soon as you create your app on Facebook developer, you will be taken to a new page. From here you will see several different options as shown below. Click on the ‘Set Up’ button under Instagram Basic Display.

Instagram Access Token

You will be taken to the ‘Basic Display’ page where you have to scroll down and find the  ‘Create New App’ button. Click on this button and then enter the name of the app you created earlier.

Instagram Access Token

You are done configuring Instagram Basic Display. Now it’s time to go retrieve your Instagram access token.

Step 3: Generate Your Instagram Access Token

To get your Instagram access token, first you add an Instagram Test user. From the  ‘Basic Display’ page, scroll down until you find the ‘Add or Remove Instagram Testers’ button.

Instagram Access Token

Simply add the Instagram user ID of the person you want to set as your tester. If you are planning on sharing your own photos and videos, then just add your own Instagram username to grant access to your account.

Instagram Access Token

Once that’s done, log in to your Instagram account and navigate to Settings→ Apps and Websites and click on the Tester Invites tab as shown below.

Instagram Access Token

Accept the invitation and return to your Facebook Developers dashboard. Click on the app you have created and go to the ‘Basic Display’ page. Afterwards, scroll down to the ‘User Token Generator’ section and click on the ‘Generate Token’button.

Instagram Access Token

A pop-up will appear with your Instagram access token. You can now copy this token to your clipboard and show your Instagram posts on your WordPress website.

Instagram Access Token

Just like that, you can easily collect your Instagram access token to share your Instagram photos and videos on WordPress. All it takes is three simple steps and you are good to go.

How To Generate Instagram Access Token 2021

Instagram deprecated their platform’s API and all Instagram feed sections in JWSThemes themes were impacted by this, as access tokens depend on this system to connect.

Starting in early 2020, the Instagram Access Token Generator was deactivated and Instagram feeds were removed from all themes. Merchants are advised to display an Instagram feed using an app.

How to use Instagram feed with all JWSThemes theme :

The Instagram Access Token Generator was a free tool to connect themes with Instagram accounts.

You can download the latest WordPress theme and follow the guide.

YOU MAY ALSO LIKE: CLEAN, MINIMAL WOOCOMMERCE THEME

Clean, Minimal WooCommerce WordPress Theme

VIEW MORE POPULAR WORDPRESS THEMES

Purchase now and get free installation! For each purchase, customer will get free install service worth $50. Just open a topic with your purchase code & provide us WordPress admin information.

Creative Multipurpose Elementor WordPress Theme Business & Consulting Elementor WordPress Theme

Modern Kitchen WordPress Theme Clean, Minimal WooCommerce WordPress Theme

Aqua - Spa & Beauty WooCommerce WordPress Theme Paradise - Multipurpose Spa & Beauty WordPress Theme

Pain - Charity & Fundraise Non-profit WordPress Theme Preschool - Nurseries Kindergarten WordPress Theme

Zadora - Clean, Minimal WooCommerce WordPress Theme Car Dealer WordPress Theme

LMS Education WordPress Theme Financial - Business and Financial WordPress Theme

Best Responsive WordPress Theme 2020

By default, ThemeForest products include 6 months of free support. If during these 6 months you purchase any another license of the theme to use on another client site your support license is renewed automatically for free. However, if you are only using the theme for a single website then after 6 months (if you didn’t extend your support to 12 months) you will need to renew your support license.

To renew your support license simply visit the product page here. On the right side of the screen you will see a big button to renew your support license like such:

Simply click the button and complete the checkout process to renew your support license. If you have any issues please let us know via the item comments section.

IMPORTANT (save money): If you plan on ever using the theme for another website it’s best to purchase a new license of the theme because you’ll get support renewed for free since every time you buy a new license of the theme your support is auto-renewed for 6 months (no matter how many licenses of the theme you have you only need 1 valid support license at a time, so you could buy 100 licenses of Zahar and only need to have 1 valid support license to receive support for all 100 sites the theme is used on). Plus when you purchase a new license, you will also be able to choose to extend the support to 12 months for a smaller fee of course this is only needed if you plan not to buy another license for at least a year.

Your theme (Blance) contains outdated copies of some WooCommerce template files?

This message appears when the WooCommerce plugin changed any of its core template files.

We recommend to always read the changelog of the theme if the latest update of the theme supports that version of WooCommerce.

If you see that the latest version of the theme doesn’t support your installed WooCommerce version then don’t worry because we are working to release a new theme update that supports and upgrades these WooCommerce changes.

We always provide a changelog entry when template files are updated (and include the WC version).

In case you have a theme version that confirms the latest template upgrades in the changelog, you most likely have overridden these template files in your theme or child theme. Manual overrides you did in the theme have to be manually corrected also, please see: How to update outdated templates