travisburch

UPDATE: I’ve successfully tested themes and plugins. The problem remains with all plugins deactivated and on every theme I tried (Twenty Twenty is my current theme), so it seems to be an issue with 5.3.2.

• This reply was modified 4 years, 10 months ago by travisburch.

Actually, no plugin required, it’s just code you paste into the page. It works beautifully — when it works, which was before the 5.3.2 update.

Super clean and easy. Here’s what the code looks like (if you want to inspect it) — I randomized the ID info with gibberish:

<a href="https://www.amazon.com/Nike-Metcon-Ankle-High-Cross-Trainer/dp/B005UWIY92/ref=as_li_ss_il?_encoding=UTF8&pd_rd_i=B005UWIY92&pd_rd_r=06fb654b-5e37-4bbb-b53b-97607f9df5f9&pd_rd_w=633cN&pd_rd_wg=x20RC&pf_rd_p=a07701e4-f565-442a-b97f-93ab23cbb7ef&pf_rd_r=VE85QE590ESY706VAC1P&refRID=VE85QE590ESY706VAC1P&linkCode=li3&tag=gfdsaasdfg&linkId=fc4c04a22660d439689a61b126111c8f&language=en_US" target="_blank" rel="noopener noreferrer"><img border="0" src="//ws-na.amazon-adsystem.com/widgets/q?_encoding=UTF8&ASIN=B005UWIY92&Format=_SL250_&ID=AsinImage&MarketPlace=US&ServiceVersion=20070822&WS=1&tag=sgfdasd0&language=en_US" /></a><img src="https://ir-na.amazon-adsystem.com/e/ir?t=sd74jf46y-20&language=en_US&l=li3&o=1&a=B005UWIY92" width="1" height="1" border="0" alt="" />

• This reply was modified 4 years, 10 months ago by travisburch.
• This reply was modified 4 years, 10 months ago by travisburch.
• This reply was modified 4 years, 10 months ago by travisburch.
• This reply was modified 4 years, 10 months ago by Jan Dembowski.

Here’s the shortcode you receive to copy/paste into paragraph to create an image block that becomes your Amazon affiliate link.

I altered the ID codes, so it’s random, and hopefully Amazon won’t find this and get mad at me for using it outside my site (they’re very strict about that).

@jarretc

• This reply was modified 4 years, 10 months ago by travisburch.
• This reply was modified 4 years, 10 months ago by travisburch.
• This reply was modified 4 years, 10 months ago by travisburch.

@jarretc sure, do you mean the html provided by Amazon from its Site Stripe?

I’d like to, additionally, point out that all my hundreds of old Amazon links — created using their Site Stripe method — are not editable in the back end. Completely unworkable on the back end.

So that’s an important function (compatibility with Amazon’s Site Stripe feature). It’s the only way to create Amazon links using images.

From what I can tell, it’s just not working with either Twenty Twenty or the new 5.3.2 update. I’ve heard others say the same thing in other forums.

UPDATE: This is happening with all themes. My hunch may have been correct that it’s a WordPress problem, not Twenty Twenty.

• This reply was modified 4 years, 10 months ago by travisburch.

@jarretc — thanks for your response.

So, actually, the old links are set up using Amazon’s way: you copy html and it creates an image block for you.

They actually don’t want you creating your own links by grabbing pictures and attaching links to them — they can shut down your site for doing so.

Additionally, Amazon’s Site Stripe is literally copy+paste. It’s fast, easy, and the way they want it done.

Please, let’s get something figured out — I’m not the only one dealing with this.

Thanks will do!

Update: I’m actually trying it on the home page now, too — there’s still some white space at the top. Many thanks! -Travis

travisburch.com

@acosmin

It seems like both of these solutions lose the pull quote block styling (inter var must have been used there). This makes the pull quote block pretty ugly, with a big, bold Hoefler font, IMO.

I don’t think your solution has this problem, but my other solution (deleting the lines of code) altered font coloring when on dark backgrounds. The theme switches fonts to light colors over dark backgrounds automatically, and that function is lost when deleting the code as I did.

Fun stuff! Really appreciate your input.

• This reply was modified 4 years, 11 months ago by travisburch.

I’d be happy to. Thanks a bunch, James ??

Hey, appreciate you looking.

I did the requested steps and continue to see it in multiple browsers.

It seems to me that it’s only really noticeable when the window is *just* larger than the size of the featured image. When the window is large, you won’t visibly notice the 10px-ish misalignment.

When the window is smaller (just larger than the featured image), it looks like the featured image has about 10px of padding on the right. When the window is small enough, the featured image will be entirely left justified (no padding on the left), with several pixels of white on the right.

It’s even made it so that if I use the Title of a page, the Title about 10px off-centered from the featured image. I turned all of those titles off to avoid the bad look (and for other design reasons, too).

Here’s what I’m seeing. The white space to the right is not a mistake, it’s really there! Maybe it will be more noticeable in a smaller window?

https://pasteboard.co/INHdSQZ.png

I’m having this issue too. The “paste” function appears to not be working when using the HTML.

I found that the shortcode block DOES work, however, I’m not able to center the image on the page, and that looks terrible — straight out of the 90s.

This is pretty annoying.

Forgot to add the @import line in the functions.php, but it still all worked.

Speed test results:

Load times are clocking faster 1.2s on pingdom from D.C.

I think I need to get more acclimated with various data points for speed, though.

The current speed feels perceptibly less “instant” than my other hack (which was: deleting all ‘inter var’ lines of code from the parent theme). However, the test results say we’re not far off from the other hack. Steve Teare’s article & suggested code

Many thanks to everyone involved! @acosmin @kitchin you two really are great.

• This reply was modified 4 years, 11 months ago by travisburch.
• This reply was modified 4 years, 11 months ago by travisburch.
• This reply was modified 4 years, 11 months ago by travisburch.
• This reply was modified 4 years, 11 months ago by travisburch.
• This reply was modified 4 years, 11 months ago by travisburch.

@acosmin

So I’ll just import the other file using this: @import url("../twentytwenty/style.css");

and then add the snippet.

@acosmin

Okay, so I’ve got the parent’s code copy+pasted in the child functions.php file. I’ll undo that.

Then I’ve added the snippet mentioned at the very bottom.

So now add <?php at the very top of the file.

Giving this a try.

• This reply was modified 4 years, 11 months ago by travisburch.
• This reply was modified 4 years, 11 months ago by travisburch.
• This reply was modified 4 years, 11 months ago by travisburch.