現在このブログはテーマSWELLを使っています。
また、JINのアップデートによりカスタマイズ機能が増えている場合もあります。ご了承ください。
ワードプレスのテーマ JIN はカスタマイズ機能が豊富なので、初心者でもマニュアルに沿うだけで素敵なブログが出来上がると有名!
でも「ここ、こうだったらなぁ」なんて部分はコソコソとカスタマイズしたくなる…。
ちょっぴりカスタマイズするだけで、差別化にも繋がるし愛着もわきますよね。
初心者の私でもできた、JINのおすすめカスタマイズや参考サイトをご紹介いたします♡
![](https://hichoco-blog.com/wp-content/uploads/2020/08/S__19570712.jpg)
バックアップとってからやってみてくださいね!
JINはカスタマイズ機能が豊富!
JIN公式サイトでは初心者でも分かりやすいマニュアルが用意されています!
また私が書いたレビュー記事にて、おすすめ機能など紹介しています(^^)
![](https://hichoco-blog.com/wp-content/uploads/2018/06/アイキャッチ015-230x129.jpg)
![](https://hichoco-blog.com/wp-content/uploads/2018/06/アイキャッチ015-230x129.jpg)
では、さっそくJINのおすすめカスタマイズをご紹介していきます~♪
パソコン記事内表示のフォントを太くするカスタマイズ
パソコンで表示される文字の線が細いなぁと…ずっと思っていたのでちょっぴり太くしてみました。
before
![JIN角丸文字before](https://hichoco-blog.com/wp-content/uploads/2019/01/maru-before.png)
![JIN角丸文字before](https://hichoco-blog.com/wp-content/uploads/2019/01/maru-before.png)
after
カスタマイズ方法は下記の記事で説明しています。
![](https://hichoco-blog.com/wp-content/uploads/2019/03/アイキャッチ019-230x129.jpg)
![](https://hichoco-blog.com/wp-content/uploads/2019/03/アイキャッチ019-230x129.jpg)
画像をクリッカブルにする
JINでは画像を入れ込むと、クリックしたときのリンク先を選ぶことができます。
ただリンク先に飛ぶと、画面が切り替わってしまい「戻るボタン」を押さないといけないので、めんどくさいですよね。
プラグインの「Easy FancyBox」を導入すると、ひょこんっと画像が手前に出るだけになります!
こんな感じ
![JIN画像クリッカブル](https://hichoco-blog.com/wp-content/uploads/2019/01/S__59138185-300x300.jpg)
![JIN画像クリッカブル](https://hichoco-blog.com/wp-content/uploads/2019/01/S__59138185-300x300.jpg)
ただ参考の記事のまま設定していると、alt属性の文字がスマホで見た時に画像とかぶってしまうので、設定で下記のチェックを外すことをおすすめします。
- 設定でAppearanceにある
「Show title. FancyBox will try to get a title from the link or thumbnail title attributes.」
「内部リンクに続きを読むを追加」をカスタマイズ
![](https://hichoco-blog.com/wp-content/uploads/2020/09/naibu-600x169.jpg)
![](https://hichoco-blog.com/wp-content/uploads/2020/09/naibu-600x169.jpg)
右下の「続きを読む」は初期設定だとありません。これがあるだけで、クリックしたくなりますよね。
ブログ内の回遊率にもつながるので、ぜひカスタマイズしてみてください~!
「パンくずリストを上部へ」カスタマイズ
パンくずリストってなあに?って話ですよね。えぇ、分かります。
こうゆうの!
![《JINカスタマイズ》ぱんくずリスト上部へ](https://hichoco-blog.com/wp-content/uploads/2019/01/S__59031557-640x150.jpg)
![《JINカスタマイズ》ぱんくずリスト上部へ](https://hichoco-blog.com/wp-content/uploads/2019/01/S__59031557-640x150.jpg)
JINの初期設定だと記事の一番下にあるのですが、一番上に持ってくることで回遊率を高めることが期待されます。(他のテーマはほぼ一番上にあります)
こちらのカスタマイズは、サーバーのファイルマネージャーやFTPソフトを使ってファイルをアップロードする必要があるので、ちょぴっと難易度高めです!
スマホメニューをカスタマイズ
固定バージョン
![JINスマホ固定メニューカスタマイズ](https://hichoco-blog.com/wp-content/uploads/2019/01/S__59080770-300x300.jpg)
![JINスマホ固定メニューカスタマイズ](https://hichoco-blog.com/wp-content/uploads/2019/01/S__59080770-300x300.jpg)
ボタンバージョン
![JINスマホボタンメニューカスタマイズ](https://hichoco-blog.com/wp-content/uploads/2019/01/S__59080771-300x300.jpg)
![JINスマホボタンメニューカスタマイズ](https://hichoco-blog.com/wp-content/uploads/2019/01/S__59080771-300x300.jpg)
こちらはJINがアップデートした時に追加された機能で、スマホのボタンメニュー!
- 固定メニューは、なじんですっきりさせたい人向き!
- スマホボタンメニューは、目立たせたい人向き!
また、さらにくまさん(@Bearface18)のカスタマイズで、もともとのボタン表示の「+」から「≡」に変更することもできます!こちらはくまさんを支援するとカスタマイズが見れますよ♡
「プラグインのRinker(リンカー)」をカスタマイズ
パソコン表示
![](https://hichoco-blog.com/wp-content/uploads/2020/09/rinker-600x154.jpg)
![](https://hichoco-blog.com/wp-content/uploads/2020/09/rinker-600x154.jpg)
スマホ表示
![](https://hichoco-blog.com/wp-content/uploads/2019/03/S__59080773-400x400.jpg)
![](https://hichoco-blog.com/wp-content/uploads/2019/03/S__59080773-400x400.jpg)
JIN使用にカスタマイズされたものなので雰囲気にぴったり!
色も自分の好みにすることができる上に、スマホだとボタンが大きくなるためボタンが押しやすい♪
タイムラインを作るカスタマイズ
ずーっとほしかったタイムライン…!
JINにはもともとないので、他のテーマがうらやましいなぁと思ってて…ブログデザイナーのぽんひろさん(@ponhiroo)にお願いしてみたんですよね、、
そしたら、もう!めちゃくちゃ可愛いデザインのタイムラインが…!!
こんなかんじに
![](https://hichoco-blog.com/wp-content/uploads/2020/09/timeline-600x275.jpg)
![](https://hichoco-blog.com/wp-content/uploads/2020/09/timeline-600x275.jpg)
カテゴリーごとに色の変更
![JINカスタマイズカテゴリーの色](https://hichoco-blog.com/wp-content/uploads/2019/01/S__59080772.jpg)
![JINカスタマイズカテゴリーの色](https://hichoco-blog.com/wp-content/uploads/2019/01/S__59080772.jpg)
アイキャッチ画像の左上にカテゴリー名が表示されるかと思います!
カテゴリーごとに色を変えると、ユーザーが好きなカテゴリーの記事を見つけやすくなるのでおすすめです~♪
やりかた
- ダッシュボードを開く
- 投稿一覧クリック
- カテゴリーをクリック
- カテゴリーの編集をクリック
- カテゴリーの色で好みの色を選ぶ
メニューバーをグラデーションにカスタマイズ
![メニューをグラデーションにするカスタマイズ](https://hichoco-blog.com/wp-content/uploads/2019/05/0003-600x270.jpg)
![メニューをグラデーションにするカスタマイズ](https://hichoco-blog.com/wp-content/uploads/2019/05/0003-600x270.jpg)
カスタマイズ方法は下記の記事で説明しています。
![](https://hichoco-blog.com/wp-content/uploads/2019/05/アイキャッチ021-230x129.jpg)
![](https://hichoco-blog.com/wp-content/uploads/2019/05/アイキャッチ021-230x129.jpg)
さらにアイキャッチ画像や配色デザインでブログの色が出る!
また、アイキャッチ画像はブログの顔!さらに配色にこだわることで、そのブログに合った雰囲気作りができますよね!
下記記事では、アイキャッチ画像の作り方や、配色や素材のおすすめサイトを紹介しています♡
![](https://hichoco-blog.com/wp-content/uploads/2018/07/アイキャッチ016-230x129.jpg)
![](https://hichoco-blog.com/wp-content/uploads/2018/07/アイキャッチ016-230x129.jpg)
ワードプレスのカスタマイズ沼に注意。
カスタマイズする目的はユーザーファーストが1番ですが、やや自己満なところも。笑
ですが、せっかくお金を出してテーマを買ったんですもの!とことんこだわって愛着たっぷりのブログにしたいですよね♪
デザインも含めてブログ運営を楽しんでいきましょ~!
お読みいただきありがとうございました♡
コメント