Twenty Thirteen: improve Quote post format styles to look more like quotes

[lancewillett]

Reported by MarkJaquith and Nacin, Quote post format styles could look more like quotes.

Example from Mark: ​http://cl.ly/image/3K22353h0K2j

There’s one thing that kind of seems off to me… the Quote format. It doesn’t seem very “Quote-y”. None of the traditional blockquote cues are used… indentation, quote marks, left-border… Same for source. No em-dash.

From Andy:

Also agree that quotes lack sufficient styling. This isn’t just designer’s license, this is an issue of things looking like they are plagiarized. (Someone else, a journalist, pointed this out to me at a meetup, and I forgot to relay it.) It needs to be clear that a quote is a quote.

CSS patch attached, provided by Joen. Here's what it should look like: ​http://cl.ly/image/3H2K3j2J1B3D

Joen notes:

These two add opening and closing curly quotes. CSS 3 actually has those builtin, i.e. content: open-quote; and content: close-quote;. But neither of those work in Chrome, hence the escaped glyphs.

[SergeyBiryukov]

This would need some i18n love.

1. Many languages use different curly quotes (see #10001 and #19602 for related changes in core):
   ​http://en.wikipedia.org/wiki/Non-English_usage_of_quotation_marks
   We should use the same quotes that wptexturize() does:
   ​http://core.trac.wordpress.org/browser/tags/3.5.1/wp-includes/formatting.php#L36
2. 24176.diff​ assumes that full stop can always be included inside quotation marks. This convention is only valid for U.S. and Canada:
   ​http://en.wikipedia.org/wiki/Full_stop#Punctuation_styles_when_quoting

[SergeyBiryukov]

I wonder if this should be a core patch instead. See 24176.2.diff​ as a starting point.

[obenland]

Replying to SergeyBiryukov:

I wonder if this should be a core patch instead. See 24176.2.diff​ as a starting point.

I like that. What's with the period business though? :) I always thought the closing quote comes after the period in the quote, no?

[lancewillett]

I think this should be theme-specific, it's a visual style and not markup-driven or content, right?

@nacin Thoughts?

[lancewillett]

Discussing more in IRC during today's dev chat (​log). I argued that the visual quote style should come from the theme, allowing authors to add their own punctuation if they wish—or themes can style as they see fit. Rather than adding curly quotes in the core markup output.

Howewer, the em-dash in the core markup is a good idea; it can wrapped in a filter to be disabled, and can be translatable.

For Twenty Thirteen:

1. Quotes in post content already are visually separated: larger font size, italics, and indented.
2. For Quote formats, where the quote stands alone ... we *could* explore visual techniques to make sure the quote looks "quotey" like an indent or bit of a background change. I'm leaning towards how it works now, though.
3. The em-dash in front of the source will help a lot, for 2.

[lancewillett]

See #24243 for the em-dash addition to the core markup output.

[markjaquith]

Can we kill the Author bio for quotes? We kind of have a Michael Scott situation going on:

[obenland]

Removes author bio from quote formats

[lancewillett]

Replying to markjaquith:

Can we kill the Author bio for quotes? We kind of have a Michael Scott situation going on:

I disagree on removing. We've discussed previously for various formats, but I believe we decided to leave them in for multi-user blogs. I'll research and see if I can find the context.

[lancewillett]

Replying to lancewillett:

Replying to markjaquith:

Can we kill the Author bio for quotes? We kind of have a Michael Scott situation going on:

I disagree on removing. We've discussed previously for various formats, but I believe we decided to leave them in for multi-user blogs. I'll research and see if I can find the context.

OK, I couldn't find any such discussion. I must have gotten my wires crossed with the Chat post format—which is similar in that it's odd to have an author bio below a chat.

Thoughts on removing it for both Quote and Chat?

[markjaquith]

Yep, I'd be good with removing it for both those formats, which are just pure quotes from other people.

[lancewillett]

In 24167:

Twenty Thirteen: remove Author Bio from post formats that are essentially quotes from other people, like Quote and Chat. Props obenland and markjaquith -- see #24176.

[markjaquith]

Here's what I'm using:

​https://gist.github.com/markjaquith/80147de2ab6f38b25597

Requires patch from #24243

[lancewillett]

I'm working with Joen to get something cooked up for this. Aiming for decorative and left-hanging left curly quote mark—but also making sure it aligns with other post formats when viewed on an index page (the "flow" is important).

Note: the normal blockquote styles "in situ" in posts and pages—non-Quote post formats—will not change, as the existing styles work great in those cases.

[lancewillett]

quotes.png is the direction Joen and I would like to try out for size. Nice balance between making it more obviously "quotey" and keeping in the flow of existing post formats.

[lancewillett]

In 24172:

Twenty Thirteen: improve Quote post format styles to look more like quotes. Fixes #24176.