The author box layout is being displayed oddly

This article applies to any version of the plugin, release 1.3.5 or higher.

Molongui Authorship relies on some useful jQuery libraries to make the author box responsive so it displays nicely on any screen size. Some optimization plugins, like WP Rocket or Autoptimize, may cause trouble loading those libraries properly making the author box to be displayed in a weird or undesired way.

So, if you have Autoptimize, WP Rocket or any other optimization plugin installed and experience issues with how the author box is displayed, please be sure to include the following files to the exclusion list of Javascript files (it might be a setting called something like “JS files to exclude from optimization” or similar). Wildcard masks may vary between plugins, so you should read that plugin documentation to know how to use its wildcard masks:

Molongui Authorship
/wp-content/plugins/molongui-authorship/fw/public/js/vendor/element-queries/(.*).js

Molongui Authorship Premium
/wp-content/plugins/molongui-authorship-premium/fw/public/js/vendor/element-queries/(.*).js

You don’t have to worry about those files not being optimized because all JavaScript and CSS files from Molongui plugins are already minified and optimized. Below we explain how to exclude those Molongui Authorship libraries from some of the most used optimization plugins:

How to exclude JS files in Autoptimize

To exclude the above mentioned Molongui Authorship libraries from optimization when using Autoptimize plugin, make sure to follow the steps below:

  1. Go to “Settings” > “Autoptimize”
  2. Open the “Main” tab
  3. Click on the “Show advanced settings” button, on the top-right corner
  4. In the “Exclude scripts from Autoptimize” text input, under the “JavaScript options” section, specify the following path (separating it with a comma from the existing ones):
    • molongui-authorship/public/css/molongui-authorship
    • molongui-authorship-premium/public/css/molongui-authorship
  5. Click on the “Save changes and empty cache” button
  6. Done!

Excluding files from optimization in Autoptimize

Excluding files from optimization in Autoptimize

How to exclude JS files in WP Rocket

Allowing WP Rocket to minify, combine and defer Javascript and CSS files from Molongui Authorship shouldn’t cause any trouble. However, enabling a CDN to deliver Javascript and CSS files from it, could.

So, if you want to deliver Javascript and CSS files from a CDN and your author boxes aren’t being rendered fine, make sure to set the configuration below:

  1. Go to “Settings” > “WP Rocket”
  2. Open “CDN” tab
  3. In the “Exclude files from CDN” textarea input, specify the following URLs, one per line (see image below):
    • /wp-content/plugins/molongui-authorship/public/css/(.*).css
    • /wp-content/plugins/molongui-authorship/fw/public/js/vendor/element-queries/(.*).js
    • /wp-content/plugins/molongui-authorship-premium/public/css/(.*).css
    • /wp-content/plugins/molongui-authorship-premium/premium/public/css/(.*).css
    • /wp-content/plugins/molongui-authorship-premium/fw/public/js/vendor/element-queries/(.*).js
  4. Save changes
  5. Open the “File optimization” tab
  6. In the “Excluded CSS files” textarea input, under the “CSS files” section, specify the following URLs, one per line (see image below):
    • /wp-content/plugins/molongui-authorship/public/css/(.*).css
    • /wp-content/plugins/molongui-authorship-premium/public/css/(.*).css
    • /wp-content/plugins/molongui-authorship-premium/premium/public/css/(.*).css
  7. In the “Excluded JavaScript files” textarea input, under the “JavaScript files” section, specify the following URL (see image below):
    • /wp-content/plugins/molongui-authorship/fw/public/js/vendor/element-queries/(.*).js
    • /wp-content/plugins/molongui-authorship-premium/fw/public/js/vendor/element-queries/(.*).js
  8. Save changes
  9. Done!

Excluding files from a CDN on WP Rocket

Excluding files from optimization in WP Rocket

Did this article answer your question?