WordPress makes it easy and intuitive enough for you to write your content directly into the visual editor while styling your text, but it’s not necessarily a quick process.
Anyone who has any experience composing content in the editor knows that you have to continuously reach for your mouse or trackpad so you can highlight the text you want to style and click the buttons at the top of the visual/text editor (either that or learn often unintuitive keyboard shortcuts). It’s fine for users who aren’t in a rush and prefer the straightforwardness of the editor, but there’s another way of getting it done faster.
Markdown is a lightweight and intuitive markup language that provides a faster way to style your posts, pages and comments. Although it takes a little time getting used to, you’ll never have to reach for your mouse while using Markdown.
In this article, we’ll go over what Markdown is all about and how you can start using it with WordPress.
A Brief Background of Markdown
In an effort to come up with a solution to easily write and format text on the web, John Gruber and Aaron Swartz created Markdown in 2004. It relies only on plain text and doesn’t require users to learn any complicated code or shortcuts, meaning that even WordPress beginners can learn how to use it on their own.
When you use Markdown on your WordPress site, which we’ll cover later in this article, you’ll be able to type specific characters around the text you want to style. For example, to italicize some text, all you need to is add an asterisk character on both ends. The *italicized text* will show in actual italicized text format when published on your site. Like freakin’ magic.
Once you’re familiar with Markdown, you’ll be able to cut down on the time you spend formatting your WordPress content. The hardest part is really just memorizing the characters to implement each style, which becomes second nature with enough practice.
Another great point to make about using Markdown with WordPress is that all the text you create with it will remain in Markdown format. So even though your content is published as fully formatted on your site, you’ll be able to go back and edit in Markdown anytime you want.
If you’re interested in exploring some of the different tools available for using Markdown, you may want to check out Mou, a free Markdown editor for Mac, or MarkPad, an open source Markdown editor for Windows. Texts is another that works for both Mac and Windows, with the ability to convert Markdown to other popular file formats like PDF and MS Word.
For mobile device use, you can take advantage of Byword, which is a Markdown editor for the iPhone and iPad (it also works on Mac). If you use an Android, check out Draft.
Now let’s dive deeper into how Markdown can be used with WordPress. We’ll start by covering the Markdown-inspired enhancements to the editor that were introduced in WordPress 4.3.
WordPress Editor Enhancements in Version 4.3
In the WordPress 4.3 release, inline text shortcuts similar to Markdown were introduced, allowing you to format text and add elements using simple markup in the text. However, unlike Markdown these text patterns immediately transform patterns into HTML.
The current enhancements include:
- Typing an asterisk (*) or a dash (-) to generate a bulleted list
- Typing 1. or 1) to generate an ordered list
- Starting a paragraph with 2 to 6 number symbols (#) to generate different headings
- Typing the greater-than symbol (>) to generate a blockquote
You can see a short demo video of these shortcuts in action here.
More shortcuts are planned for future releases, along with support for plugins to extend existing functionality.
Using Markdown With WordPress
The best way to learn Markdown is to actually start using it yourself. So rather than listing out all the different shortcuts, which you can access from the WordPress quick reference page anyway, here’s a basic example:
This Markdown text creates the same formatting as the HTML does below. It’s pretty clear to see how much simpler Markdown keeps it by looking at this comparison.
As you can see pretty easily, adding ## to some text is the same as wrapping it with <h2> tags. Likewise, adding * is the same as using <em> tags while adding ** is the same as using <strong> tags.
Here’s what it looks like when it’s published:
If you start typing these Markdown shortcuts directly into WordPress right now, you might see some of them work automatically when you use them and hit Enter to start a new paragraph because of the editor enhancements that were introduced with WordPress version 4.3, but you won’t see all of them. To take full advantage of Markdown, you’ll have to install a plugin.
There are at least three good plugins you can use to integrate Markdown with WordPress.
No comments:
Post a Comment