設定方法

ボタンデザインの設定方法

今回のバージョン(1.1.6)から新しくCARAT専用のボタンデザインを追加しました!

CARATのイメージにあったボタンを2種類追加し、ホバーアニメーションにもこだわって作りましたので良かったら使ってみてください。

それでは設定方法です。

ボタンデザインの設定方法

WordPressの管理画面から「外観」→「カスタマイズ」へ

WordPressの管理画面より「外観」→「カスタマイズ」と飛ぶと、「ボタンデザイン設定」という項目が見つかるかと思います。

ここをクリックすると、

こんな感じでボタンの項目が増えているかと思います。

ここから好きなボタンを選択して保存をすると問題なく設定できるかと思います。

ボタンデザインについて

今回追加したのは「ゴーストボタン」「もこもこボタン」の2種類です。

そのままのボタン自体はそこまで変わったデザインではないのですが、ホバー時のアニメーションが今までのボタンデザインとは異なっています。

それぞれ見ていきましょう。

ゴーストボタン

ゴースト(Ghost)と聞くと「幽霊」という言葉が連想されるかと思いますが、ここでいうゴーストとは「ボタン内の背景色が透過している」という意味でゴーストと読んでいます。

背景色がボタンに無いので記事やCTAの背景色と組み合わせて使うとより効果を発揮してくれるボタンかと思います。

もこもこボタン

パッと見のボタンデザインは「もこもこ」していないのですが、マウスホバーをするとアニメーションで文字色が変わり、背景が「もこもこ」しながらアニメーションしていきます。

今までのJINのデザインではなかなか無かったデザインですので、是非これも使いこなしていただくとより可愛いデザインに仕上がるかと思います!

両方とも使い勝手に関してはJINのデフォルトデザインと本当に遜色ない程使いやすいデザインになっていますので、あなたのブログのデザインに合わせて使ってみてください!

「ビジュアル」の記事編集画面上では表示が崩れている場合がございます。恐れ入りますが、「プレビュー」で実際の表示を確認しながら実装していただきますと幸いです。

WordPressテーマ「JIN」専用デザインプラグイン『CARAT』

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

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

「自分のブログが好き」

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