2013年 09月 14日
投稿画面の基本操作
ビジュアルエディタの基本操作
WordPressには下図のようにツールバーで視覚的に文字をスタイリングできるビジュアルエディタがあります。
1スタイリングしたい文字範囲をドラッグして選択します。
2ツールバーの中からスタイリングしたい機能を選んでクリックします。
ビジュアルエディタを使った書式設定
アイコン | 内容 | 設定例 |
---|---|---|
なし | – | 書式設定 |
太字 | 書式設定 | |
打消し線 | ||
下線 | 書式設定 | |
テキスト色 | 書式設定 | |
背景色 | 書式設定 | |
フォントサイズ | 書式設定(18pt) | |
左寄せ | 書式設定 | |
中央揃え | 書式設定 | |
右寄せ | 書式設定 | |
インデント | 書式設定 | |
書式設定をクリア 当項目上部の画像赤枠にある書式設定は、このボタンで解除できます。 |
テーブル
以下のようなテーブルを作成できます。
例 | Example |
あいうえお | abcdefg |
※最初に行と列をいくつずつ作成するかを選択できます。
リスト
アイコン | 内容 | 設定例 |
---|---|---|
リスト |
| |
番号リスト |
|
リストは で「書式をクリア」する事ができないので、リストをやめる場合は、リストにしている範囲を再選択し、該当のリストアイコンをもう一度クリックすると解除されます。
リンクの挿入
アイコン | 内容 |
---|---|
リンクの挿入/編集 | |
リンクの削除 |
リンクを挿入したいテキストをドラッグして選択します。
をクリックすると、選択している文章にリンクを挿入、または編集(変更)が可能です。
1「http://~」から始まるリンク先のURLをここに挿入します。
2必須ではありませんが、リンク先とマッチする説明文があると検索エンジン対策になります。
3新しいウィンドウまたはタブでリンクを開かせたい場合はここをチェックします。
その他のビジュアルエディタの機能
アイコン | 内容 |
---|---|
絵文字の挿入 イメージ スマホ操作時は画面を拡大すしてタッチすると選択しやすいです。 | |
他の記事を引用する際などに引用部分をスタイリングする(以下例)
| |
ブログ記事の中の文字を検索したり、一斉に置換する事ができますので、記事を修正する際に便利です。 | |
一つ前の状態に戻す。 | |
戻る前の操作をやり直す。 | |
現在の記事のHTMLソースを確認・操作する事ができます。 |
記事に画像を挿入する。
画像を挿入したい箇所にカーソルを置いたら、をクリックします。
挿入する画像を選択するウィンドウが起ち上がります。
次にデスクトップにある画像を上記の赤枠エリアに、下記のようにマウスでドラッグして持っていきます。
1挿入したい画像をチェック()する。(チェックされていればそのまま)
2画像の挿入され方の設定を行う。
タイトル | 画像のaltとして使われます。 |
---|---|
キャプション | 画像にキャプションとして説明書きを入れたい場合はこちらに入力します。 |
代替テキスト | 画像のaltとして使われます。(タイトルより優先) |
説明 | 画像についての説明です。特に表面上には表示されません。 |
配置 | 左寄せ、右寄せ、中央ぞろえなど、画像の配置を決めます。 |
リンク先 | 画像をクリックした際のリンク先を設定します。なお、「メディアファイル」を選ぶと、Ligthboxで元画像がポップアップします。 |
サイズ | 元の画像を元に2~3種類のサイズが自動生成されておりますので、いずれかを選びます。 |
3設定が完了したら、「投稿に挿入」ボタンをクリックすると記事に画像が反映されます。
アイコン スタイリング スタイル テーブル ビジュアルエディタ メディア メディアの挿入 メディアの追加 リスト リンク リンクの挿入 投稿方法 書式設定 画像 表 装飾