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
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.
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.
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 instructs us to
- add certain coding to the desired pin’s Pinterest url; and
- after the content
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:
- 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
I returned to the post with the earlier entered pins. Goal: massage those pins with the widget-style coding provided by Pinterest.
- 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
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.