WordPress:- ShortCodes – Escaping – pInterest

Background

As I noted previously, WordPress allows bloggers and developers to consume various forms of media.

Internally, WordPress engineers write very complex code to make it easy for bloggers to use the smallest of code to request the rendering of media.

 

CSS

We will be using a couple of CSS.

Using CSS will help us aesthetically.


.ghost {
display: none;
}

.no-underline:hover {
text-decoration: none;
}

.isDisabled {
color: currentColor;
cursor: not-allowed;
opacity: .5;
text-decoration: none;
}

.textisNotActionable {
pointer-events: none;
cursor: default;
text-decoration: none;
}

.linkisDisabled {
color: currentColor;
cursor: not-allowed;
opacity: .5;
text-decoration: none;
pointer-events: none;
}

Pinterest

For instance to render Pinterest images one simply enters the URL of the image.

Reference

To simply reference Pinterest URLs without rendering the image one can try the following choices:-

Pinterest.com

Image is disabled.

Using CSS class isDisabled.


www.pinterest.com/pin/336081190926080370/

 

Pinterest.com ( Link Is Disabled )

Both the Image and the Link are disabled.

Using CSS class linkisDisabled.



www.pinterest.com/pin/336081190926080370/

 

Pinterest.com ( Link is Clickable )

Show clickable Link.

 

Render Image

Render Pinterest Image

Source Code

GitLab

WordPress – Pinterest

WordPress – Pinterest
Link

Summary

Yes, WordPress plays shortcodes.

In some cases, you will find it gets in your way.

Bear with it!

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s