ほぼほぼ完成です。

《6》固定ページ

WordPressには、固定ページと投稿ページがあります。
トップページや会社・お店の紹介、飲食メニューなど、更新はするけれど、単独の記事の場合には、固定ページを使います。
一方、スタッフブログや当サイトのような備忘録的なものは、連続するページで書きたいですよね。その場合は投稿ページを使います。
編集画面はどちらもそれほど変わりません。1番の違いは投稿ページは『カテゴリー』がある点です。

編集画面を開いてみる

新規>固定ページ

下図のように「新規>固定ページ」をクリックします。

 

固定ページ 編集画面

図上がビジュアルエディターで、図下がコードエディターです。
切り替えは右上赤枠のボタンで表示を開いて選択します。
どちらも水色枠がページのタイトルです。
ビジュアルエディターは緑枠のブロックで制御されます。
コードエディターはHTMLタグが使えます。

 

ビジュアルエディターを使ってみる

見出し

最初のブロックに見出しを入れてみます。Tをクリックします。
図下のように表示されるので、見出しのサイズを選んで見出しのタイトルを入力します。
H2で「見出し2」と入れてみました。
通常の本文はそのまま文字入力でOKです。
エンターキーまたはリターンキーで次のブロックが表示されます。

 

段落ツール

次のブロックに本文を入れました。
ブロックの上に出るツールが見出しとは違っていますね。
各々のサンプルを図にしました。

 

左右のツール

左のピンク枠のツールでピンク破線のようにブロックタイプを変更できます。
右の赤枠のツールは詳細設定です。不要なブロックは削除できます。

 

メディアを追加

画像の追加

画像の追加ボタンをクリックします。
図下のようにアップロード前の画像は、デスクトップやフォルダからアイコンをドラッグすればアップロード完了です。うまくいかない場合はアップロードを試してください。

 
アップ済みの画像を使う場合はメディアライブラリから選択します。

 

画像の設定

追加された画像はこのように表示されます。
黄色枠のどちらかで画像の詳細設定ができます。

 

プレビューしてみる

ここまでの作成分をサイトで確認(プレビュー)してみます。
いきなりプレビューボタンをクリックではなく、何らかの形で保存が必要です。[下書きとして保存](または公開する)をクリックしてからプレビューします。

 
下がプレビュー例です。

 

公開

固定ページが完成したと仮定して、公開する手順です。

パーマリンク

(1)タイトル 欄をクリック して、(2)編集 をクリックします。
どちらかの (3) でパーマリンクを編集できます。
パーマリンクは日本語でもOKですが、なるべくは 半角英数小文字が望ましいです。
(4)完成したら公開するをクリックします。

 

パーマリンクスラッグ画像
この項では固定ページを紹介しましたが、投稿ページでも『パーマリンク』は必須です。トップページが https://example.com のサイトの場合、
https://example.com/home/ や https://example.com/mypage-1/ のようにURLの一部になります。後から紹介する「投稿ページのスラッグ」も考えようによっては『パーマリンク』の一種みたいな感じです。
カテゴリーのスラッグを『movie』にした場合、カテゴリーアーカイブは、
https://example.com/category/movie/ となります。
movie』というカテゴリーで映画のブログを書く場合は、投稿ページの『パーマリンク』を『movie-1』『movie-2』『movie-3』や『movie_1』『movie_2』『movie_3』と言う風にしていけばわかりやすいですよね。ここで大事なのは、『パーマリンク』も『スラッグ』もURLの一部だと言う事です。
一度使ったものは同じURLになるため使えません。

それは画像でも同じ事で、『movie-1』の投稿記事に『movie-1.jpg』という画像を挿入したい場合、.jpg が付いてるから別物だと思いますよね。
https://example.com/wp-content/uploads/movie-1.jpg
と、URLではなります。

でも、WordPressでは画像のタイトルとして『movie-1』を割り当てるのです。
数ページ分の記事を書いて、ザーッと先に画像をアップした場合、投稿記事のパーマリンクを設定しようとしたら、画像に先にタイトルで取られてしまっていた、、、ということが起こります。

なので、スラッグパーマリンク画像名 と言う優先順位で文字列を割り当てるようにするといいと思います。
(例)『movie』>『movie-1』>『movie-1-1.jpg』
固定ページの場合:
about』>『about-1.jpg』『about-gazou.jpg』等。