This Is What I Learned to Enlarge (Munchkin) Pinterest Pins

How to enlarge (munchkin) Pinterest pins on your site. (American Flamingo, Snapped @ Sylvan Heights Bird Park, Scotland Neck, NC)

Home » Technology » This Is What I Learned to Enlarge (Munchkin) Pinterest Pins

TL;DR

♦️ Pub: Aug 16, 2018 | Updated: Aug 29, 2018 | Reading: 4 min. | Words: 1,512 ♦️
Some things escape logic. Case in point: Pinterest and WordPress jointly make it easy to add a Pinterest pin to any-flavor WordPress site. But reading the pin? Lotsa luck. Read on for the precise fix.

Target Audience for this Article:

✦︎ Business Tier WordPress.com
✦︎ Self-Hosted WordPress.org
✦︎ either of above, WITH Pinterest Business account

The Issue: Embedded Pin Sizing

The default, per a copy and paste of a pin’s url, produces a minuscule pin on the blog. The pin’s size remains friendly only to the peepers of a flea.

Yes, I’m at an age where I need reading glasses. Yes, the same age has me searching for 10 solid minutes for said glasses. The search ends, frequently, with hub’s bemused “Babe, they’re atop your head.” But millennial or mymomma, the dang pin’s too friggin’ small!

Curing the Pin-Too-Small-to-Decipher Hassle

Google, after a few days of coaxing, finally presented answers —in the form of puzzle pieces. Bottom-line: visiting 2 pages brings you to the land of glory. Gotta shake and bake for the desired curative recipe.

1️⃣ The Official Pinterest Page

The Pinterest widget builder page provides coding to enlarge munchkin Pinterest pins
The Pinterest widget builder page provides coding to enlarge munchkin Pinterest pins

This gem walks you through the creation of what the Pinterest gods call a Pinterest widget. The terminology caused me to ignore it, for days. Why? “Widget” implicates the sidebar, to the exclusion of the content area. Turns out, this page addresses the “too small” concern.

Digesting the Pinterest widget builder page
Digesting the Pinterest widget builder page

I rush to add:  this option is available only to Pinterest Business users. That includes me, precluding my ability to test for non-business folks.

You’re not Business at Pinterest, but curious? No problem. Take 5 minutes to learn the benefits of switching from a personal to business Pinterest account. Implement, at no cost, within another few minutes.

Returning to the enlarge-pin subject, Pinterest’s widget builder page presents one pice of the cure. I’ll  tell ya upfront → your girl here is entirely too lazy to run back to this page EVERY time I wanna incorporate a pin within a post. Therefore, I played around in the widget creation dialog boxes —taking care to note the resulting coding differences. Read: Each time my option selection changed the resulting code, I copied that code and pasted it into SimpleNote. Why? It would serve as my cheat sheet from that point forward.

Two parameters may change:

  • desired sizing: (small ← default), medium, large
  • description, yay or nay: “terse”


Working backward, if you do not want the pin’s description included, your coding will include → data-pin-terse=”true”. If you want the description, no extra step is required. As regards the sizing → data-pin-width=”large” . Small is the default, eliminating the need to explicitly list that size. Large is in the 600 pixel range; medium appears closer to 350px or thereabouts.

One of a two-part Fix
One of a two-part Fix

End result: Pasting the widget-builder code into my post requires one change: the characters coming after “/pin/”, that is, the pin’s I.D. number. Beats returning to the Pinterest-Widget-Builder page, eh?!

Of course, there has to be a part 2, just to set a blogger’s nerves ablaze.

Pinterest’s widget builder includes two parts. We just covered one part, that is, the special coding to add to the pin itself. Part two concerns JavaScript.

Issue: adding special coding —like JavaScript— to a template translates into a BuhBye! if you later change themes. To keep the code, you need a plugin.

2️⃣ WordPress.org PlugIn: Header Footer Code Manager

Pinterest instructs us to

  1. add certain coding to the desired pin’s Pinterest url; and
  2. insert a companion line of JavaScript.

You insert the companion JavaScript code “just before the closing body tag.” My problem (yes, I have several; move on): while I know the closing body tag appears at the end of the content, the options this plugin provides confused me. Those options include:

  • after the content
  • footer


I thought those two were one and the same, kinda like a half-dozen versus six. Duh! Me wrong.

Back to Google I went, finding a page focused on the where’s-the-WordPress-closing-body-tag question. As with most coding discussions, MEGO attacked. I came to long enough to edu-guess: choose footer from the plugin’s optional locations.

While our first date proved dicey, the plugin soon earned my intense admiration. Here’s the deal, in a nutshell:

  • The JavaScript Pinterest gifts is required on every post/ page where you want larger pins.
  • I know enough about JavaScript to avoid it unless necessary.
  • I don’t need this code on every page, cuz I ain’t gonna be futzing with pins on every page.


The Header and Footer Code Manager plugin uniquely allows a fence of sorts, so the script kicks in only on certain posts. Among the options: category or tag. I chose tag. In other words, the plugin will insert the script only on posts where I’ve applied the relevant tag.

After finding a post with pins already incorporated into the content, I created / added a new tag: pinIt. I

  • returned to the plugin’s settings screen
  • reloaded (refreshed) the settings screen page so it could digest the new tag I just created
  • typed pinIt in the tag field
  • pasted the script found on the Pinterest Widget page into this plugin’s Settings screen
  • saved.


I returned to the post with the earlier entered pins. Goal: massage those pins with the widget-style coding provided by Pinterest.

Steps. I:

  • copied the Pinterest widget / anchor-style link, pasting it directly above an existing Pinterest link in my post
  • copied the pin I.D. in the existing pin (characters after “/pin/” within its url), pasting it over the I.D. in the Pinterest widget link
  • double checked my handiwork, cleaning up to ensure my cobbled together version perfectly matched the format of the official Pinterest sizing widget.
  • applied the pinIt tag via the WordPress Editor


It worked!

Wrap-Up

1️⃣ Think positive.

When an online software/ coding tech item fails to produce the desired result, know: odds are strong someone with coding prowess has also bumped into the same hassle. That person knows how to cure it. And probably did. With luck, the person has posted the fix.

Our job? Find dat sucka!

Riding that logic vibe via research took me to the relevant Pinterest how-to page, described above. Lesson Learned: assume a fix exists, and go look for it.

2️⃣ Always think of your site visitor.

I didn’t wanna squint and strain trying to decipher too-small pins. Nor did I want to inflict that experience on others. When I invite you into my eHome, I want you to enjoy a comfortable reading experience. That includes paying attention to “the little things.” I’ll quote Oprah: Love is in the details. And that other guy from an old detective show: Who loves ya, baby? 🙃

3️⃣ Face facts re the Fix you discovered.

Ugh! This discovery will see me revisiting all Article posts to convert munchkin pins to readable pins. Lotsa work? Yes. Annoying? Yeah. Doable? Yep.

Bottom-line: that’s why the good Lord gifted us with coffee. Yes, I could certainly find other things to do with my time. But I choose to make the blog a priority. Translation: I’ll find the time to do what I deem necessary.

As you’ll see in an upcoming post, this fix-the-pins project fits well within a much larger blog project occurring being the scenes.


Call to Action

You have a blog, or may be considering starting one. Wanna half-step, or put your best foot forward?Personally, I know dang well mistakes shout out from some posts. Despite my efforts, I’ve managed to miss ’em. But this Pinterest sizing stuff ain’t gonna be one of ’em.

As I find the boo-boo’s, I fix ’em. In the process, I get new stuff on my plate to learn, which I can then share with you.

Mindset. Perspective. I choose to make ’em work for me.

You?

How to enlarge (munchkin) Pinterest pins on your site. (American Flamingo, Snapped @ Sylvan Heights Bird Park, Scotland Neck, NC)
How to enlarge (munchkin) Pinterest pins on your site. (American Flamingo, Snapped @ Sylvan Heights Bird Park, Scotland Neck, NC)

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.