職業訓練ユニット15|WordPressの基本操作 (18時間)

WordPressのイメージ画像 WordPress
Wordpress編画像

ユニット15では、WordPressの基本操作を学びました。
WordPressは「記事を書くだけ」で終わらず、分類(カテゴリー/タグ)・導線(メニュー/内部リンク)・見え方(スマホ)まで含めて“運用”だと感じました。この記事では、初心者が迷いやすいポイントを手順として残します。

この記事でわかること(3つ)

  • 投稿/固定ページの使い分け

  • カテゴリー・タグ・メニュー設定の基本

  • 公開前チェック(表示・リンク・SEOの最低限)

学習内容の全体像(ユニット15でやったこと)

  • 管理画面の基本操作

  • 投稿/固定ページの違い

  • カテゴリー/タグの整理

  • 画像(メディア)とブロック編集

  • メニュー設定(ヘッダー・フッター)

基本設定(最初にここだけ押さえる)

  • 投稿:時系列で増える記事(ユニット日記など)

  • 固定ページ:プロフィール/お問い合わせ/ユニット一覧など“土台”

  • カテゴリーは「大枠」、タグは「検索用のキーワード」

  • 迷ったら、先に「カテゴリー設計」を決める

ユニット15の作業手順(私の手順メモ)

  1. まずカテゴリーを決める(増えた時に迷わない)

  2. 記事を書く(h2中心で構造化)

  3. アイキャッチ・画像を入れる(重すぎない)

  4. カテゴリー・タグを設定

  5. 内部リンク(前後/関連)を入れて回遊を作る

  6. メニューに必要ページを追加

  7. プレビュー(PC/スマホ)→ 公開

つまずいた点と解決(原因→対処)

  • 例1:保存したのに反映されない
    → 原因:下書きのまま/キャッシュ/別ページを見ている
    → 対処:公開状態を確認→プレビューを使う→必要ならキャッシュをクリア

  • 例2:メニューに追加したいのに出てこない
    → 原因:ページが下書き/表示条件の違い
    → 対処:公開状態を確認→メニュー設定でチェックを入れて保存

  • 例3:スマホで崩れる
    → 原因:画像サイズ・余白・見出し階層の乱れ
    → 対処:画像を適正サイズに→余白調整→h2/h3を整える

提出前チェックリスト(1分で確認)

  • 目的のカテゴリーに入っている

  • 内部リンク(前後/関連)が動く

  • PC/スマホで崩れがない

  • アイキャッチが設定されている

  • 公開状態・パーマリンクが想定どおり

学習のコツ(初心者向け)

  • WordPressは「運用前提」で整えると後が楽(分類と導線)

  • 迷ったら「固定ページにまとめ、投稿からリンクする」

  • 分からない点は“手順メモ”として残すと、次の投稿が早い

まとめ|次に読むおすすめ

参考(外部リンクと授業動画タイトル)

公式ヘルプ(分からない時はここ)

<授業動画タイトル>
授業動画が視聴できないため、下の「授業動画タイトル一覧」は“チェックリスト”として活用しています。
タイトルから作業内容が想像できない場合は、同じキーワードで公式ヘルプを検索して補います。

WordPressの基本操作
WordPress補足事項
1-1「Wordpressの開発環境」
1-2「開発環境(windows)」
1-3「開発環境(macos)」
05「投稿の作成」
06「画像の挿入」
07「画像の編集機能」
08「画像の保存場所と大きさの設定」
09「ブロックエディターの使い方」
10「ブロックエディターの各機能」
11「コードエディター」
12「パーマリンクの設定」
13「アイキャッチ画像の設定」
14「カテゴリーによる投稿の分類」
15「タグとカテゴリーの違い」
Webサイト制作演習「復習タイム①」
16「投稿の抜粋機能」
17「固定ページの作成」
18「ナビゲーションメニュー」
19「投稿のステータス」
20「投稿日時の変更」
21「プラグインの利用」
22「SEO SIMPLE PACK」
23「ユーザーの管理」
24「Gravatarでのアバター画像設定」
25「ユーザーの権限グループ」
26「User Role Editerプラグイン」
27「ウィジェット機能によるフッターの編集」
28「テーマのカスタマイズ機能」
29「その他の設定項目」
30「Wordpressサイトのリセット」
31「ブログサイトを構築しよう①」
32「ブログサイトを構築しよう②」
Webサイト制作演習「復習タイム②」
練習問題①
「Wordpress」練習問題①
WordPressのテーマ開発(環境構築)
2-1「Wordpressのテーマについて」
2-2「テンプレートの階層」
2-3「QueryMonitorの活用」
2-4「テーマの最小構成」
2-5「子テーマの作成」
WordPressのテーマ開発
(オリジナルブログの制作) 3-1「今回使用するテーマについて」
3-2「PHPについて」
3-3「テンプレートタグ」
3-4「基本のテンプレートタグ」
3-5「戻り値と変数」
3-6「if構文による投稿表示」
3-7「インデントの調整」
3-8「投稿のループ表示」
3-9「投稿日の表示」
3-10「抜粋の表示」
3-11「投稿個別ページの作成」
3-12「パーツファイル(ヘッダー、フッター)」
3-13「テンプレートタグの設定」
3-14「その他のパーツ化」
3-15「投稿の詳細ページ」
Webサイト制作演習「復習タイム③」
3-16「アイキャッチ画像の設定」
3-17「アイキャッチ画像の設定②」
3-18「変数・配列」
3-19「投稿の個別ページ」
3-20「固定ページのテンプレート」
3-21「関数の作成」
3-22「パーマリンクの設定」
3-23「お問い合わせのプラグイン」
3-24「お問い合わせフォームの実装」
3-25「カテゴリーとタグ」
3-26「カテゴリーページの作成」
3-27「タグページの作成」
3-28「ページネーション①」
3-29「ページネーション②」
3-30「メニューの作成」
3-31「メニューの実装」
3-32「エスケープ処理」
3-33「ブログサイトの仕上げ」
Webサイト制作演習「復習タイム④」
練習問題②
「Wordpress」練習問題②
習得度確認テスト
WordPress「習得度確認テスト」

コメント