【WordPressで記事を投稿しよう】コーディングはほぼ必要ありません。

さあ、それでは今回は記事を投稿するところまでやっていきましょう。

記事を投稿しよう！

記事を投稿しよう！

というわけで、記事の投稿自体はあまり難しくないので一緒に頑張っていきましょー！
まずは左のサイドバーの「投稿」から「新規追加」をクリックします。

そうすると、こういう画面になりますよね。
まずは「タイトルを追加」にタイトルを記入しましょう。
入力したら、右上の「公開」ボタンをクリック。

タイトルを入力したらサイトの方ではこんな感じで表示されます。
ちなみに、左側の画像はアイキャッチ画像というものです。(※NO IMAGEとなっているところ)
アイキャッチ画像の設定も後ほどやっていきますね。

ブロックという考え方

次に、一つ目のブロックに、なんでもいいんですけど”テスト”と言う文字を連続で入力してEnterを押すと、次のブロックが出てきますよね。
まずは、この使い方を覚えてください。
※記事はこのブロックの積み重ねでできてます！
試しに、一つ目のブロックの”テスト”を連続で入力した部分をコピーして、二つ目のブロックに貼り付けてみましょう。

ちなみに、右上のプレビューというボタンを押すと確認できるのでクリックしてみましょう。

“テスト”のブロックが二つに分かれていますよね。
当たり前のようですが、すごく大事な考え方です。(※コーディングが分かる人は分かると思います。)
これ改行と似てるんですけど違くて、
ちなみに改行はSHIFTキーをを押しながらをEnterを押すとできます。

それじゃあ、二つ目の”テスト”のブロックの2行目の真ん中あたりにカーソルを持ってきて二回改行してみましょう。
見た目だけでいったら、三つのブロックに分かれたように見えますが、ブロックは二つですよね？
二つ目のブロックは改行が入っているだけで、ブロックとしては一つです。

じゃあわかりやすく次はブロックに色をつけてみましょう。
一つ目のブロックにカーソルを合わせて、
右側のサイドバーの色をクリックして背景色を選択します。
※サイドバーが出ていない方は、右上の歯車のマークをクリックすると出てくると思います。

そうする背景色が変わりますよね。同じ要領で文字色も変えられます。

さあもう勘の良い方は気づいてると思うんですけど、ブロックの考え方がなぜ大事かは次で分かります。
二つ目のブロックにカーソルを合わせて同じ要領で背景色を変えてみましょう。

こういうことなんです。ブロックは全部で２つですよね。
基本的にこのブロックごとでデザインしていくことになるので、そこを意識しながら改行と使い分けるといいと思います。

画像の挿入

この画像の挿入に関しても、やっぱり一つのブロックです。
ブロックの中に画像を入れるというイメージです。
ブロックを追加すると、右側に➕マークが出てくるのでクリックします。
そうすると、いくつか項目が出てきます。この中に「画像」という項目がない場合は、下の全て表示をクリックして探していくとあると思います。

そうすると、このようなブロックが追加されますよね。
これが画像挿入用のブロックです。

それじゃなんでも良いので何か好きな画像をアップロードしてみましょう。
ファイルを選択からでもいけますし、画像をドラッグ&ドロップでもいけます。

僕はコスモスの画像にしました。
プレビューで見てみましょう。
ちゃんと反映されてますよね。

画像の挿入はこんな感じです。

アイキャッチ画像の設定

さあここで、画像の挿入を覚えたついでにアイキャッチ画像の設定をしましょう！
アイキャッチ画像の作り方は
【WordPressで記事を投稿しよう】アイキャッチ画像の作り方でご紹介していますので、今回は適当な画像でも構いません。
右側のサイドバーからアイキャッチ画像をクリックしてアイキャッチ画像を設定をクリック。
後は先ほどの画像の挿入と要領は同じです。
簡単ですよね！