tutorial Archives | Page 3 of 3

July 13, 2017 by Megan Garwood

Optimize your blog for Pinterest, part one: Easily adding hidden vertical images to your blog posts using ACF

Disclaimer: I may receive a commission if you purchase something I link to in this post. I only recommend tools or services I love, use personally, and wholeheartedly believe will help you do business better. Read more here.

When you’re blogging for business, there are a lot of extra tasks that you need to perform in order to get the best “bang for your buck” out of your blog content. Making sure your blog is set up to convert readers to subscribers, optimizing your posts for search engines and social networks, properly disclosing affiliate links, formatting everything consistently from post to post…it can get exhausting just to keep up, and that’s not even considering the actual writing!

One of these oh-so-essential extra tasks is optimizing your blog posts for Pinterest. Pinterest is arguably the single most important social network for sharing your blog content because it has the potential to greatly increase your traffic. And, what’s rule number one for getting more eyes on your pinned blog posts? Use a vertical image when you create your pin.

Vertical images come with their own set of problems for blog owners, though: they’re awkward when left visible in your post and make readers have to work harder to consume your content (bad!). They can be hidden with a little bit of HTML—the most common approach is wrapping the image in <div style=”display: none;”></div>—but it’s so tedious to manually insert that code for every post.

What if I told you there was an easier, more automated way?

Get help from strangers without getting hacked: How to keep your WordPress website safe

Tips & Tricks / WordPress

You knew this day would come eventually.

So far, you’ve been able to figure things out on your WordPress website without much help. But today, no dice: you’re stumped. You know you need to bring in someone with more experience to check out the particular problem you’ve encountered. Luckily, you’ve found someone willing to take a look, but they need access to your WordPress Dashboard.

To be honest, the thought of handing over the keys to your website kingdom is more than a little scary. You feel stuck between a rock and a hard place — on one hand, you know you need the help, but on the other hand, you’re not sure you can fully trust the person who offered to assist you.

If you’ve been in this difficult situation before or you’re agonizing over it now, I’ve got good news for you. There’s a way that you can get help from a virtual stranger while protecting your WordPress site.

How, you ask?

How to change the size of Divi image gallery grid thumbnails without a plugin

Development / Tips & Tricks / WordPress

The Good Stuff

My solution: hack the thumbnail’s source with JavaScript, then use CSS to set it to the appropriate size. See it in action here. The following function uses jQuery, but it would be fairly easy to do the same thing without it if your project isn’t already using it:

function resizeThumbnails ($container) {
  $images = $container.find('img'); // Get all the images inside your $container

  $images.each (function (index, element) {
    $src = jQuery(element).attr('src'); // Get the image's source
    jQuery(element).attr('src', $src.replace('-400x284', '')); // Remove the thumbnail size portion from the source and replace it
  });
}

Left top navigation

tutorial

The Good Stuff