管理画面での更新(WordPressテーマ版)

このサンプルサイトには、WordPressの自作テーマ版もあります。施工事例とお知らせは、お客様が管理画面から追加・修正でき、保存するとサイトに反映されます。有料のプラグインは使っていません。

施工事例の一覧

管理画面の施工事例の一覧
左のメニューに「施工事例」「お知らせ」を置き、迷わず開けるようにしています。

施工事例の編集

施工事例の編集画面。工事の種類・建物・工期・費用・地域の入力欄
工事の種類・建物・工期・費用・地域は決まった入力欄に入れます。サイトの表の形は崩れません。この画面では「地域」を変更しています。

更新後のサイト表示

更新後のトップページの施工事例。地域が変更されている
保存すると、トップページの施工事例に変更が反映されます。

編集者のアカウントの管理画面

編集者でログインした管理画面。左のメニューはダッシュボード・お知らせ・施工事例・メディア・プロフィール
お客様にお渡しする「編集者」のアカウントで開いた画面です。設定や外観のメニューは出ません。

テーマの内容

施工事例カスタム投稿タイプ(works)。写真はアイキャッチ画像、表の項目はカスタムフィールド
お知らせ標準の「投稿」を「お知らせ」という名前で表示
お客様のアカウント「編集者」の権限。左のメニューはダッシュボード・お知らせ・施工事例・メディア・プロフィールだけになります
使用技術PHP、HTML、CSS、WordPressのブロックエディタ(有料プラグインなし)

操作を試せるデモ

ブラウザの中で動くWordPress(WordPress Playground)で、このテーマを開けます。登録は要りません。管理画面にログインした状態で始まり、閉じると内容は消えます。

WordPress版を開く(Playground)

開くまで10秒ほどかかります。