究極的に実用性を重視した「フッターバー」が電話予約や記事の拡散効果を増大


Notice: Undefined index: HTTP_USER_AGENT in /home/tcdwp3/tcdwp.info/public_html/tcd052/wp-content/themes/styly_tcd052/functions.php on line 221

パソコンよりもスマホでの閲覧の方が多くなりがちな昨今、スマートフォンにも一発でユーザーが電話予約やシェアが行える簡便なUX/UI設計が重要となってきています。

最近のTCDテーマでは、電話予約や記事のシェアにすぐにつなげれるようスマホ画面の最下部に常にフッターバー固定表示させることができます。これはサイト閲覧者にお店やサイトの情報を分かりやすく伝えるほか、アイコンの種類は6種類あり用途に応じて使い分けてさまざまな使い分けが可能となっています。

「電話アイコン」をタップすると、すぐに電話番号が表示され、通話ボタンを押すだけの状態にスタンバイされます。
「シェア」をタップするとポップアップでツイッター、フェイスブック、はてぶ、LINEの4つのシェアボタンが表示されます。
思い立ったらすぐアクションを起こせるような仕組みになっているのが特長です。

アイコンは全部で6種類用意されており、いくつもアイコンを表示(4つ推奨)させることができます。

※当デモサイトにスマホからアクセスした際、フッター部には「フッターCTA」を表示する設定にしています。(フッターCTAとスマホ用固定フッターバーはいずれか一方のみ表示できる仕様となっています)スマホ固定フッターバーは各テーマで共通の機能となっており、下記ページにスマホからアクセスしていただくことで実際の表示・動作をご確認いただけます。
WordPressテーマ「STYLY (tcd052)」デモサイト


Notice: Undefined index: HTTP_USER_AGENT in /home/tcdwp3/tcdwp.info/public_html/tcd052/wp-content/themes/styly_tcd052/functions.php on line 221

Notice: Undefined index: HTTP_USER_AGENT in /home/tcdwp3/tcdwp.info/public_html/tcd052/wp-content/themes/styly_tcd052/functions.php on line 221

関連記事


  1. Notice: Undefined index: archive_blog_use_retina in /home/tcdwp3/tcdwp.info/public_html/tcd052/wp-content/themes/styly_tcd052/single.php on line 192

    記事の装飾をより美しくするためのTCD独自機能「クイックタグ…


  2. Notice: Undefined index: archive_blog_use_retina in /home/tcdwp3/tcdwp.info/public_html/tcd052/wp-content/themes/styly_tcd052/single.php on line 192

    変幻自在、あらゆる業種に対応可能な新しいカスタム投稿タイプ実…


  3. Notice: Undefined index: archive_blog_use_retina in /home/tcdwp3/tcdwp.info/public_html/tcd052/wp-content/themes/styly_tcd052/single.php on line 192

    投稿者名や関連記事など、幅広く表示・非表示設定ができる


  4. Notice: Undefined index: archive_blog_use_retina in /home/tcdwp3/tcdwp.info/public_html/tcd052/wp-content/themes/styly_tcd052/single.php on line 192

    記事ページ下部のアイキャッチ付き関連記事一覧


  5. Notice: Undefined index: archive_blog_use_retina in /home/tcdwp3/tcdwp.info/public_html/tcd052/wp-content/themes/styly_tcd052/single.php on line 192

    ドラッグ&ドロップで簡単にデザインされたページが作…


  6. Notice: Undefined index: archive_blog_use_retina in /home/tcdwp3/tcdwp.info/public_html/tcd052/wp-content/themes/styly_tcd052/single.php on line 192

    テーマオプションやウィジェット設定、コンテンツの注力で一流サ…

最新記事 オススメ記事
月を選択してください
ブログ一覧