固定されたスティッキーナビゲーションを備えた最高のWordPressテーマ
公開: 2018-03-26固定ナビゲーションの傾向は、デスクトップユーザーとモバイルユーザーの両方に非常に人気があります。 Webサイトのナビゲーションにはいつでもアクセスできるため、ユーザーはサイトを閲覧してコンテンツをすばやくスキミングできます。
しかし、この固定ナビゲーションを自分で作成するのは面倒な場合があります。 ありがたいことに、デフォルトでこの機能が付属しているWordPressテーマを手に入れることができます！ さまざまなスタイルから選択できる固定ナビゲーションを備えた、いくつかの最高のWPテーマを整理しました。
ウェストン
Westonテーマは、ポートフォリオからランディングページ、ミニマリストのeコマースショップまで、数十のスタイルとさまざまなWebサイトテーマをカバーしています。 ただし、すべてのスタイルには、すべてのページで同じ固定ナビゲーション手法があります。
一番上のナビゲーションバーはユーザーと一緒にスクロールするので、画面の上部に固定されたままになります。 これは、画面がはるかに小さいモバイルデバイスでも機能しますが、ナビゲーションバーも多くのスペースを占有しません。
このレスポンシブナビゲーションメニューも、3本のハンバーガーアイコンを使用しています。 これはモバイルメニューの定番であり、ユーザーがクリックして他のページに移動することを促します。
Westonは豊富なバリエーションを提供し、多くのプレミアム機能を備えていますが、一般的なブログのデザインには多すぎる可能性があります。 それでも、固定のスティッキーナビゲーションスタイルが好きな場合は、覚えておくとよいテーマです。
ベケット
あなたが焦点を絞ったデザインが好きなら、ベケットはもっとあなたのスタイルかもしれません。 このテーマは、訪問者の注意を引くために、写真やフルスクリーン画像で多くの役割を果たします。
ホームページは好きなようにスタイリングすることができますが、それは主に創造的なポートフォリオの仕事を対象としています。 上部のナビゲーションバーはユーザーと一緒にスクロールし、開くと画面全体を占めます。 このナビゲーション手法は、ナビゲーション項目が3〜5個しかないサイトではかなり一般的です。
Beckettは、気を散らすトップバーなしでコンテンツに焦点を合わせ続けることによって、これを正しく行います。 また、ページの単純な配色とのコントラストを追加するために、色も変更されます。
シドニー
シドニーは幅広いテーマであり、ビジネスや代理店のWebサイトに十分な価値があります。 お客様の声、スキル計算機、ポートフォリオエントリなどのいくつかのユニークな機能を備えた本当に素晴らしいデザイン。
ページを下にスクロールすると、スティッキーナビゲーションが実際に少し縮小していることがわかります。 これは、ユーザーエクスペリエンスを損なうことなく画面スペースを節約しようとするテーマで非常に一般的です。 この小さなナビゲーションバーでは、すべてのリンクを簡単に操作できます。
ただし、モバイルユーザーは固定ナビゲーションバーを取得しないため、大きな画面でのスクロールにのみ従います。 物理的な画面スペースはモバイルで貴重であるため、可変の固定ナビゲーションバーを使用したよりシンプルでレスポンシブなデザインが必要な場合は、このようなテーマで作業するのが非常に理にかなっています。
作成
これは、さまざまなスタイルの別の柔軟なテーマです。これらはすべて、選択してすばやく起動できます。 Createには5つの異なるホームページがあり、それらはすべて上部の固定ナビゲーションバーデザインを備えています。
ナビゲーションが画面の上から下にスライドするスライド効果を使用します。 他のテーマではめったに見られないデザインに少し活気を与えます。 ただし、作成テーマはすべての種類のWebサイト用に作成されているわけではありません。
これは主に、詳細な多層ドロップダウンメニューとともにカスタムポートフォリオを使用するデジタルエージェンシー向けです。 これにより、ページ数の多いWebサイトに最適であり、技術に精通していない個人にも適しています。
インフィニティ
最近のWPテーマの中には、垂直ナビゲーションを使用して、側面に沿ったリンクに注意を引くものがあります。 これにより、ユーザーエクスペリエンスが少し混乱し、非常に異なるタイプの固定スティッキーナビゲーションが作成されます。
インフィニティはポートフォリオのテーマであるため、垂直サイドバーナビゲーションが非常にうまく機能します。 内部ページとソーシャルアカウントへのリンクのみに依存しており、ユーザーがページを下にスクロールしても、これらはすべて位置付けられたままになります。
サイドバーは常に表示されるため、これによりデスクトップの全体的なページスタイルが制限されます。 ただし、モバイルユーザーは、ナビゲーションが上に向かって再配置され、ページの下でユーザーをフォローしないという、まったく異なるエクスペリエンスを得ることができます。
これは、意味のあるときに固定ナビゲーション機能を使用するが、スペースが限られている小さな画面では削除する、さらに別の風変わりなデザインです。
ブラックホワイトライト
雑誌スタイルのブログの場合は、BlackWhiteLiteテーマを調べることができます。 これには、最新のオンラインマガジンのすべての機能が付属しており、完全に無料のテーマの選択肢を提供するというボーナスが追加されています。
ナビゲーションバーの上のロゴで、ヘッダーにもう少し高さを追加します。 ただし、ページを下にスクロールすると、このナビゲーションバーは一番上に固定されたままになります。
ドロップダウンナビゲーションもサポートしています。これは、大きなブログにとっては巨大です。 また、これらのドロップダウンは、スライド式のハンバーガーメニューを備えたモバイルデバイスからでも使用できます。 これは、雑誌スタイルのサイトと現代の最もレスポンシブなレイアウトの定番です。
BlackWhiteは、そこにある唯一の雑誌のテーマからはほど遠いです。 しかし、それはすっきりとしたデザインと固定されたトップバーを備えた数少ないものの1つであり、レイアウトをうまく補完します。
港
エージェンシーのテーマについては、ポートについて言うことがたくさんあります。 それは、強力なタイポグラフィときれいな水平ページセクションと相まって、すぐに注目を集める大きなヘッダー写真を使用しています。
この水平方向のリズムは、固定ナビゲーションバーで非常にうまく機能します。 ポートのトップナビゲーションは非常に薄く、非常に使いやすく、特にユーザーが指先でタップしているモバイルデバイスで使用できます。
スライドメニューは少し小さいと思いますが、コードを微調整することで編集できます。
ポートは、サイトに多くのページがない代理店や中小企業向けに作られています。 これは、高品質のデザインを備えた信頼できるテーマであり、ほぼすべての企業のホームページに使用できるものです。
装備
eコマースにはWordPress以外にも多くの選択肢がありますが、WooCommerceシステムは依然として多くの人に人気があります。 Gearテーマを使用すると、すっきりとしたデザインと強力な固定ナビゲーションを使用して、キラーなeコマースショップを立ち上げることができます。
左上隅のロゴはナビゲーションリンクと一緒に固定されているため、Webサイト全体で一貫したブランディングを得ることができます。 ただし、このトップバーは、ユーザーのショッピングカートと検索機能へのアクセスも許可します。
全体として、それは非常にシンプルなレイアウトです。 しかし、それはまさにあなたがeコマースストアに望むものです。
トレイル
Trailは、垂直サイドナビゲーションのより暗い代替手段を提供します。 これは、焦点がメインコンテンツに戻るもう1つのポートフォリオテーマです。
ただし、この暗いサイドバーを使用すると、暗い部分と明るい部分が混ざり合います。 メインサイトのコンテンツは白い背景を使用しているため、このコントラストにより、サイトナビゲーションとポートフォリオコンテンツの境界が広がります。
固定ナビゲーション位置を使用すると、ユーザーはすべてにすばやくアクセスできます。 そしてもちろん、レスポンシブレイアウトは、このナビゲーションをハンバーガーアイコンの後ろに隠し、スマートフォンでの使用をはるかに簡単にします。
ブログライト
私の最後の推奨事項は、従来のブログデザインに従ったBlogLiteです。 これには、注目の画像サポートやカスタムホームページなどの追加機能も多数付属しています。
サイトを閲覧していると、固定された上部のナビゲーションバーが少し縮小し、フォントのサイズが変更されていることに気付くでしょう。 これらのリンクには引き続きアクセスできますが、メニュー全体に数十のリンクを配置する余地はあまりありません。
ありがたいことに、このテーマは、ブロガーに非常に一般的なドロップダウンメニューもサポートしています。
完全にレスポンシブな固定ナビゲーションを備えたすっきりとしたデザインが必要な場合は、BlogLiteを選択してテストするのに最適なテーマです。
前進する
Webサイトの種類ごとに、デザイン、美学、カスタム機能に対するニーズが異なります。 この投稿は、固定スクロールナビゲーションを使用して、スペクトル全体で最高のテーマを提供します。
したがって、新しい会社のWebサイト、個人のポートフォリオ、eコマースショップ、または新しいブログを立ち上げる場合でも、これらのテーマの1つは、優れたデザインでオンラインをすばやく取得するのに役立ちます。