ウェブサイト検索

WordPress のマークダウンとは何ですか?なぜ気にする必要があるのでしょうか?


ブログ投稿を書くときにショートカットや [ビジュアル] タブを使用したことがある場合は、WordPress を使用してプレーン テキストを HTML に変換するのがいかに簡単かをご存知でしょう。平均的なブロガーはおそらく [ビジュアル編集] タブを利用しますが、同じ美しい書式を維持しながらブログ投稿をより迅速に作成できる可能性のある方法があることをご存知ですか?

これはマークダウンと呼ばれ、プレーン テキストで記述しながらいくつかの簡単なショートカットを学びたい人たちにかなりの人気を得ています。

このアイデアは、マウスのことを完全に忘れてキーボードに手を置き、書き込みとフォーマットのプロセスをスピードアップすることです。ライターにはプレーン テキストしか表示されませんが、構文の一部を使用すると、公開時にすぐに HTML にレンダリングされます。素晴らしい点は、複雑なコーディングについて考える必要がなく、WordPress エディターの基本的な書式設定ボタンもそのままにしておくことができることです。

WordPress のマークダウンとは何ですか?

具体的には、WordPress のマークダウンは、2004 年に John Gruber と Aaron Swartz によって作成された書式設定構文です。

さまざまなソフトウェアやコンテンツ作成ツールで元のマークダウンの形式が見られるため、Markdown はその作成者が予想していた以上のものになりました。たとえば、小説編集ソフトウェアや基本的なテキスト エディターでマークダウンの形式が使用されていることに気づくかもしれません。

Markdown は、より複雑な HTML コードを置き換えることによって機能し、コーディングをしない人にとってもプロセスが簡単になります。

たとえば、ヘッダーを挿入する場合、[ヘッダー] ドロップダウンをクリックする必要はありません。次のような内容を入力する必要はありません。

<h3>これは私のヘッダーの例です

代わりに、テキストの前にポンド記号を 3 つ入力するだけで同じ結果が得られます。次の行のように:

### これは私のヘッダーの例です

リスト、太字テキスト、リンクなどの要素を示す、より広範な例を見てみましょう。

### This Is My Example Header

Now I'll write a new paragraph. Writing regular sentences is the exact same, but I also want this word to be **bold**.

Next, I want to create a list:

* List Item #1
* List Item #2
* List Item #3

Oh yeah, and I'd like to include a [link](http://www.wpexplorer.com).

ハッシュタグ、括弧、アスタリスクは今のところ混乱しているように見えますが、これらのショートカットのリファレンス リストがあるので、すぐに習得できます。

これらのアスタリスクやその他の要素は、まったく同じ結果を提供しながら、HTML コーディングを完全に置き換えることを目的としています。

たとえば、上記のテキストは、次の HTML と同じ書式設定を返します。

<h3>This Is My Example Header</h3>

<p>Now I'll write a new paragraph. Writing regular sentences is the exact same, but I also want this word to be <strong>bold</strong>.</p>

<p>Next, I want to create a list:</p>

<ul>
 <li>List Item #1</li>
 <li>List Item #2</li>
 <li>List Item #3</li>
 </ul>

<p>Oh yeah, and I'd like to include a <a href="http://www.wpexplorer.com">link</a>.</p>

HTML ははるかに複雑に見えますよね?まあ、少し練習すればそうなります。結局のところ、ほとんどの人にとって、各リスト要素の前にアスタリスクを入力することは、リスト項目の前に <li> を入力してから要素の後ろに閉じ括弧を入力するよりも簡単です。

全体として、HTML のマークダウン要素を模倣するために、長年にわたって多数のマークダウン要素が追加されてきました。

Markdown トレーニング ガイド

一般的な HTML 項目の代わりにどのマークダウン要素を使用するかをどのように学習すればよいでしょうか?

WordPress の完全なマークダウンガイドはここにあります。

素晴らしい点は、それらを通常のコンピューターのショートカットのように扱うことができ、使用する予定のものを覚えていて、関係のない項目を忘れることができることです。

WordPress の Markdown はブロガーにどのようなメリットをもたらしますか?

ブロガーは 2 つの異なるカテゴリに分類されます。マウスを使用してエディタのボタンをクリックするブロガーと、すべてを HTML で記述するブロガーです。

ほとんどのブロガーは HTML の専門家ではないため、最初のグループの可能性が高いと思われます。ただし、どちらのグループも何らかの形で時間を無駄にしています。

Markdown はキーボードから手を離さず、集中力を高め、ブログ投稿の作成プロセスをスピードアップすることを目的としています。それだけでなく、最もよく使用する要素を選択すれば、マークダウンを学ぶのはそれほど難しくありません。

たとえば、ブログによっては、すべての投稿に多数のリンクが含まれています。その場合、「インライン リンク」のマークダウンを覚えておくと良いでしょう。

A [link](http://example.com "Title").

他のブログでは、すべての投稿にブロック引用符を挿入する場合があり、ブロック引用符のマークダウン項目がかなり重要になります。

> Quoted text.
 > > Quoted quote.

全体として、それは好みの問題です。しかし、WordPress のマークダウンは、銀行家や会計士にとっての Excel ショートカットに似ています。一度学ぶと、それなしの生活を想像するのは困難です。

自分の WordPress サイトで Markdown をアクティブ化する

ある時点では、WordPress の [設定] タブと [書き込み] タブを使用してマークダウンを直接アクティブ化できました。ただし、最近の WordPress アップデートには、お客様側でアクティベーションを行わなくても、マークダウン要素の一部が含まれています。たとえば、独自のダッシュボードでいくつかのマークダウンの例を試してみると (Enter キーを押すと)、マークダウンが開始され、正しい書式設定が表示されることがよくあります。

省略されたものすべてについては、マークダウンをサポートするプラグインを有効にする必要があります。

幸いなことに、いくつかの無料プラグインを利用できます。私たちのお気に入りには次のようなものがあります。

  • ジェットパック
  • WP-マークダウン
  • マークダウンのクイックタグ

Jetpack が最も有望です。他のものは更新されていないためです (WordPress には最近の更新で非常に多くのマークダウン項目が含まれているため)。

Jetpack を使用する場合は、プラグインをインストールしてから、設定 > 書き込み > 作曲に移動する必要があります。

そこには、プレーンテキストのマークダウン構文をアクティブにするかどうかを尋ねるボタンがあります。

すべての WordPress ユーザーが知っておくべきマークダウン ショートカット

マークダウンは非常に進化しているため、平均的な WordPress ユーザーはすべてのショートカットを知っている必要はありません。したがって、WordPress ブロガーとして覚えておくべきマークダウン ショートカットのリストをまとめました。

ヘッダー

# Header 1
## Header 2
### Header 3
#### Header 4
##### Header 5
###### Header 6

斜体と太字のテキスト

*Italics have asterisks on both sides*
**Bold text has two**

インラインリンク

A [link](http://example.com "Title").

投稿内の画像

![Alternative text](/filename.png "Title")

ここで、関連する代替テキストとタイトルを作成します。その場合、正確なファイル名が必要になります。

箇条書きリスト

* Item
* Item
- Item
- Item

箇条書きリストを作成するときは、アスタリスクとダッシュの両方が正常に機能します。

番号付きリスト

これは、ワード プロセッサでリストを作成するのとまったく変わりません。

1. Item
2. Item

混合リスト

1. Item
2. Item
* Mixed
* Mixed
3. Item

結果:

  1. アイテム
  2. アイテム

    • 混合
    • 混合
  3. アイテム

標準ブロッククオート

> The quoted text goes here.

ブログのために WordPress の Markdown を学習することを検討すべきですか?

この質問に対する答えは完全にあなた次第ですが、上で説明したように、WordPress のマークダウンは平均的なユーザーにとって書き込みを容易にするに違いありません。標準のブラウザやソフトウェアのショートカットと同様、マークダウン ショートカットを習得するには数分かかります。その後、場合によっては、復習のためにリファレンス シートをブックマークする必要があるかもしれません。

より一般的なマークダウン要素を学び始めると、ブログ投稿をより速く作成し、そのプロセスでよりプロフェッショナルな作業者になったように感じるため、新鮮です。

WordPress のマークダウンについてご質問がある場合は、以下のコメント欄でお知らせください。