マイパーツ — 使い方マニュアル

> こんな質問に答えます:
> - 同じパーツを複数のページで使い回したい
> - 共通パーツを1箇所で管理したい
> - マイパーツの使い方を教えて

> 別名・よくある呼び方: 共通パーツ、使い回しパーツ、テンプレート部品、再利用ブロック、マイパーツ、ショートコード

> 管理画面メニュー: マイパーツ
> ショートコード: [my_parts_content id="123"]
> このページのURL: https://lite-word.com/manual/my-parts/

再利用可能なコンポーネントを作成・管理する機能。共通パーツやカスタムセクションを1箇所で管理し、複数ページに挿入できる。

基本仕様🔊

設定手順🔊

マイパーツを作成する

1. WordPress管理画面 → 「マイパーツ」 メニューを開く
2. 「新規追加」 をクリック
3. タイトルを入力する（例: 「共通CTA」「お知らせバナー」）
4. 編集モードを選択する（Gutenbergエディタモード or コードエディタモード）
5. パーツの内容を作成する
6. 必要に応じて フル幅表示 をONにする
7. 必要に応じて カテゴリ で分類する
8. 「公開」 をクリック

マイパーツをページに挿入する

方法1: ブロック挿入

1. 挿入したいページの編集画面を開く
2. ブロック挿入 → 「マイパーツ」 ブロックを追加
3. 作成済みのマイパーツを選択

方法2: ショートコード

1. マイパーツ一覧で該当パーツの投稿IDを確認
2. ページ内に [my_parts_content id="123"] を記述（123は実際のID）

2つの編集モード🔊

Gutenbergエディタモード（デフォルト）

WordPress標準のブロックエディタで編集する。LiteWordのカスタムブロックも使用可能。

• コードを書かずにパーツを作成できる
• ブロックエディタに慣れている人向け

コードエディタモード

HTML + CSS + JavaScript を直接記述する。編集画面で「コード」モードに切り替えると使用可能。シンタックスハイライト付き。

• 3つの入力フィールド: HTML / CSS / JavaScript
• 細かいデザイン調整や独自アニメーションを付けたい場合に最適

フルスクリーンコードエディタ

コードエディタモードからフルスクリーン表示に切り替え可能。リアルタイムプレビュー付きで、コードを書きながら即座に結果を確認できる。

ショートコード🔊

基本形

[my_parts_content id="123"]

IDは管理画面のマイパーツ一覧で確認可能。

下書き状態のパーツも表示する

[my_parts_content id="123" show_draft="true"]

公開前のプレビュー確認に便利。

パフォーマンス最適化🔊

マイパーツは以下の最適化が自動的に行われる。

使い方のヒント🔊

1. 共通CTAを作成 — お問い合わせ誘導セクションをマイパーツ化して全ページに配置。更新は1箇所だけ
2. お知らせバナー — キャンペーン告知をマイパーツで一元管理。終了時は1箇所削除するだけ
3. フル幅セクション — コードエディタモード + フル幅ONで、画面いっぱいのカスタムセクションを作成
4. 下書き活用 — 本番反映前に show_draft="true" でプレビュー確認

FAQ🔊

Q: マイパーツはサイト訪問者に直接見られますか？
A: いいえ。マイパーツは完全に非公開です。サイト訪問者に直接URLで表示されることはなく、検索にも出ません。ショートコードやブロックで挿入した箇所にのみ内容が表示されます。

Q: マイパーツを編集できるのは誰ですか？
A: 管理者（administrator）のみです。

Q: コードエディタモードに切り替えるには？
A: マイパーツの編集画面で編集モードの設定を「コード」に変更してください。

Q: 同じパーツを1ページに複数回挿入した場合、CSSやJSは重複しますか？
A: いいえ。重複排除キャッシュにより、同じパーツのCSS/JSは1回だけ出力されます。

Q: フル幅表示とは何ですか？
A: 編集画面のフル幅表示トグルをONにすると、コンテナ幅を無視して画面いっぱいにパーツが表示されます。

関連ページ🔊

• カスタムウィジェット
• ウィジェットエリア一覧と使い方
• カスタマイズ・子テーマ・カスタムCSS

最終更新: 2026-03-21