WordPress   ※当サイトのコンテンツには広告が含まれる場合があります。

WordPressの管理画面とブログ構成要素ガイド【図解】

2022-05-29 yume-tada

wordpress-dashboard-and-blog-components

WordPressの使い方がわからない

Worried
お悩みさん

WordPress管理画面と作成するページ構成の関係が知りたい

findout
お調べさん
ゆめただのり
ゆめただ

Webサイトの構成要素を、WordPressの管理画面のどこで作成すればいいかまとめました。

ブログの構成要素どこで作ればいいかが分かってしまえば、作業は各段に早くなります!

本記事でわかるコト

ブログの構成要素(メニュー、お問合せページ、プロフィールページ等)をWordPressの管理画面のどこで作成すればいいかがわかります。

基本的なブログの構成要素を知ることができます。

この記事を書いた人【ゆめただ】

この記事を書いた人
track?id=8172&type=classic&u=59b32ca5 3cb0 478e a433 83d324ff7706

WordPressの管理画面(ダッシュボード)

WordPressの管理画面です。ダッシュボードとも言います。

管理画面で行う作業の概要です。

WordPress管理画面で行う作業

  • 各種初期設定
  • カテゴリの登録・作成
  • メニューの登録・作成
  • 固定ページの作成(お問合せ・免責事項・サイトマップ・プロフィール)
  • 記事の作成・投稿
ダッシュボード_WordPress
WordPress管理画面(ダッシュボード)

ブログの構成要素とWordPress管理画面

ゆめただのり
ゆめただ

ブログの基本的な構成要素と、それらを作成するためのWordPressの管理画面をまとめました。

知りたい要素をクリックしてください。

Webサイト画面画面 Webサイト画面画面 Webサイト画面画面 Webサイト画面画面 Webサイト画面画面 Webサイト画面画面 Webサイト画面画面 Webサイト画面画面 Webサイト画面画面 Webサイト画面画面 Webサイト画面画面 Webサイト画面画面 Webサイト画面画面
ブログサイトの基本構成要素

管理画面

【設定】-【一般】

 管理画面の「設定」ー「一般」をクリックする。

arrow-down
キャッチフレーズ
キャッチフレーズ設定画面

ブログサイト基本構成要素に戻る

管理画面

【設定】-【一般】

 管理画面の「設定」ー「一般」をクリックする。

arrow-down
サイトタイトル

ブログサイト基本構成要素に戻る

管理画面

【投稿】-【カテゴリ】

 管理画面の「投稿」ー「カテゴリ」をクリックする。

arrow-down
カテゴリ
カテゴリ設定画面

ブログサイト基本構成要素に戻る

管理画面

【外観】-【メニュー】

 管理画面の「外観」ー「メニュー」をクリックする。

arrow-down
ヘッダーメニュー
ヘッダーメニュー設定画面

ブログサイト基本構成要素に戻る

管理画面

【固定ペ-ジ】-【新規追加】

 管理画面の「固定ページ」ー「新規追加」をクリック、ContactFormプラグインを使用します。

arrow-down
お問合せ
お問合せページ設定画面(固定ページ)
arrow-down

\ContactFromプラグインの設定方法を見る/

関連記事
why-contact-form-is-necessary
【Contact Form 7の使い方】定番プラグインでお問合せフォームを設置しよう!

続きを見る

ブログサイト基本構成要素に戻る

管理画面

【外観】-【ヴィジット】 または 

【投稿】-【新規追加】ブロックエディタ操作

 管理画面の「外観」ー「ヴィジット」をクリック、設定したい位置にヴィジットをドラッグ&ドロップして設定します。

 または、

 管理画面の「投稿」ー「新規追加」をクリック、記事中の設定したい位置に検索ブロックを設定します。

arrow-down
検索ヴィジット
検索(ヴィジット)設定画面
検索ブロックエディタ
検索(ブロックエディタ)編集画面

ブログサイト基本構成要素に戻る

管理画面

【固定ペ-ジ】-【新規追加】

 管理画面の「固定ページ」ー「新規追加」をクリック、ContactFormプラグインを使用します。

arrow-down
プロフィール1
プロフィール設定画面(1/2)
プロフィール2
プロフィール設定画面(1/2)

ブログサイト基本構成要素に戻る

管理画面

【投稿】-【新規追加】

 管理画面の「投稿」ー「新規追加」をクリックします。

arrow-down
記事
arrow-down

\具体的な記事の書き方を見る/

関連記事
how-to-write-blog-article
初心者向けブログ記事の書き方【投稿計画~サイト設計まで】

続きを見る

ブログサイト基本構成要素に戻る

管理画面

【メディア】-【新規追加】

 管理画面の「メディア」ー「新規追加」をクリックします。

arrow-down
アイキャッチ画像
メディアライブラリ登録・編集画面

ブログサイト基本構成要素に戻る

管理画面

【固定ペ-ジ】-【新規追加】

 管理画面の「固定ページ」ー「新規追加」をクリックしてページを追加します。

arrow-down
免責事項
免責事項ページ設定画面(固定ページ)

ブログサイト基本構成要素に戻る

管理画面

【外観】-【メニュー】

 管理画面の「外観」ー「メニュー」をクリックする。

arrow-down
フッターメニュー
フッターメニュー設定画面

ブログサイト基本構成要素に戻る

管理画面

【固定ペ-ジ】-【新規追加】

 管理画面の「固定ページ」ー「新規追加」をクリック、PS Auto Sitemapプラグインを使用します。

arrow-down
お問合せ
お問合せページ設定画面

ブログサイト基本構成要素に戻る

WordPress管理画面とブログ構成要素表

「ブログの構成要素」と「WordPress管理画面」の関係を、表にまとめました。

No.ブログ基本構成要素WordPress管理画面操作
1キャッフレーズ【設定】-【一般】
2サイトタイトル【設定】-【一般】
3カテゴリ【投稿】-【カテゴリ】
4ヘッダーメニュー【外観】-【メニュー】
5お問い合わせペ-ジ【固定ペ-ジ】-【新規追加】
PS Auto Sitemapプラグインを使う
6検索【外観】-【ヴィジット】
【投稿】-【新規追加】ブロックエディタ操作
7プロフィール【ユ-ザ-】-【プロフィ-ル】
8記事【投稿】-【新規追加】
9アイキャッチ画像【メディア】-【新規追加】
10免責事項【固定ページ】-【新規追加】
11フッターメニュー【外観】-【メニュー】
12サイトマップ【固定ペ-ジ】-【新規追加】
PS Auto Sitemapプラグインを使う
WordPress管理画面とブログ構成要素表
ゆめただのり
ゆめただ

ブログサイトの基本要素がわかったら、さっそく自分のブログを作成しましょう!

スマホサイトの画面編集については、こちらの記事が参考になります!

関連記事
setup-way-of-wordpress-mobile-screen
WordPressのスマホ画面設定方法【図解】

続きを見る

-WordPress