Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Markdownとは?WordPressでMarkdownを使うには?

最近、あるユーザーからMarkdownって何?ゴースト・ブログ・プラットフォームを使っている友人から聞いたそうです。Markdownは、プレーンテキストをHTMLに変換するシンプルなマークアップ言語です。もっとシンプルなテキストエディターだと思ってください。この投稿では、WordPressでMarkdownを使う方法を紹介します。

Markdownとは?

MarkdownはプレーンテキストをHTMLコードに変換するマークアップ言語です。アスタリスク、数字記号、アンダースコア、ダッシュなどの特殊文字をHTMLの代わりにMarkdown構文で使用することができます。このMarkdown構文は自動的にHTMLに変換されます。

例えば

**これは太字のテキストです。

上記のテキストはMarkdownによって次のように変換されます:

<strong>これは太字のテキストです</strong>。

Markdownは、特にパワーユーザーにとって、リッチテキスト・ドキュメントを作成する効率的な方法を提供します。もしあなたがWordPressで投稿を書くためにテキストエディターを使っているなら、Markdownはあなたにとって良い代替エディターになるでしょう。

動画チュートリアル

Subscribe to WPBeginner

動画が気に入らなかったり、もっと説明が必要な場合は、このまま読み進めてください。

WordPressでMarkdownサポートを追加する方法

最初に必要なことは、WP-Markdownプラグインをインストールして有効化することです。有効化したら、Settings ” Writingにアクセスし、Markdownセクションまでスクロールダウンする必要があります。

Enable Markdown for WordPress posts, pages, and comments

投稿、ページ、カスタム投稿タイプでWP-Markdownを有効化することができます。また、コメントのMarkdownサポートを有効化することもできます。

プラグインには編集エリアにメニューバーがあるので、簡単にMarkdown構文を追加することができます。もしあなたがMarkdownに慣れていないのであれば、ヘルプバーを有効化してください。これにより、Markdown構文を素早く学ぶことができます。

Markdownサポートを有効化した後、変更を保存ボタンをクリックして設定を保存してください。

WordPress投稿エディターでMarkdownを使用する

投稿とページでMarkdownのサポートを有効化したら、投稿 ” 新規追加で実際にMarkdownを使うことができます。

最初に気づくことは、WordPressの初期設定のビジュアルエディターとテキストエディターがMarkdownエディターに置き換えられていることです。

Markdown editor on WordPress post edit screen

編集画面には、エディターに入力したテキストのライブプレビューが表示されます。上部には、ボタンを使ってMarkdown構文を挿入できるMarkdownヘルプバーがあります。このヘルプバーは新規ユーザーがMarkdown構文に慣れるのに便利です。

Markdown構文チートシート

Markdownの構文はとてもシンプルですが、慣れるまでには時間がかかるかもしれません。ここでは、リファレンスとして使える簡単なMarkdownチートシートを紹介します。

入力:
*これは強調されたテキストです

出力:
これは強調されたテキスト

入力:
**これは太字です。

出力:
これは太字テキストです

入力
#これは見出し1#です

出力:

これは見出し1です

入力
##これは見出し2です

出力

これは見出し2です。

入力
###これは見出し3です。

出力

これは見出し3です。

入力
[WPBeginner](https://www.wpbeginner.com)

出力
WPBeginner

入力
1.順序付きリスト項目1
2.順序付きリスト項目2
3.オーダーリスト項目3

出力

  1. 順序付きリスト項目1
  2. 順序付きリスト項目2
  3. 順序付きリスト項目3

入力
*順序なしリスト項目1
*順序なしリスト項目2
*順序なしリスト項目3

出力

  • 順序なしリスト項目1
  • 順序なしリスト項目2
  • 順序なしリスト項目3

WordPressでMarkdownを使用する際の動画の追加

通常、投稿エディターに動画のURLを貼り付けるだけで、YouTubeの動画を埋め込むことができます。WP-Markdownが有効化されている場合、これは機能しません。動画のURLを

Subscribe to WPBeginner

この投稿が、あなたがMarkdownとWordPressでの使用方法について学ぶ手助けになれば幸いです。もしMarkdownがあなたが探していたものでないと感じているなら、WordPressのフルスクリーンエディターを試してみてください。

この投稿を気に入っていただけたなら、WordPress動画チュートリアルのYouTubeチャンネルをご購読ください。Twitterや Google+でもご覧いただけます。

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

アバター

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

7件のコメント返信を残す

  1. Angela

    I’ve used the Markdown plugin, but when I go to edit a comment, it’s full of strange characters and I have to re-do the entire comment before I can publish it. :(

  2. Kitty Kilian

    Hi, the markdown plugin you recommend has not been upkept for over a year. Is it still safe to use?

    Thanks!

    • Christophe Keller

      Just use the Markdown option in Jetpack…

  3. Dabing Huang

    Nice post. For those who are using mac, try wordmark

  4. Steve

    Great post as always. Thanks. Definitely something to consider when you want to focus on content and not structure.

  5. Viktor Dite

    If you are using jetpack anyway, you have to just enable markdown there

    • Hardeep Asrani

      I don’t see any reason to use WP-Markdown when Jetpack has a Markdown module. Plus, you can also use oEmbed with Jetpack’s Markdown module.

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。