Embedded tweets not working on the blog

[abbycabs]

They show up on the wordpress instance: https://mozscienceblog.wpengine.com/?p=3657

But not on the site:
https://science.mozilla.org/blog/why-developing-oss-matters

[auremoser]

+1 to this, noted it for Anna's ISBE guest blog last week.

[alanmoo]

I think this might be due to the way WordPress exports HTML. There is a class we can use to recreate the styling, but it wouldn't be locked to Twitter's unless they offer a stylesheet I'm not aware of (which is totally possible).

[hannahkane]

As noted in roadmap doc, this is less important than other blog issues, given there's a workaround

[alanmoo]

By workaround, you mean some hardcoded CSS? I've got those in #555

[hannahkane]

Workaround is uploading a screenshot, I believe

[alanmoo]

That has some serious accessibility issues. @acabunoc How is this as a workaround?

[abbycabs]

<3 much better! @alanmoo

[alanmoo]

Should we close this/change it now that #555's landed? The current implementation doesn't give complete tweet details (like conversation) but does get the tweet itself- example

[abbycabs]

hey @alanmoo, the tweets in this post aren't formatted, are they embedded wrong? https://science.mozilla.org/blog/2016-isbe-review

[auremoser]

+1 to what abby said, I'm find with the single card view that @alanmoo linked to as an example, but we should document the correct embed format somewhere so it doesn't default to this:

[alanmoo]

@acabunoc @auremoser I'm not sure how they were originally embedded (was the whole post copied and pasted from somewhere?) but if you paste a tweet link into the WordPress editor, it pulls in the tweet and will style it as in the previous example.

[auremoser]

Twitter has an "embed" generated iframe that it offers, I believe the unformatted tweets use that, because I think I assumed that you would need to embed a tweet and it wouldn't just generate formatting. Good to know, I'll update the post and test. :)

[alanmoo]

Yeah, this is kind of an intermediate step towards using that, but it was a quick and easy solution that looks good enough.