You are using an outdated browser. Please upgrade your browser to improve your experience.

Quotes, Notes, Marks & Line Breaks

Quotes, Notes, Marks & Line BreaksEXAMPLE: Text Tools We Should Be Using
July 13, 2015

Images and videos add a lot of context and beauty to our posts, but the majority of our articles are words. Of course writing the right words is most important, but the we can add a lot more personality using new text tools at our disposal. You can highlight the best parts, make things stand out, or alert the reader of information in new ways. Just like media, text enhancements can greatly enhance the readability of your work and its perceived value.



There are 2 different types of quotes we will use. One is a “Pull Quote” and the other is a “Block Quote. Both are citing other people’s work, but they have different use cases and look totally different. It’s important to understand when to use each one.

Pull Quote

If you cannot do great things, do small things in a great way.

- Napoleon Hill

A pull quote can be thought of as a graphical element. It receives a lot of attention. It should be a short(ish) powerful statement. These are the kind of quotes you see printed in magazines. It commands attention and may be the first thing read in the article. The quote to the right by Napoleon Hill is the way you normally see it in magazines. It’s a pretty quote that is pulled off to the side. Often times the same quote will appear in-line, they just reprinted it again off to the side to highlight it and catch the reader’s attention. This is a cool technique that we should use when there is an awesome quote that we don’t want people to miss. Often times we are quoting something Tim Cook said, or an old awesome Steve Jobs quote. Those are perfect examples.

Great things are done by a series of small things brought together.

- Vincent Van Gogh

You’ll notice that these quotes can have different placements and formats. In fact these quotes, since they are graphical elements, have all the same options as images or app plays in terms of placement.

Our greatest glory is not in never failing, but in rising up every time we fail.

- Ralph Waldo Emerson

You can choose Inset or Outset, you can choose to have it on the right or left, and even choose Full Width. An Example of Full Width was the Vincent Van Gogh quote above. The other quotes show and inset and outset quote (both on the right). Can you tell which is which?

Block Quote

Block Quotes, on the other hand, are defined as longer quote passages. If you want to cite a big part of an article, or don’t want the quote to be so graphical, a block quote is what you need.


Remembering that I’ll be dead soon is the most important tool I’ve ever encountered to help me make the big choices in life. Because almost everything — all external expectations, all pride, all fear of embarrassment or failure — these things just fall away in the face of death, leaving only what is truly important. Remembering that you are going to die is the best way I know to avoid the trap of thinking you have something to lose. You are already naked. There is no reason not to follow your heart.

- Steve Jobs

Block Quotes can have paragraph breaks, and can have bold text and links. A block quote is great for when you want to react to something someone said. Think of DaringFireball. Gruber puts in block quotes and then adds his thoughts so he doesn’t have to try to explain the other person’s point. He just picks the best part and reacts.



Highlight / call out important part of paragraph.

A mark is a way to call out important information by highlighting it. We are still working on how the actual highlight may look. We have explored regular highlight, to the colored underlining found on Medium. The important thing for you to know is when you want part of a paragraph, or sentence to stand out, you can “”mark” it.

You can find the mark anywhere you have the normal text controls (such as Bold, and bullet points)

Mark found under Format in paragraph section.

Mark found under Format in paragraph section.

Next to the options for Bold, Italic, and Underline, you’ll see a button called “Formats.” Once you click on Formats you’ll have an option to select mark. You’ll see the text highlight in wordpress so you can be sure you are marking the correct thing.


An informational Aside

Notes are a much better way to call out additional information than trying to do it in-line. Often times we want to tell readers about a caveat to what we are saying, or provide non-essential background. A note is a great way to do this.

You can see that the note sits off in it’s own area. It is easy to see it, but allows you to deal with it separately rather than trying to make it flow in your text.

Line Breaks

Add emphasis
Line Breaks

We already use line breaks all the time to separate content. But sometimes we’ll want to be very explicit by drawing a visible line. This adds a lot of emphasis

That is an example of how a line break appears. You can use it between sections when a subheader won’t due. For example

hen it comes to saving and syncing your photos, there are a couple of options. The one option that is free is called My Photo Stream, which will sync your most recent 1,000 photos in one feed between all of your devices.

The one caveat with this is that you manually have to keep track of actually saving them. So if you take a photo on your iPhone, for example, and want to have it on your Mac, you’ll have to go into the “My Photo Stream” album from your Mac and transfer it to your Photos library from there. It’s a bit of a hassle and requires memory on your part, but it’s not a bad free option. Another thing to consider is that, of the four S’s, all this option covers is syncing.

These failures are what have birth to iCloud Photo Library and the OS X Photos app.