dustin caruso

dustin caruso

Front-End / JavaScript / UI / WordPress / Shopify Developer

loading FontAwesome locally if the CDN fails

Just this week I had a problem w/ two of my clients’ websites. It seems that Font Awesome wasn’t loading from the CDN that they supply after you fill out the form on their “Get Started” page (pictured above). The solution I slapped together (below) will only work if your site is using this JavaScript loader (1st line of code below, but your’s won’t have all zeros).

It basically looks for a value that would be in an object returned with the FontAwesome code. If that value doesn’t exist, then it will use the CSS file specified in the “document.write…” line of code (replace this with the location and name of your local FontAwesome file).

<script src="https://use.fontawesome.com/0000000000.js"></script>

<script>
	if (!window.FontAwesomeCdnConfig.useUrl) {
		document.write('<script src="/my-site/css/font-awesome.min.css"><\/script>');
	}
</script>

Please, let me know in the comments if this little tip helped you at all.

Facebook Open Graph meta tags in WordPress

How to get your page or post content in the description tag

Getting the Open Graph meta tags (that Facebook parses when sharing a webpage) to be populated with the proper content can sometimes be tricky when working with HTML code that is dynamically generated by WordPress.

Below is the quickest and simplest way I’ve come up with to do this. As always, I like to share my discoveries in hopes that it saves other people the time I had to spend Googling and testing my solutions.

In the “header.php” file of your theme, add the following code, just above your Open Graph meta tags…

<?php $d = strip_tags(get_post($post->ID)->post_content); ?>

* the “d” variable stands for description. 😉
* the “strip_tags” bit ensures your description doesn’t include HTML tags.

Then output the description in your meta tag like so…

<meta property="og:decription" content="<?php echo $d; ?>">

Please, let me know in the comments if this little tip helped you at all.

POST FORMAT : CHAT

JOHN:

Hey there

MARY:

This is an example of a WordPress page, you could edit this to put information about yourself or your site so readers know where you are coming from.

JOHN:

What is this

SMITH:

Aye, matey!

JOE:

Huh?