Sponsor

WordPressの投稿/ブロックエディッタとサイドバー

WPの記事の見出しの例 未分類
WPの記事の見出しの例
Sponsor

WordPress 投稿画面のメニュー

歯車アイコンや右上の三点メニューでサイドバーが表示されます。

  • +でブロックエディッタを追加
  • 歯車アイコン 投稿やブロックの設定をするサイドバー
  • 三点メニュー エディッタのモードを設定するサイドバー

サイドバー(投稿・ブロックの設定)

歯車アイコンをクリックで、サイドバー(投稿・ブロックの設定)が表示されます。

WP サイドバー(投稿・ブロックの設定)
WP サイドバー(投稿・ブロックの設定)

ブロックの設定で、ブロック内の色指定などできます。

サイドバー(フルスクリーンモード解除など)

右上の三点メニューをクリックすると、エディッタのモードなどを設定できるサイドバーが表示されます。

WP サイドバー(フルスクリーンモード解除)
WP サイドバー(フルスクリーンモード解除)

フルスクリーンモードの解除は、三点メニューをクリックするとサイドバーが表示され、そこで設定できます。

ブロックエディッタ(Gutenberg)

投稿は、+をクリックしながら。ブロックを積み上げていくイメージです。

  1. ページのタイトルを書く
  2. +見出し(H2タグ)を選択
  3. +段落(Pタグ)を選択
  4. +画像

+をクリックすることで、様々なブロックを選べます。

WordPressの投稿 ブロックエディッタ(Gutenberg)
WordPressの投稿 ブロックエディッタ(Gutenberg)

ウェブサイトの見出しについて

見出しは「Hタグ」H1が一番大きな文字で、H1~H6まで指定できます。見出しはテーマによりデザインされていますが、自分でデザインや文字のサイズの変更もできます。

通常

  • h1はタイトルで使われているので、使わない
  • まずh2を見出しに使う
  • h2の下に小見出しを付けるならh3、h3の下に小見出しを付けるならh4

Googleクローラー(webサイトの情報を収集するロボット)のためにははh2→h3と、順番通りに記述した方が良いようです。

WordPressの記事の見出しの例

この記事はすべての見出しブロックはh2です。h3、h4も良く使います。

WordPressの記事の見出しの例
WordPressの記事の見出しの例

星評価や白抜き、タグボックス、テーブルもブロックエディッタで記事内に入れて行きます。テーマやプラグインをインストールすることでブロックエディッタは増えます。

WordPress 段落の挿入と設定

段落(Pタグ)を挿入、右のサイドバーで色の変更などできます。

  1. +で段落(P)を選択
  2. 文字を入力(太文字やリンクができる)
WordPress 段落の挿入と設定
WordPress 段落の挿入と設定
  1. 歯車アイコンをクリック
  2. ブロックタブを開く
  3. 編集したいブロックをクリック
  4. 文字色や背景色の指定ができる
WordPress 段落の挿入と設定
WordPress 段落の挿入と設定

画像なども同じ手順で記事に入れていきます。

画像の挿入について

記事に利用する画像のファイル名やサイズ等については下のリンクをご参考下さい。

WordPress ブログを始める時に必要な画像の準備 - WordPressをもっと簡単に/ゆきを
Sponsor サイト制作にあった方がいい画像一覧 サイトアイコン 512×512px AMPロゴサイズ 幅600px、高さ60px以下 サイトアイコン 訪問者がわかりやすいように、サイトアイコンを設定しておいた方が良い
新しいタブで開く)

画像ファイルとアップロード先

メディアを開くとアップロードした画像ファイルの一覧があり、アップロード先がリンクされています。投稿画面から画像をアップロードすると、アップロード先がリンクされます。メディアでアップロードした場合、アップロード先がリンクされません。

メディアでアップロードした後に投稿画面からメディアを選択した場合

  • アップロード先がリンクされない

投稿画面からアップロードまたはメディアライブラリ→ファイルをアップロードした場合

  • アップロード先がリンクされる

メディアでアップロードした後に投稿画面からメディアを選択した場合

画像のアップロード先
画像のアップロード先

投稿画面からアップロードまたはメディアライブラリ→ファイルをアップロードした場合

画像のアップロード先
画像のアップロード先

1つの記事に複数枚の画像を一度にアップロードする場合、アップロード先がリンクされる方法

  1. 画像を選択をクリック
  2. メディアライブラリを選択
  3. ファイルをアップロードタブを開く
  4. 画像をアップロードする(複数枚も可能)
  5. 画像を選択する

投稿画面からメディアライブラリ→画像をアップロードする

画像のアップロード先
画像のアップロード先