WordPressで簡単見出し作成!書式ショートカット機能のご紹介
top-bnr

WordPressで簡単見出し作成!書式ショートカット機能のご紹介

 

Word Press 書式ショートカット

便利な書式ショートカット機能

WordPressでブログを作成するときに、「テキスト」モードと「ビジュアル」モードのどちらで作成されるでしょうか?HTMLの知識のある方であれば「テキスト」モードで作成を行うことで、細かいデザインの調整を行うことが出来ますが、知識がまだ乏しい方であれば、「ビジュアル」モードで視覚的に作成をしていくのではないかと思います。

装飾を行うには、画面上部のアイコンを押すことで、色を変えたり、見出しをつけたりすることが出来ますが、今回はWordPressのバージョン4.3から追加された、ショートカットコードを利用して、書式を設定する方法をご紹介いたします。

※書式ショートカット機能は「ビジュアル」モードでのみ利用可能です

見出しの設定

「ビジュアル」モードで見出しの設定を行うには、通常ですと、見出しにしたい文字を選択して画面の上部の「段落」のセレクトボックスから「見出し1」「見出し2」「見出し3」などを選択する方法となります。

見出しの例1 見出しの例2

これを「書式ショートカット」で行うには、頭に「#」をつけて文字を入力し、enterキーを押すだけです。#で見出し1,##で見出し2,###で見出し3と「#」の数で見出しのレベルが決まります。

書式ショートカットの例

この状態でenterキーを押すと、見出しになります。

書式ショートカットの例2

これまでは、テキストを選択→段落を選択の2工程だった物が、頭に#をつけてenterキーというだけで、工程が省けるので効率化に繋がるのではないかと思います。

見出しのほかにも、「*」を使うとリスト形式に、「>」を頭につけることで引用形式となる、「---」で水平線を引ける(ver4.5から)などの機能があります。

まとめ

今後もこの機能についてはWordPressのバージョンアップの度に拡張されることが予想されるので、ビジュアルエディタをメインに記事を作成する人は、覚えておいて損はありません。

The following two tabs change content below.
リアルマックス スタッフ
bottom-bnr
  • ブログランキング・にほんブログ村へ
  • FC2ブログランキングへ
  • 人気ブログランキングへ
  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る