設定方法

JINへの追加機能も全てカスタマイザーからワンクリックカスタマイズ

CARATで追加した機能は今までのJIN同様全てカスタマイザーからボタン1つでカスタマイズすることができます。

りょうた
りょうた
カスタマイズの方法が一緒ならわかりやすいね!

設定箇所や方法などは以下に記載しておりますので、活用してみてください!

フォント(Open Sans,游明朝体)の追加

フォントの変更方法CARATでは今までのJINのフォント3種類に加えてもう2種類フォントを追加しました。 今回追加したフォントは「Open Sans...

サイトデザイン設定

サイドバーデザイン選択

CARATでは今までのJINのサイドバーカスタマイズに加え、さらに4種類のデザインカスタマイズを追加しました。

サイドバーデザイン変更方法CARATでは今までのJINのサイドバーデザインに加え、新たに4種類デザインを追加しています。 自分のブログのデザインと照らし合わ...

記事エリアのデザイン選択

記事エリアは今まで枠線があるかないか等のシンプルなデザインでしたが、CARATでは新たに1種類デザインを追加しよりカスタマイズの幅を広げました。

エリアデザインのカスタマイズ方法CARATではJINの標準機能に加え新しく1種類記事エリアのデザインを追加しました。 【注意】 記事エリアを変えると...

グローバルメニューのアニメーション

PC時のグローバルメニューのアニメーションやスマホ時のハンバーガーメニューのアニメーションを新しくカスタマイズしました。

より見やすいリンクにユーザーの回遊率のアップを目論んでいます。

グローバルメニューのアニメーション設定方法CARATではグローバルメニューのカスタマイズをPC時とSP時で複数追加しています。 より見やすく、それでいてタップしやすいデザイ...

ページ遷移のアニメーション

今までJINではページ遷移時のアニメーションがあまりなくシンプルなイメージでしたがCARATでは新たに2種類追加し、期待感を煽れるブログへと変化させることができます。

ページ遷移時のアニメーション設定方法CARATではページ遷移のアニメーションを新たに2種類追加しました。 それでは設定方法をご紹介します。 設定方法...

スマホスライドメニューデザインの追加

スマホスライドメニューを追加しました。JIN専用のアイコンを使いより見やすくタップしやすいデザインにしています。

スマホスライドメニューのデザイン設定方法今回のアップデート(Ver 1.1.6)で新しくスマホスライドメニューのデザインを追加しました。 JINでは独自にアイコンを設定す...

カラー設定

CARATではデザインに幅を持たせより細部までデザインをカスタマイズできるようになっています。

カラー設定は今までのJINのカスタマイズと全く同じですので詳しくは「【JIN】カラー設定の方法」をご覧ください。

追加箇所は以下に記載しています。

パンくずリストのカラー設定

今までパンくずリストの背景色やテキストのカラーは自分で選択する選択することができずフッターの背景色を選ぶとそれに準拠していく形で配色が変わっていました。

よりデザインを洗練していくためにはここのカラーは独自で選んだ方がより独自性の高いブログに仕上げることができます。

フッターのカラー設定

今まではフッターテキストをホバーしてもメインコンテンツでは色が変わるのにフッター内のテキストは色が変わりませんでした。

これではブログ全体の統一感に欠けると判断し、フッター内のテキストにもホバー時のカラーを選択できるようにしました。

カラー設定の追加項目CARATでは今までのJINのカラー設定に新たに6ヶ所の項目を追加しました。 今回のCARATのカスタマイズに欠かせないカラー設定...

トップページ設定

ピックアップコンテンツのデザイン変更

ピックアップコンテンツのデザインを新たに4種類追加しました。

デザインによってどのピックアップにするか選びながら設定してみてください。

詳しい設定方法は「ピックアップコンテンツのデザイン設定方法」に記載していますので是非活用してみてください。

フッター設定

フッターデザインの変更

CARATでは今までの単色のフッターデザインから離れ新たなデザインを作成しています。

詳しい設定方法は「フッターデザインの設定方法」に記載しておりますので、活用してみてください。

見出しアニメーションの追加

スクロールすると下からフワッと表示されるようなアニメーションを見出しに追加しました。

見出し(h2,h3,h4)アニメーションの設定方法CARATの機能でもある「マーカーアニメーション(動くマーカー)」に追従して今回は見出し(h2,h3,h4)のアニメーションの設定方法を...

ボタンデザインの追加

「ゴーストボタン」「もこもこボタン」の2種類を追加しました。CARATのデザインに合うようなボタンにしているのでどちらもかなり使い勝手が良いかと思います!

是非導入してみてください!

ボタンデザインの設定方法今回のバージョン(1.1.6)から新しくCARAT専用のボタンデザインを追加しました! CARATのイメージにあったボタンを2種類...

ボックスデザインの追加

Ver1.1.0から新しくボックスデザインを8種類追加しました。

シンプルボックスその1

ここにタイトルを入力

ここに本文を入力

シンプルボックスその2

おすすめ

ここに本文を入力

独自アイコンを使ったボックス

おすすめ

ここに本文を入力

【ガーリー系】ドット柄ボックス

ここに本文を入力します。

【ガーリー系】ストライプ柄ボックス

ここに本文を入力します。

【ガーリー系】ステッチ柄ボックス

ここに本文を入力します。

【付箋付き】シンプルボックス

ここがポイント!

ここに本文を入力します。

【付箋付き】マスキングテープ柄シンプルボックス

ここがポイント!

ここに本文を入力します。

ボックスデザインのカスタマイズ方法CARATで追加されたボックスデザインのカスタマイズ方法をご説明します。 ショートコードをAddQuickTagsに追加しよう...
WordPressテーマ「JIN」専用デザインプラグイン『CARAT』

「CARAT」は大人可愛いを追求した女性向けデザインプラグインです。

WordPressテーマ「JIN」の機能性と「CARAT」のデザインでより読み手に感動を与えるプラグインを作りました。

「自分のブログが好き」

そんな人が1人でも増えてくれたらと心から願っています。