マイパーツ

最終更新: 2026-03-15

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

> 管理画面メニュー: マイパーツ（アイコン: dashicons-layout）
> ショートコード: [my_parts_content id="123"]
> ブロック: lw-my-parts-embed
> このページのURL: https://lite-word.com/manual/my-parts/

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

基本仕様

項目	内容
カスタム投稿タイプ	`lw_my_parts`
タクソノミー	`lw_parts_cat`（カテゴリ）
公開設定	完全非公開（サイト訪問者には直接表示されない、検索にも出ない）
アクセス権限	管理者のみ
編集モード	Gutenbergエディタモード（デフォルト） / コードエディタモード
フル幅表示	`_lw_full_width` トグルで切り替え

設定手順

マイパーツを作成する

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

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

方法1: ブロック挿入

挿入したいページの編集画面を開く
ブロック挿入 → 「マイパーツ」 ブロック（lw-my-parts-embed）を追加
作成済みのマイパーツを選択

方法2: ショートコード

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

2つの編集モード

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

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

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

コードエディタモード

HTML + CSS + JavaScript を直接記述する。メタキー _lw_editor_mode を code に設定すると切り替わる。

3つの入力フィールド: HTML / CSS / JavaScript
細かいデザイン調整や独自アニメーションを付けたい場合に最適
フルスクリーンエディタで広い画面で編集可能

ショートコード

基本形

[my_parts_content id="123"]

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

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

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

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

パフォーマンス最適化

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

最適化項目	説明
CSS事前読み込み	ページ内のマイパーツのCSSを `` に先行挿入（プリロード）
JS遅延読み込み	JavaScriptは `` 前に挿入
重複排除キャッシュ	同じパーツが複数回挿入されてもCSS/JSは1回だけ出力

使い方のヒント

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

FAQ

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

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

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

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

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