Touchy: モバイル向けに最適化された高機能WordPressメニュー＆ヘッダープラグイン

みなさん、こんにちは！

今回は海外のWordPressプラグインについて御紹介します！

一人一台のスマホが当たり前の世の中なので、みなさんのサイトの訪問者はスマホからの流入が多いケースも多々あると思います。最近のWordPressのテーマはレスポンシブに対応しているのが標準なので特に気にすることはないかと思いますが、スマホユーザーの使いやすさを考えてあげることでサイトの滞在時間、ページのセッション数が上がります！

例えば、こんなメニューを設置することでユーザーは、ページのどの部分を見ていてもメニューを見つけることができるし、記事内の検索もできます。これはページをスクロールしても固定されて付いてきます。

Touchy

Touchy は、モバイルサイトの操作性を最大限に高める WordPress専用のプレミアムメニュー＆ヘッダープラグイン です。スマートフォン向けに設計されたこのプラグインは、直感的で素早く反応し、デスクトップ環境でもシームレスに動作します。ビジネスサイト、ブログ、ECサイトを問わず、どのWordPressテーマでも柔軟に統合可能なTouchyは、モバイルナビゲーションの理想的なソリューションです。

販売ページはこちら価格 : 26ドル

1. Touchyの魅力：柔軟で使いやすいカスタマイズ性

Touchyの最大の特徴は 簡単なカスタマイズ性 です。WordPressの リアルタイムLiveカスタマイザー を利用して、すぐにメニューやヘッダーのデザインを編集できます。

カラーカスタマイズ：各要素（ボタン、背景、テキスト）の色を自由に設定可能
ボタンと要素の非表示：不要な要素を隠すことでシンプルなデザインを実現
高さ、透明度、配置の変更：要素の高さ、透明度、角の丸みなども調整可能

さらに、ボタンの アイコン は1,500種類以上から選択でき、 テキストラベル やアイコンのリンク先も自由に設定できます。

2. 多機能なモバイルメニュー＆ヘッダー

Touchyは、モバイル体験を最適化する多彩な機能を提供します。

2-1. メニューバー機能

固定表示 / スライドイン表示：メニューバーをページの上部または下部に固定表示。
透明度設定：メニューをシースルーにし、背景が透けるデザインが可能。
カスタマイズ可能なボタン：
- 戻るボタン、コールボタン、メールボタン、検索ボタン、WooCommerceカートボタンを自由に並べ替え
- ボタンごとに色や影の設定が可能
スクロール時の影の表示：ページがスクロールされた際にメニューバーの影を強調し、視認性を高めます。

2-2. ドロップダウンメニュー

多階層対応：アコーディオン式のメニューで、複数階層に対応。
アイコンと説明文：メニュー項目にアイコンと説明文を追加可能。
スクロール対応：メニュー項目が多すぎる場合は、縦スクロール表示で快適にナビゲート。
ウィジェットエリア：メニューの上下に CTAボタン や ショートコード を追加可能。

3. ロゴと検索機能の高度なカスタマイズ

3-1. ロゴの設定

Touchyでは、ロゴのデザインや配置も細かく設定できます。

ロゴを 左、中央、右 に配置
画像ロゴは Retina対応 で高解像度表示
スクロール時にはロゴを フェードアウト し、メニューバーを固定表示

3-2. 統合された検索機能

検索フィールドとボタンのテキストを自由に変更
「検索ボタン」や「クリアボタン」の非表示が可能
フルスクリーン検索デザイン も提供し、シンプルでスタイリッシュな検索体験を実現

4. モバイル対応のパフォーマンスと多様なデバイスサポート

Touchyはモバイル向けに設計されていますが、 デスクトップやタブレット でも違和感なく動作します。

レスポンシブデザイン：どの画面サイズでも最適化
iOS、Android、Windowsデバイス に対応
主要ブラウザ互換：Chrome、Safari、Firefox、Edge、Opera

さらに、WordPressマルチサイト対応やGDPR準拠、最新のPHPおよびWordPressバージョンにも対応しており、安全性と互換性が保証されています。

5. さまざまな用途に対応：カスタムCSSや多言語対応

Touchyは、ウェブサイトのナビゲーションだけでなく、さまざまな用途で活用できます。

カスタムCSSの追加：デザインの細部まで完全カスタマイズが可能
多言語対応：WordPressサイトでの多言語機能をサポート
ウィジェットエリア にCTAやソーシャルボタンを追加し、 マーケティング強化 にも活用

機能一覧

WordPress Liveカスタマイザーの統合による非常に迅速なセットアップとカスタマイズ
- 配置と配置の変更、不透明度の変更、要素のオーバーライドおよび/または非表示、各要素の色のカスタマイズなど。
オプションで、指定された解像度でのみ表示
Touchyが表示されたら、クラス/ IDでテーマメニュー/ヘッダーを自動的に非表示にします
メニューバー
- カスタマイズ可能なテキストラベルを追加する
- 固定または絶対位置決め
- 画面の上部または下部に配置する
- シースルー効果の透明度を変更する
- ボタンの境界線の色をカスタマイズする
- 戻る、電話、メール、検索ボタンの再配置
- デフォルトアイコンの一部またはすべてを置き換えます（500以上のアイコンが利用可能）
- ボタンを非表示にします
- 各ボタンを個別に色でカスタマイズ
- ボタンの仕切りの高さをカスタマイズする（または完全に非表示にする）
- オプションで、ページがスクロールされるときにメニューバーの影のサイズを大きくする
- オプションでメニューバーの影を隠す
- すべての要素を色でカスタマイズ
ドロップダウンメニュー
- マルチレベルのアコーディオンメニュー
- メニュー項目が多すぎて画面に収まらない場合はスクロール可能
- オプションで、クリック/タッチでメニューを閉じる（たとえば、アンカーリンクがある1ページのWebサイトで便利です）
- オプションで、完全なメニュー項目を使用してサブメニューを開きます（デフォルトでは、矢印はサブメニューを開きます）
- メニュー項目にアイコンを追加（500以上使用可能）
- メニュー項目に説明を追加
- 視覚的なインジケータでメニュー項目を強調表示
- メニュー項目のフォントサイズと行の高さを変更する
- メニュー項目の説明のフォントサイズと行の高さ、メニュー項目からの距離の変更
- メニューでテーマフォントの1つを使用する
- 2つのサブメニュー矢印アニメーションオプション（矢印の反転または「X」へのアニメーション化）
- 美しくアニメーション
- スタイルのない2つのウィジェットの場所（メニューの上部と下部）
  - HTML、CSS、ショートコードを挿入し、埋め込みコードを使用します。製品の発表、ソーシャルボタンの追加、コンテンツのハイライトなど、考えられるあらゆる用途に使用します。
- ドロップダウンメニューの角の丸みと下の境界線の太さを変更する
- すべての要素を色でカスタマイズ
ロゴの場所
- サイトがスクロールされると、ロゴが微妙に消え、メニューバーがスティッキーになります
- テキストを使用するか、ロゴ画像をアップロードします（網膜画像のサポートが含まれます）
- ロゴを左、中央、または右に揃える
- ロゴ画像サイズの変更
- オプションで、ロゴ領域の背景と影を隠す
- 背景画像をロゴ領域に追加（パターンまたはフルサイズとして表示、不透明度を変更）
- オプションで、ロゴ領域全体を非表示にします
- すべての要素を色でカスタマイズ
統合されたコール/電子メール/検索/バック機能
- 電話番号、メール受信者、メールの件名を簡単に入力
- カスタムアイコン（500以上使用可能）を入力し、任意の場所にリンクして、戻る/呼び出し/メール/検索/メニューボタンの機能を完全に変更します。
- 必要に応じて、ログインしたユーザーのみに任意のボタンを表示します
- オプションで、一部またはすべてのボタンを非表示にします
検索フィールド
- デフォルトのテキストフィールドのプレースホルダーテキストを変更する
- デフォルトの「検索」ボタンのラベルテキストを変更する
- 「フィールドをクリア」オプションを非表示
- 「検索」ボタンを非表示
- すべての要素を色でカスタマイズ
背景オーバーレイ
- 検索機能またはメニューを開いたときに表示されます
- 背景色と不透明度を変更する
WordPressマルチサイト互換
きれいでよくマークされたコード
徹底的に試し、テストした
- デスクトップ、タブレット、スマートフォン
- iOS、Android、Windowsデバイス
- Chrome、Safari、Firefox、Edge、Internet Explorer、Opera
オプションでRetina画像スクリプトを無効にします（ロゴの位置を使用しない場合、または単にRetina画像を使用しない場合に便利です）
翻訳可能なカスタマイザー設定
迅速で使いやすいサポートを備えた、実績のある長年の著者
生涯無料アップデート
初心者でもわかるドキュメント