NX WP Theme

Theme Features

nxcode

Enable or disable core theme functionalities such as lazy loading of images, automatically wrap embedded code into the content, etc.

Image Lazy Loading

By using Lazy loading it defers the loading of images until they are actually needed—typically when they are about to enter the viewport. This provides several benefits:

  1. Improves Page Load Speed
  2. Saves Bandwidth
  3. Enhances User Experience (UX)
  4. Reduces Server Load
  5. Boosts SEO

You can also set a default image for Lazy loading in the General Settings section as described here

Iframe Lazy Loading

By using Lazy loading it defers the loading of iframes until they are actually needed—typically when they are about to enter the viewport. This provides the same benefits as descibed in the image lazy loading.

What editor adds to the content

What is dispayed in the DOM

When a user has the iframe in it’s actual viewport with the use of a js Intersection Observer the iframe converts so data-src turns back to src and a class nx-lazy-loaded is added to the element

Content Iframe and Embed Wrap

When adding embeded iframes most of the times they come with a certain width and height. A very common use is a youtube iframe editors use in the content, but it is not responsive. So by enabling this feature a div with class name responsive wraps the iframe and css rules are applied in order to make it responsive

Before

After

 

.intent-video-responsive {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
}

.intent-video-responsive iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 0;
}

Content br Tags Removal

Sometimes editors copy from various sources the text and paste it directly in the contet thus creating sometimes br tags. This sometimes messes up the wp content due to the fact that it uses paragraph tags. By enabling it it removes br tags.

SVG Upload into Media Library

In WordPress SVG is not an allowed file type to be uploaded, but nowadays it is a very common image filetype so by enabling it an editor can add SVG files.

WP Texturize

WP Texturize replaces common plain text characters with formatted entities. It returns given text with transformations of quotes into smart quotes, apostrophes, dashes, ellipses, the trademark symbol, and the multiplication symbol.

As an example,

'cause today's effort makes it worth tomorrow's "holiday" ...

Becomes:

’cause today’s effort makes it worth tomorrow’s “holiday” …

Code within certain HTML blocks are skipped.

If the Custom Related Articles feature is enabled then a metabox in the post editing page will appear, giving the opurtinity for the editors to have freedom to select their own articles that will appear in the related section of a post