【WordPress】初めてのWordPress『ブログ記事の投稿』について
2021/12/18
早速、新しいブログ記事を書いてみたいと思います。
※WordPressには、大雑把な区分けとして、プログ用のエディターとホームページ用のエディターが用意されています。
プログ用のエディターは、サイドメニューの「投稿」から、ホームページ用のエディターは、「固定ページ」からそれぞれ開始することになります。
今回は、ブログ記事なので「投稿」を使った紹介になります。
strong>Ⅰ．ブログを公開するまで
サイドメニューの「投稿」⇒「新規追加」をクリックすると新規投稿画面になります。
１．新規投稿画面（ビジュアルモード）
➀記事名を入力します。
➁記事（本文）を入力します。
➂「画像」を貼り付けます。
➃編集モードを切り替えます。
➄「公開」ボックス：記事を公開するとき、または、編集中の記事（下書き）を保存するときに使用します。
➅「カテゴリー」ボックス：記事のカテゴリーを設定します。
➆「タグ」ボックス：記事のタグを設定します。
➇「アイキャッチ画像」ボックス：トップページ等での記事一覧に表示する画像を設定します。
２．画像の貼り付け
１）本文の画像を貼り付けたい場所にカーソルをフォーカスします。
２）➂の【メディアを追加】をクリックすると、「メディアを挿入（ファイルをアップロード）」画面になります。
※ならない場合は「ファイルをアップロード」タブをクリック
３）【ファイルを選択】をクリックして、エクスプローラから貼り付けたい画像を選択します。（または、ドラッグ＆ドロップ）
４）「メディアを挿入（メディアライブラリ）画面に、選択したファイルの画像が表示されます。
５）サイズを選択します。
※サイズの「サムネイル」「中サイズ」「大サイズ」は、一般設定の「メディア」で予め設定しておきます。
【WordPress】インストール後、最初にして置きたいこと。（最初の投稿公開前）を参照。
６）【投稿に挿入】をクリック
で新規投稿画面（ビジュアルモード）に画像が表示されます。
・ビジュアルモードの場合、画像そのものが表示されます。
・テキストモードの場合は、＜img /＞タグが表示されます。
※「投稿」の編集モードには、「ビジュアルモード」と「テキストモード」があります。
・「ビジュアルモード」は、普通にワープロ感覚で文章を作成することができます。
（注意）「Enter」キーは、「改行」ではありません。「改行」したい場合は、「Shift」+「Enter」です。
・「テキストモード」は、HTML形式で編集します。
３．カテゴリーの設定
本文の作成が終了したら、カテゴリー等を設定していきます。
カテゴリー一覧から記事内容に相応しいカテゴリーを選択します。
カテゴリー一覧に存在しない場合は【＋新規カテゴリーを追加】をクリックして、新たなカテゴリーを作成します。
４．タグの設定
タグもカテゴリーと同様に、記事に相応しいキーワードを入力して【追加】します。
５．アイキャッチ画像の設定
１）【アイキャッチ画像を設定】をクリック
２）設定したい画像を「メディアライブラリ」の中から選択して【アイキャッチ画像を設定】をクリック
・トップページにおける記事一覧の「アイキャッチ画像」と「抜粋」
６．パーマリンクの編集
【下書きとして保存】をクリックすると、パーマリンクが表示されて編集ができるようになります。
パーマリンク設定で「xxxx/カテゴリー/投稿名」としたので、下記のように表示されています。
【編集】ボタンをクリックして半角英数字に編集し直すこともできます。
※投稿名の場合は、「スラッグ」ボックスに半角英数字を入力してもOKです。（「★★表示オプションの５）スラッグ」を参照）
７．記事の公開
記事を書き終えたら【プレビュー】ボタンをクリックし、内容を確認して問題なければ【公開】ボタンをクリックします。
これで、記事の投稿が完了します。
★★「表示オプション」について
・テーマ：「Twenty Sixteen」の表示オプション
※表示オプションは、「テーマ」や「プラグイン」によって変わってきます。
上記で紹介した以外のボックスについて紹介しておきます。
１）抜粋
「抜粋」は、トップページ等の記事一覧の記事要約に利用します。
※設定しないときは、本文の冒頭部分が表示されます。
２）トラックバック送信
投稿記事の中で参考にしたブログ等のURLを入力します。
※トラックバック（trackback）とは、別のブログのURLリンクを張ったときに、そのブログ（相手）に通知する仕組みのことです。
３）カスタムフィールド
カスタムフィールドとは、「名前」と「値」をセットにして、テンプレートファイルの中で利用します。いろいろなことができるようですが、中級者以上向けのようなので詳細は割愛。
４）ディスカッション
ディスカッションとは、「コメント」と「トラックバック」「ピンバック」のことです。
※「ピンバック」とは、WordPressの機能で、投稿記事の中で、URLリンクした場合に自動的に相手側に送信されます。この場合、相手側もWordPressでブログ作成をしている必要があります。
５）スラッグ
スラッグとは、個別の投稿（または固定）ページの識別名で、URLの一部として使用します。
※パーマリンク設定で「投稿名」（postname）を指定している場合は、URLの一部に表示されます。
Ⅰ．６．「パーマリンクの編集」をみると、日本語の記事名が「article」になっています。
６）作成者
複数人でブログ記事を投稿している場合に、投稿者を識別するための入力します。（普通は一人ですが）
※テーマによっては、作成者が表示されます。
Ⅱ．ブログ本文作成のテクニック
１．編集モード（ビジュアル）のツールバー
（記号の説明）
➀太字 ➁イタリック（斜体） ➂打ち消し（取り消し線） ➃番号なしリスト
➄番号付きリスト ➅引用 ➆横ライン ➇行揃え（左寄せ、中央揃え、右寄せ）
➈リンクの挿入/編集・削除 ➉「続きを読む」タグを挿入
※「ツールバーの切り替え」をクリックすることで、２段目のツールバーが表示されます。
⑪段落 ⑫スタイル ⑬下線 ⑭両端揃え ⑮テキストの色 ⑯テキストとしてペースト
⑰書式設定をクリア ⑱特殊文字 ⑲インデントを減らす/増やす ⑳取り消し/やり直し
・⑪段落⑫スタイル⑮テキストの色
・⑱特殊文字
・キーボードショートカット
２．編集モード（テキスト）のツールバー
（タグを挿入する）
➀太字 ➁イタリック（斜体） ➂リンクの挿入 ➃引用 ➄打ち消し（取り消し線）
➅追記 ➆画像の挿入 ➇番号のなしリスト ➈番号付きリスト ➉リストの項目
⑪プログラムコード ⑫「続きを読む」 ⑬「タグを閉じる」
・➂リンクの挿入
３．「メディアを挿入」画面での画像の編集
１）編集モードで、【メディアを追加】をクリック
２）「メディアを挿入」画面の「メディアライブラリ」タブで、編集したい画像をクリック
３）【画像を編集】をクリックすると「画像を編集」画面になります。
・「画面を編集」画面
・「画面を編集」画面でできること
➀トリミング：画像上において、カーソルで切り取る部分を指定してから、➀のボタンをクリック
➀’トリミングの縦横比率を指定可（比率を維持しながら切り取るには、Shiftキーを押しながらカーソル操作します）
➁回転（90度単位）
➂反転（上下、左右）
➃元に戻す/やり直し
➄サイズの変更（縮小のみ）
➅【保存】：編集が完了したら保存します。
➆変更の適用 ※すべての画像とは、「サムネイル」サイズ、「中」サイズ、「大」サイズのことです。
４．ビジュアル編集モードでの画像編集
１）画像をクリック⇒ホップアップメニューが表示されます。
２）編集ボタン（鉛筆マーク）をクリック⇒「画像詳細」画面が表示されます。
・「画像詳細」画面
・「画像詳細」画面でできること
➀キャプション：画像の下に入力したテキストが表示されます。
➁代替テキスト：画像が表示されない環境でのテキスト表示 ※検索エンジンが画像を認識するテキストでもあります。
➂配置：画像の位置
➃サイズ：「サムネイル」「中」「大」「フルサイズ」
➄リンク：通常は「なし」
ここまでは、画像を挿入するときに設定できます。後から変更するときは、こちらの方が便利です。
➅上級者向け設定：※今回は割愛
➆【更新】：変更が完了したら【更新】をクリック
５．カテゴリーの管理
投稿した記事をグループ分けしたいときに、各投稿記事にカテゴリーを設定します。既存のカテゴリーに当てはまらない場合は、新規に作成します。
サイドメニューの「投稿」⇒「カテゴリー」をクリック
・新規カテゴリーを追加
１）名前：カテゴリー名称で、日本語ＯＫ。
２）スラッグ：パーマリンクで使用します。半角小文字の英数字とハイフンのみ使用可。
３）親：カテゴリーは、階層管理（２層まで）できます。
６．タグの管理
投稿した記事にあるキーワードを設定します。サイドメニューの「投稿」⇒「タグ」をクリック
・新規タグを追加
※「タグ」ボックスでは、スラッグが設定できないので、こちらから編集しておきましょう。