設定方法

スマホスライドメニューのデザイン設定方法

今回のアップデート(Ver 1.1.6)で新しくスマホスライドメニューのデザインを追加しました。

JINでは独自にアイコンを設定することができますが、せっかくアイコンを追加しているのに小さくて見にくかったり、スライドできることに読者が気づかなかったりと勿体無い部分が少し多かったりします。

ということで今回はCARAT仕様にスライドメニューをカスタマイズしてみました。

JINのアイコンを使うことがカスタマイズの前提になっています。fontawesomeでの確認はしていないので予めご了承ください

スマホスライドメニューのデザイン設定方法

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

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

【CARAT】スマホスライドメニューのデザイン

サイトデザイン設定をスクロールしていくと、「【CARAT】スマホスライドメニューのデザイン」という項目が見つかるかと思います。

ここで好きなデザインに変更してください!

デザインについて

デフォルトデザイン

デフォルトデザインはその名の通り、今までのJINのデザインと同様のデザインです。

特にここにデザインを変える必要のない方は「デフォルト」を選択すると良いでしょう!

CARATスタイル1

今回追加したデザインがこのスタイルになります。

アイコンをより大きく見やすくしながら、各リンクのタップ領域を大きくしています。これにより、タップしやすくなり読者にとってわかりやすい導線を引くことができます。

りょうた
りょうた
カテゴリ一覧ページ等を表示させておくと分かりやすいね!

 

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

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

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

「自分のブログが好き」

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