WordPress(ワードプレス)の固定ページや投稿にコンテンツを入力するためのエディターは、とても使いやすいものです。ツールバーのボタンを使って、テキストを太くしたり( )、イタリックにしたり( )、見出し(スタイル)や箇条書き(番号付きリスト、箇条書きリスト)を入力することができます。また、他のテキストエディターで使用されている基本的なキーボードショートカットのほとんどを使用することができます。例えば、次のようなものです。
- Shift+Enterで改行
- Ctrl+C/Cmd+C=コピー
- Ctrl+X/Cmd+X=カット
- Ctrl+Z/Cmd+Z=元に戻す
- Ctrl+Y/Cmd+Y=やり直し
- Ctrl+A/Cmd+A=全選択
など。(PCではCtrlキー、MacではCommandキーを使用してください)
ページにコンテンツを追加する際、ビジュアルエディターは単にスクロールするのではなく、コンテンツに合わせて拡大されます。さらに、ビジュアルエディターの高さがどんなに高くなっても、ツールバーのボタンはページの上部に密着しているので、いつでも利用できます。
特殊なキーボードショートカットを利用することで、コンテンツの追加がさらに簡単になりました。コンテンツに異なるサイズの見出しを追加したい場合、ツールバーのドロップダウンから見出しのサイズを選択するのではなく、2つ以上のハッシュタグ(#)で行を開始し、Enterキーを押して次の行に進むと、ビジュアルエディターは自動的にテキストを適切な見出しに変換してくれます。
見出しと同様に、*や-を使って順不同のリストを作成したり、1.を使って順不同のリストを作成したり、>を使ってブロッククオートを作成することもできます。
使用できるキーボードショートカットの一覧は以下の通りです。
* – 順不同のリストを作成する
– – 順不同のリストを開始
1. – 順序付きリストの開始
1) – 順番なしリストの開始
## – H2
### – H3
#### – H4
##### – H5
###### – H6
> – ブロッククオートの追加
— – 水平線の追加
`..` – テキストをコードブロックに変換 (・・・をテキストに置き換える)
エディターの上部には、「ビジュアル」と「テキスト」の2つのタブがあります。これらは、エディタの表示をビジュアルエディタとテキストエディタの間で切り替えます。テキスト表示では、コンテンツを構成するHTMLコードを見ることができます。経験豊富なユーザーには便利な機能ですが、HTMLタグに慣れていない方にはお勧めできません。
新しい固定ページや投稿を作成する際には、まず一番上の入力欄にタイトルを入力します「タイトルを追加」。カーソルを下のエディタに移動すると、ページ用の新しいパーマリンクが作成されます。パーマリンクとは、個々の投稿、ページ、カテゴリーなどへの永続的なURLのことです。通常は必要ありませんが、パーマリンクの横にある「編集」ボタンをクリックすると、パーマリンクを手動で編集することができます。パーマリンクを編集したら、「OK」をクリックして保存し、「キャンセル」をクリックして変更を取り消します。
コンテンツが書き込まれるエディターの上部には、多数の書式設定ボタンがあります。ツールバートグルボタンをクリックすると、2行目の書式設定ボタンの表示/非表示を切り替えることができ、機能を追加することができます。エディターのボタンは、以下のような機能を持っています。
メディアを追加 – 画像、音声、動画、ドキュメントなどのメディアをアップロード、挿入する際に使用します。
スタイル – 現在のテーマで使用されているスタイルに基づいて、ページのテキストをフォーマットするために使用されます。
太字 – テキストを太くする
イタリック – テキストをイタリックにする
番号なしリスト – 順番のない(箇条書きの)リストを作成します。
番号付きリスト – 順番に並べられた(番号の付いた)リストを作成します。
引用 – 引用文を表示する方法として使用されます。これがどのように表示されるかは、現在使用しているサイトのテーマによって異なります。
左寄せ – テキストを左に整列させます。
中央揃え – テキストをページの中央に配置します。
右寄せ – テキストを右に整列させます。
リンクの挿入/編集 – 他のページやウェブサイトへのhtmlリンクを作成するのに使用します。最初にテキストが選択されていない場合は、入力されたURLがリンクテキストにも使用されます
「続きを読む」タグの挿入 – 「続きを読む」タグをページに挿入します。ほとんどのブログでは、記事の一部しか表示されず、記事の続きを読むには、記事のタイトルをクリックするか、「続きを読む」リンクをクリックする必要があります。記事に「続き」タグを挿入すると、タグの前の部分はすべてこの抜粋部分とみなされます。ほとんどの場合、このボタンは、ページではなく、ブログの記事を作成するときにのみ使用されます。
ツールバー切り替え – エディターツールバーの2列目のフォーマットボタンの表示/非表示を切り替えます。
取り消し線 – テキストに取り消し線を追加します。
横ライン – ページに水平線を挿入します。
テキスト色 – テキストの色を変更します。
テキストとしてペースト – 他のサイトやワードプロセッサからテキストをコピー&ペーストすると、期待していたものとは異なるフォーマットのテキストが残ることがあります。これは、元のテキストを整形したHTMLタグやコードが、テキストと一緒に貼り付けられてしまうことが多いためです。これを避けるために、「テキストとしてペースト」では、これらのフォーマットやHTMLタグをすべて取り除くことができます。「テキストとしてペースト」オプションはトグルのように動作し、ボタンを再度クリックしてオフにするか、ページの内容を保存するまでオンになります。
書式設定をクリア – ハイライトされたテキストからすべての書式設定(太字、下線、テキストカラーなど)を削除します。
特殊文字 – キーボードでは入力できない特殊な文字を挿入する場合に使用します(例:¼、½、¾、©、€、Öなど)。
インデントを減らす – 1レベルのインデントを削除します。
インデントを増やす – 1レベルのインデントを増やします。
元に戻す – 最後に行った操作を元に戻す
やり直す – 最後に行った操作をやり直す
キーボードショートカット – WordPressのビジュアルエディタに関する情報をキーボードショートカットとともに表示します。
ビジュアル/テキスト – エディタビューをビジュアルエディタとテキストエディタの間で切り替えます。テキスト表示では、コンテンツを構成するHTMLコードを見ることができます。経験豊富なユーザーにとっては便利な機能ですが、HTMLタグに慣れていない方にはお勧めできません。