「JIN」カスタマイズ方法:ウィジェットとは主に「サイドバー」に設置できる、プロフィール、検索窓、カレンダー、Twitter表示、などを「部品」のように自由に組み替えて設定できる機能です。
「サイバー」や「フッター」エリアを使うのが一般的です。
ウィジェットで代表的なものは以下があります。
- 検索窓
- お問い合わせ
- バナー広告
- 新着記事欄
- 画像
- Twitterのタイムライン表示
これらをウィジェット(ブログパーツ)としてサイドバーなどに設置する項目。
「JIN」カスタマイズ方法:ウィジェット
![「JIN」カスタマイズ方法:ウィジェット](https://coccoblog.org/wp-content/uploads/2020/06/ef253d1f81fc50b19185a7900c5140d2-640x360.jpg)
「JIN」カスタマイズ方法:ウィジェットの設定画面
今回はわかりやすいように、WordPressの管理画面「ダッシュボード」の「外観」→「ウィジェット」から解説します。
![「JIN」カスタマイズ方法:ウィジェット](https://coccoblog.org/wp-content/uploads/2020/06/17d49f2badd04c772106a787ad0fbfd9-640x360.png)
テーマ「JIN」ではウィジェットエリアが「サイドバー」から「フッター右」まで計10コありますね。
![「JIN」カスタマイズ方法:ウィジェット](https://coccoblog.org/wp-content/uploads/2020/06/46509f815c0d5f94869651cc8f132ee2-640x360.png)
![「JIN」カスタマイズ方法:ウィジェット](https://coccoblog.org/wp-content/uploads/2020/06/766789c1c9a17505d665721e08be9169-640x360.png)
各エリアを開くと「中身」が表示されます。
中身が何もなければそのエリアには表示されませんし、「サイトデザイン設定」や「トップページ設定」の選択したスタイルによっても表示のON/OFFがわかれます。
例:フッターのカラム数「3 or 4」など。
追加したいウィジェットをカーソルで開いたエリアにもってくるだけで、カンタンに作る事が可能!
上下の並び順も「ドラッグ&ドロップ」でできちゃいます。
上の画像の設定だと、実際には冒頭の画像のようなトップページのサイドバー表示になります。
![「JIN」カスタマイズ方法:ウィジェット](https://coccoblog.org/wp-content/uploads/2020/06/09ee0db22ee197dcb0ebef51656df74c-640x360.png)
これはテーマJINのウィジェット画面です。
そして人によって作成したウィジェットの組み合わせなどは、当然違うので参考として考えてくださいね!
よく使うウィジェット:「おすすめ記事」
あなたのおすすめ記事をズラッと紹介できます、アピールしちゃいましょう!
![「JIN」カスタマイズ方法:ウィジェット](https://coccoblog.org/wp-content/uploads/2020/06/50a2c7d2240cdb70dc8c585d9e0c9ac7-640x360.png)
![「JIN」カスタマイズ方法:ウィジェット](https://coccoblog.org/wp-content/uploads/2020/06/c9d845ea590060e074aaa5b65f3a939b-640x360.png)
![「JIN」カスタマイズ方法:ウィジェット](https://coccoblog.org/wp-content/uploads/2020/06/23ff40e797989bc4c72662d07d61e0f3-640x360.png)
![「JIN」カスタマイズ方法:ウィジェット](https://coccoblog.org/wp-content/uploads/2020/06/bcc501318c4466771d8f6036ba3c7b12-640x360.png)
表示数をあまり多くしてしまうと、サイトの縦スクロールが長くなるので注意!
よく使うウィジェット:「テキスト」
テキストは超便利!
記事投稿と同じ要領で、作成し表示させる事ができるよ。
![「JIN」カスタマイズ方法:ウィジェット](https://coccoblog.org/wp-content/uploads/2020/06/37604b22cdf6a7d333610c2227b9ed73-640x360.png)
![「JIN」カスタマイズ方法:ウィジェット](https://coccoblog.org/wp-content/uploads/2020/06/7a6f6b37ed5468a13c8b2430a359d30f-640x360.png)
複数作ることもできるので、一番イチオシの記事などを表示させるのにも役立ちますね。
よく使うウィジェット:「カスタムHTML」
これはあなたが自由に「HTML」を使って表示したいものを作れるパーツです。
主に「広告のバナー」を表示させたり、「Twitterのタイムライン表示」に使われたりしますね。
![「JIN」カスタマイズ方法:ウィジェット](https://coccoblog.org/wp-content/uploads/2020/06/766260507d08de1fcd58b424fcb39aae-640x360.png)
![「JIN」カスタマイズ方法:ウィジェット](https://coccoblog.org/wp-content/uploads/2020/06/58c4e6c7116602afeb862512c8fe6bd0-640x360.png)
基本、HTMLなら何でも表示できるので応用がききますね。
ここにはよくアフィリエイト広告を貼る人が多い。
ASP(広告提供会社)はまとめて、登録してしまおう、無料だよ~。
よく使うウィジェット:「プロフィール」
このウィジェットを使わない人はいないのでは?というくらい定番。
![「JIN」カスタマイズ方法:ウィジェット](https://coccoblog.org/wp-content/uploads/2020/06/6fce8455037d8041c9d71212c953d00b-640x360.png)
プロフィール文章のコツは「改行」を表すタグ「 <br> 」です。
これを要所、要所でいれながらPC画面とスマホ表示でも見え方を確認しましょう!
よく使うウィジェット:「アーカイブ」
「アーカイブ」とは履歴で、閲覧しやすいようにまとめられた「記事の保管庫」
基本的には一定の期間ごとに表示されます。
![「JIN」カスタマイズ方法:ウィジェット](https://coccoblog.org/wp-content/uploads/2020/06/42d4f275213970bb27441855f2eb0abb-640x360.png)
僕の場合だと11月、12月は頑張って記事を書いてますね、笑。
よく使うウィジェット:最新の投稿【アイキャッチ画像付き】
最新記事を目立たせたい時に使うウィジェット。
できたてホヤホヤの新記事は読者も食いつきやすいです。
![「JIN」カスタマイズ方法:ウィジェット](https://coccoblog.org/wp-content/uploads/2020/06/a172400a98862507613aedc414f74e69-640x360.png)
これも表示数を増やしすぎると、縦に長くなるので注意です!
よく使うウィジェット:「メタ情報」
「メタ情報」とはサイト管理者のあなたがサイト上からログインして、管理画面にいける便利なパーツになりますが、読者には関係ありませんよね?
読者がログイン画面を見てたら不気味ですし、笑。
結論、要らないので外しましょう!
![「JIN」カスタマイズ方法:ウィジェット](https://coccoblog.org/wp-content/uploads/2020/06/0886b9336a75c0ceb15062a33e9aa59f-640x360.png)
以上が今回のウィジェットの解説になります!
たくさん追加できるウィジェットメニューがあるので、試してみてくださいね。
欲張って入れすぎるとごちゃごちゃになるので注意です。
JINカスタマイズ設定:初心者への具体的なアドバイス
- ウィジェットの基本的な使い方を覚えよう
- 主にサイドバー or フッターで使いこなそう
- 「サイドバー追尾」に広告は読者に嫌がられやすいよ
- メタ情報は外す
- ウィジェットを詰め込みすぎないこと
次の設定はコチラ
![【完全版】WordPress「JIN」のカスタマイズ設定で、ブログ初心者を卒業する方法](https://coccoblog.org/wp-content/uploads/2020/06/5d771c075cc549d211a53645160e3019-320x180.png)