![](https://prelissdesign.com/wp-content/uploads/2022/06/2558066-150x150.jpg)
カラフルで作ったLP(固定ページ)にウィジェットを入れて一括表示させたい
![](https://prelissdesign.com/wp-content/uploads/2023/11/IMG_4693-150x150.png)
![](https://prelissdesign.com/wp-content/uploads/2023/11/IMG_4693-150x150.png)
![](https://prelissdesign.com/wp-content/uploads/2023/11/IMG_4693-150x150.png)
基本、カラフルで固定ページにウィジェットを入れる方法はありません
複数の固定ページにウィジェットを入れたいことありますよね。(ステマ対策で、LPにPR表記をしたい場合など)
一般的に投稿ページならウィジェットを入れることができるのですぐ解決します。
でもカラフル(Colorful)の場合、固定ページ対応のウィジェットはありません。(カラフル運営に問い合わせ済み)
複数のLP固定ページに一斉表記する方法がないか調査しました。
基本、固定ページに一斉表記はできない
残念ですがカラフルの固定ページにウィジェットなどで一斉表記はできません。
となると、手動でひとつひとつのLPにコピペしていくしかないですよね。。
そうなると管理が大変だし、どのLPに入れたか分からなくなってしまいます。
そこで他にいい方法がないか調べてみました。
カラフル(Colorful)の固定ページに一斉表記する方法
ステマ対策の例として「※ 当サイトではアフィリエイト広告を利用しています」の文章を、固定ページに一括で入れる方法を解説します。
①テーマオプションを使う方法
![](https://prelissdesign.com/wp-content/uploads/2023/10/18ef33c73e9b4451a42679f98c37b699-1024x458.png)
![](https://prelissdesign.com/wp-content/uploads/2023/10/18ef33c73e9b4451a42679f98c37b699-1024x458.png)
![](https://prelissdesign.com/wp-content/uploads/2023/11/IMG_4693-150x150.png)
![](https://prelissdesign.com/wp-content/uploads/2023/11/IMG_4693-150x150.png)
![](https://prelissdesign.com/wp-content/uploads/2023/11/IMG_4693-150x150.png)
この方法が最適化かと思います
見本LPを作りました。最上部にPR表記がありますので、参考にどうぞ。
>>見本LPはこちら
- ウィジェットとほぼ同じ働き(固定ページに一括で要素を入れることが可能)
- 要素の変更をしたい時は上級・全体HFを編集すれば全て反映される
- 場所指定はできない(ヘッダーかフッターのみ)
- ヘッダーの場合最上部にしか入らない
- 全ての投稿ページにも入ってしまう
![](https://prelissdesign.com/wp-content/uploads/2023/11/IMG_4693-150x150.png)
![](https://prelissdesign.com/wp-content/uploads/2023/11/IMG_4693-150x150.png)
![](https://prelissdesign.com/wp-content/uploads/2023/11/IMG_4693-150x150.png)
投稿ページにも表示されてしまうので注意
カラフル バージョン4.0以降対応
テーマオプションは、ブログ機能(投稿ページ)を強化するための設定なのですが、固定ページにも反映できるので、これを使います。
1:上級・全体HFに新規追加
▼ダッシュボード→上級・全体HF→新規追加
![](https://prelissdesign.com/wp-content/uploads/2023/10/f3aef2fbd474c0569fb33d5d7e80e51f.png)
![](https://prelissdesign.com/wp-content/uploads/2023/10/f3aef2fbd474c0569fb33d5d7e80e51f.png)
2:要素を入れて保存
![](https://prelissdesign.com/wp-content/uploads/2023/10/9a122204ac9b0f5314f8a887eadbefd1-1024x322.png)
![](https://prelissdesign.com/wp-content/uploads/2023/10/9a122204ac9b0f5314f8a887eadbefd1-1024x322.png)
タイトルは表示されないので、自分がわかりやすいタイトルを入れましょう。
今回は、「※ 当サイトではアフィリエイト広告を利用しています」のみ入れました。
最後に保存してください。
3:テーマオプション設定
▼ダッシュボード→外観→テーマオプション
![](https://prelissdesign.com/wp-content/uploads/2023/10/f86b6de40cff51925925980e14b73f13.png)
![](https://prelissdesign.com/wp-content/uploads/2023/10/f86b6de40cff51925925980e14b73f13.png)
▼下にスクロールし、ヘッダーのところでさっき作ったタイトルを選択します。
![](https://prelissdesign.com/wp-content/uploads/2023/10/fd9d01fb48db18cae1bb3f03f4806cda.png)
![](https://prelissdesign.com/wp-content/uploads/2023/10/fd9d01fb48db18cae1bb3f03f4806cda.png)
▼その下の「固定ページ設定」をONにします。
![](https://prelissdesign.com/wp-content/uploads/2023/10/4878d470ce8cbb6a5ec165ab33fcd5e9.png)
![](https://prelissdesign.com/wp-content/uploads/2023/10/4878d470ce8cbb6a5ec165ab33fcd5e9.png)
▼以上で、全ての固定ページの最上部にステマ対策の文章を入れることができました。
![](https://prelissdesign.com/wp-content/uploads/2023/10/05fb710b920a4f799f33378d36431a1b-1024x668.png)
![](https://prelissdesign.com/wp-content/uploads/2023/10/05fb710b920a4f799f33378d36431a1b-1024x668.png)
>>見本LPはこちら
Widgets On Pagesプラグインを使う方法
![](https://prelissdesign.com/wp-content/uploads/2023/10/6786269bb53a744babf9342b45d3367f-1024x655.png)
![](https://prelissdesign.com/wp-content/uploads/2023/10/6786269bb53a744babf9342b45d3367f-1024x655.png)
- ウィジェットを固定ページで表示できる
- 表示したい位置に自由に配置できる
- 要素の変更は一箇所を修正すればいいので管理が楽
- 全てのLPを開いてコードをコピペする必要があり、めんどくさいかも
- 最新WordPressのバージョンで未検証なのがちょっと不安
1:プラグインをインストール
「Widgets On Pages」を検索してインストールし、有効にします。
2:ウィジェットを追加する
▼外観→ウィジェットに行くと、新しいウィジェット「Widgets On Pages1」ができています。
![](https://prelissdesign.com/wp-content/uploads/2023/10/7729262df1890ff03a5ef8068ca7eed4-1.png)
![](https://prelissdesign.com/wp-content/uploads/2023/10/7729262df1890ff03a5ef8068ca7eed4-1.png)
3:ウィジェットに要素を入れる
▼+ボタンを押して、今回は段落を選び、文章を入れます。
![](https://prelissdesign.com/wp-content/uploads/2023/10/2e870da249504ff745bf5d81314c7a6d.png)
![](https://prelissdesign.com/wp-content/uploads/2023/10/2e870da249504ff745bf5d81314c7a6d.png)
できたら右上の更新ボタンを押して保存します。
Turbo Sidebars移動してショートコードをコピー
▼ダッシュボード→Widgets On Pages→Turbo Sidebars
![](https://prelissdesign.com/wp-content/uploads/2023/10/bdf08213eadd58402aac416dcdcdd44b.png)
![](https://prelissdesign.com/wp-content/uploads/2023/10/bdf08213eadd58402aac416dcdcdd44b.png)
▼ページを開いてショートコードをコピー
![](https://prelissdesign.com/wp-content/uploads/2023/10/31faa33d5df92e00ace0e394091db677.jpg)
![](https://prelissdesign.com/wp-content/uploads/2023/10/31faa33d5df92e00ace0e394091db677.jpg)
4:ショートコードを各固定ページに貼り付けて完成
![](https://prelissdesign.com/wp-content/uploads/2023/10/31c221c005e21fc3cc8afd0245a4a511-1024x272.png)
![](https://prelissdesign.com/wp-content/uploads/2023/10/31c221c005e21fc3cc8afd0245a4a511-1024x272.png)
LPの好きな場所にショートコードを貼り付ければ、ウィジェット内で設定した内容が表示されます。
まとめ:カラフルの固定ページにウィジェットを入れる方法
- テーマオプションを使う
- Widgets On Pagesプラグインを使う
![](https://prelissdesign.com/wp-content/uploads/2023/11/IMG_4693-150x150.png)
![](https://prelissdesign.com/wp-content/uploads/2023/11/IMG_4693-150x150.png)
![](https://prelissdesign.com/wp-content/uploads/2023/11/IMG_4693-150x150.png)
他にいい案があったら教えてください
今のところこの2パターンかなと思います。
カラフルについて運営に聞いても解決できない疑問点があれば、コメントかお問合せください。調査して解決方法を考えます。
コメント