本マニュアルは、ホロスプランニングのWebサイト（holos.jp）における「オフィス情報の写真追加・変更」の操作手順を説明する引き継ぎ用資料です。
オフィス情報はWordPressの固定ページではなく、独自のSQLiteデータベース管理画面（WordPress管理画面内のカスタムメニュー）で管理されています。写真ファイルはサーバー上の専用ディレクトリに保存されます。
オフィスページの仕組みを理解するために、以下の構成を把握してください。
| 管理画面URL | https://www.holos.jp/wp-admin/admin.php?page=sqlite_db_management |
|---|---|
| データベース | /var/www/vhosts/holos.jp/httpdocs/office/db/data.db（SQLite） |
| 画像保存先 | /var/www/vhosts/holos.jp/httpdocs/office/img/ |
| 画像URL | https://www.holos.jp/office/img/（ファイル名） |
| 公開ページ | https://www.holos.jp/office/?detail=（slug名） |
| オフィス一覧 | https://www.holos.jp/office/ |
| テーマファイル | wp-content/themes/holosplaning/functions.php |
| img01（オフィス外観） | オフィス一覧ページのサムネイル ＋ 詳細ページのメインビジュアルに使用 |
|---|---|
| img02（紹介画像1） | 詳細ページの「オフィス紹介01」セクションに表示（office_txt01の説明文とセット） |
| img03（紹介画像2） | 詳細ページの「オフィス紹介02」セクションに表示（office_txt02の説明文とセット） |
| img04（紹介画像3） | 詳細ページの「オフィス紹介03」セクションに表示（office_txt03の説明文とセット） |
既存オフィスの写真を差し替える場合は、サーバー上の画像ファイルを上書きする方法で行います。
左メニューの「オフィスDB管理」をクリック、または以下のURLに直接アクセスします。
https://www.holos.jp/wp-admin/admin.php?page=sqlite_db_management
画面にオフィス一覧がグリッド表示されます。対象オフィスの「○○オフィスの詳細/編集」ボタンをクリックすると、アコーディオンで詳細フォームが開きます。
フォーム内の「オフィス外観」「オフィス紹介01〜03の画像」欄に、現在登録されている画像ファイル名が表示されています。
ct_office_（オフィス名slug）_img0X.jpg です。例: ct_office_kyoto_img01.jpgサーバーの管理パネル（Pleskなど）のファイルマネージャー、またはFTPクライアント（FileZilla等）でサーバーに接続します。
以下のパスに移動します。
/var/www/vhosts/holos.jp/httpdocs/office/img/
手順4で確認したファイル名とまったく同じファイル名で、新しい画像をアップロードします。
ブラウザのキャッシュをクリアするか、シークレットウィンドウで公開ページを確認します。
公開ページURL: https://www.holos.jp/office/?detail=（slug名）
新しいオフィスを追加する場合は、管理画面から画像アップロードも含めて一括で登録できます。
画面上部の「新規追加」リンクをクリックすると、入力フォームが展開されます。
| URLパラメータ（slug） | 半角英数字でオフィスのスラッグを入力（例: kyoto） |
|---|---|
| ページタイトル | オフィスの正式名称（例: 京都オフィス） |
| 地域 | 所属する地域（例: 近畿地方） |
| 表示順(昇順) | 一覧ページでの表示順番。数字が小さいほど上に表示 |
| 住所 | 郵便番号付きの住所 |
| 電話番号 / FAX | 各番号 |
| 登録番号 | 募文登録番号（空にすると将来設計士紹介セクションが非表示に） |
| グーグルマップのURL | Google Maps Embed の src URL |
| アクセス情報 | アクセス方法の説明文 |
| オフィス紹介01〜03 | 各画像に対応する説明テキスト |
フォームの画像欄（オフィス外観、オフィス紹介01〜03の画像）で「ファイルを選択」をクリックし、それぞれの写真を選択します。
ct_office_（slug名）_img01.jpg のような形式。同名ファイルが既存の場合は上書きされます。すべての入力が完了したら「新規追加する」ボタンをクリックして登録します。
登録後、https://www.holos.jp/office/?detail=（入力したslug） で表示を確認します。
住所・電話番号・説明文などのテキスト情報は管理画面から直接編集可能です。
変更したいオフィスのボタンをクリックして編集フォームを開きます。
各テキスト入力欄の値を変更します。
フォーム下部の「更新」ボタンをクリックして変更を保存します。
| ファイル形式 | JPG（推奨）、PNG、WebP も可 |
|---|---|
| img01（外観）推奨サイズ | 横1400px × 縦865px 以上（一覧ではトリミング表示） |
| img02〜04 推奨サイズ | 横630px × 縦630px 以上（正方形推奨） |
| ファイルサイズ上限 | サーバーのPHPアップロード制限に依存（通常2〜8MB） |
| 命名規則 | ct_office_（slug名）_img0X.jpg（01〜04） |
サーバーの画像ディレクトリには、一部のオフィスで .jpg.webp 形式のファイルも保存されています。これはWebP形式のキャッシュファイルです。
画像を差し替えた場合、対応する .webp ファイルも削除または更新しないと、ブラウザがキャッシュされた古い WebP ファイルを表示し続ける場合があります。
対応方法: 画像を上書きアップロードした後、同じファイル名に .webp が付いたファイル（例: ct_office_kyoto_img01.jpg.webp）がある場合は削除してください。サーバーが自動的に新しいWebPファイルを生成します。
Q1: 画像を変更したのに反映されない
原因: ブラウザキャッシュまたはWebPキャッシュファイルが残っている可能性があります。
対処: Ctrl+Shift+R でスーパーリロードするか、対応する .webp ファイルを削除してください。
Q2: 新規追加で画像がアップロードできない
原因: PHPのアップロード上限サイズを超えている、またはファイル形式が非対応の可能性があります。
対処: 画像を圧縮して再度お試しください。推奨は1MB以下です。
Q3: オフィスの表示順を変えたい
対処: 各オフィスの「表示順(昇順)」の数値を変更してください。数字が小さいほど上（左）に表示されます。
Q4: オフィスを一覧から非表示にしたい
対処: 編集フォームの deleted_flg を「1」に設定して「更新」してください。再度表示するには「0」に戻します。
Q5: 管理画面にオフィスDB管理メニューが表示されない
原因: 管理者権限（manage_options権限）がないアカウントでログインしている可能性があります。
対処: 管理者アカウントでログインしてください。
将来的にシステムの改修が必要になった場合の参考情報です。
| functions.php | オフィスDB管理画面のPHPコード（管理画面のフォーム、DB登録/更新処理） |
|---|---|
| office/index.php | 公開側のオフィスページ（一覧 + 詳細ページの表示ロジック） |
| office/db/data.db | SQLiteデータベース本体（office_tbテーブル） |
| office/img/ | オフィス画像の保存ディレクトリ |
| office/css/style_office.css | オフィスページ専用のCSS |
| office/js/script_office.js | オフィスページ専用のJavaScript |
本マニュアルの内容は 2026年2月16日 時点のものです。システム改修があった場合は内容を更新してください。