はじめに

WordPressの管理画面にログインできたら、まず覚えていただきたい3つの基本操作をご案内します。

  • 投稿:ブログ記事や症例報告など、日々更新するコンテンツ
  • 固定ページ:トップページ、料金表、アクセスなど、変わらないコンテンツ
  • メニュー:サイト上部のナビゲーションバー

管理画面へのログイン方法

  1. ブラウザで https://あなたのドメイン/wp-admin/ にアクセス
  2. ユーザー名とパスワードを入力してログイン

ログインすると「ダッシュボード」が表示されます。左側のメニューからすべての操作ができます。


1. 投稿の作成・編集

「投稿」は、日付順に並ぶコンテンツです。ブログ、症例報告、お知らせなどに使います。

新しい投稿を作成する

左メニュー「投稿」→「新規投稿を追加」をクリックします。

ブロックエディタが開きます。以下がブロックエディタの全体像です。

WordPressブロックエディタの設定画面(日本語)

▲ ブロックエディタ:左が編集エリア、右がブロック設定サイドバー(WordPress.org日本語版より)

  1. タイトルを入力(例:「肩こりでお悩みの方へ」)
  2. 本文エリアに文章を入力
    • +」ボタンでブロックを追加(見出し・画像・リストなど)
    • よく使うブロック:段落、見出し、画像、リスト

ブロックの追加方法(アニメーション)

▲ 「+」を押してブロックを追加する操作(WordPress.org公式より)

  1. 右サイドバーでカテゴリーを選択
  2. アイキャッチ画像を設定(記事一覧に表示されるサムネイル)
    • 右サイドバー →「アイキャッチ画像」→「アイキャッチ画像を設定」
  3. 下書き保存」で一時保存 / 「公開」で公開
スラッグ(URL)は英語で:投稿のURLは日本語ではなく、英語またはローマ字で設定してください。
例:「肩こりについて」→ スラッグは katakoristiff-shoulder
コツ:まずは「下書き保存」で保存し、プレビューで確認してから公開すると安心です。
プレビューは右上の「プレビュー」→「新しいタブでプレビュー」から。

ブロックの編集・削除

ブロックの変更と設定(アニメーション)

▲ ブロックの種類を変更したり設定を調整する操作(WordPress.org日本語版より)

不要なブロックは、ブロックを選択して右上の「⋮」→「削除」で消せます。

ブロックの削除方法

▲ ブロックの削除(WordPress.org日本語版より)

既存の投稿を編集する

  1. 左メニュー →「投稿」→「投稿一覧」
  2. 編集したい記事のタイトルをクリック
  3. 修正したら「更新」をクリック

2. 固定ページの作成・編集

「固定ページ」は、日付に関係なく常に同じ場所に表示されるページです。

主な使い方:

  • トップページ
  • 当院について(自己紹介)
  • 施術メニュー・料金
  • アクセス
  • お問い合わせ
  • お客様の声

新しい固定ページを作成する

左メニュー →「固定ページ」→「新規固定ページを追加」をクリック。操作方法は投稿とほぼ同じです。

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

投稿 固定ページ
用途 ブログ・お知らせ・症例 トップ・料金・アクセス
並び順 日付順(新しい順) 自由に設定可能
カテゴリー あり なし
更新頻度 頻繁に追加 たまに修正

3. メニューの設定

サイト上部のナビゲーションバーに表示する項目を設定します。

メニューの追加方法(動画)

メニューを作成・編集する(テキスト手順)

左メニュー →「外観」→「メニュー」をクリック。

メニュー画面の全体像(日本語)

▲ メニュー画面の全体像(WordPress.org日本語版より)

  1. メニュー名を入力(例:「メインメニュー」)して「メニューを作成」
  2. 左側の「固定ページ」一覧から、メニューに追加したいページにチェック →「メニューに追加」
  3. ドラッグ&ドロップで表示順を変更
  4. メニュー設定で「Header Navigation」にチェック
  5. 「メニューを保存」をクリック

メニューへの項目追加(日本語)

▲ 固定ページをメニューに追加する操作(WordPress.org日本語版より)

おすすめのメニュー構成(治療院の場合):
ホーム | 当院について | 施術メニュー・料金 | お客様の声 | アクセス | ご予約・お問い合わせ

サブメニュー(ドロップダウン)を作る

メニュー項目をドラッグして少し右にずらすと、上の項目のサブメニューになります。

サブメニューの作り方(日本語)

▲ ドラッグで右にずらすとサブメニューになる(WordPress.org日本語版より)

メニューをサイトに表示する

メニューの表示位置設定(日本語)

▲ 「メニュー設定」で表示位置を選ぶ(WordPress.org日本語版より)


4. 画像のアップロード

  1. 本文エリアで「+」ボタンをクリック
  2. 画像」ブロックを選択
  3. アップロード」からパソコン内の画像ファイルを選択
  4. 画像が本文に挿入されます
画像のaltタグを忘れずに:画像をクリック → 右サイドバーの「Altテキスト(代替テキスト)」に画像の説明を入力してください。
例:「〇〇整体院の施術室」「肩こり施術の様子」
(詳しくは SEOポイントページ を参照)

5. ページの複製(Duplicate Pageプラグイン)

投稿一覧 or 固定ページ一覧で、記事タイトルにカーソルを合わせると「複製」リンクが表示されます。

似た構成のページを作るとき、ゼロから作るより効率的です。


困ったときは

困りごと 対処法
操作を間違えた Ctrl + Z(元に戻す)
間違えて公開してしまった 投稿一覧 →「クイック編集」→ ステータスを「下書き」に変更
画面がおかしい Ctrl + Shift + R(キャッシュクリア+再読み込み)
それでも解決しない 杉浦までご連絡ください