Post formatting issues in Science Blog

[stephwright]

Was reading a recent blog post in the Science Blog (https://science.mozilla.org/blog/2016-isbe-review) and having a lot of difficulty following the post as headers seemed to have varying sizes and varying formats. I went into Wordpress to see how our Guest Blogger had formatted her post and noticed that the way she formatted it in Wordpress looks very little like how it turns out in the blog. Is there anything that can be done to reconcile this? I know I've had trouble getting formatting right when I'm publishing posts on the blog because the Preview button doesn't work. Anything that can be done to make it easier to understand how a post will look before publishing would be greatly appreciated.

[gideonthomas]

Apparently, I don't have permissions to the blog either. @stephwright would you be able to add @alanmoo as a user so that he can take a look at how some of the blog content is formatted?

[stephwright]

I've added you both as admins

[gideonthomas]

thanks @stephwright you're awesome! Would you also be able to confirm that the way we login to the blog is through the url: https://mozscienceblog.wpengine.com/wp-admin ?

cc @alanmoo

[stephwright]

Yep! That should do it... if it doesn't work, let me know.

[hannahkane]

Estimated at 13 story points, largely due to unknowns about Wordpress

[alanmoo]

I've addressed this in the short term by pulling some of the styles from the WordPress editor (TinyMCE I think) so that font sizes are consistent and logical. Next up I think I'd like to tackle #554 so that when we make further changes to the blog styles it'll be easy to preview them.

[arush0311]

Hey! what about resetting everything inside blog posts and then use wordpress stylesheets? (using scoped css?)

[alanmoo]

The idea is that the styles should be aligned with what's on the science site, not the other way around. This issue centers around the fact that we're publishing on wordpress but pulling the content in via wordpress's REST API. Previewing a post doesn't show it on the science site though. The proper fix to this whole thing is a proper CMS for the science site, but that's a big undertaking. Anything else that's an easy win short of that is good, but using wordpress stylesheets would be moving backwards.

[arush0311]

Well there is always the concept of WordPress themes. We can extract the blog styles into a central location and have both WordPress and science website pull from it. (or have wordpress pull it from science website)