ワードプレステーマ「SOLARIS」メガメニューの作り方を徹底解説

TCDワードプレステーマ「SOLARIS」を使うと、おしゃれにホームページをデザインすることが可能です。

この記事ではワードプレステーマSORARISのメガメニューを作成する方法について紹介しています。

実際に１時間程度で簡単ではありますがホームページを作成してみました！

SOLARISの詳細な情報については以下の記事で詳しく解説しているのでこちらもご参考ください

[swell_toc]

SOLARISとは？

SOLARISはTCDが提供する有料ワードプレステーマです。上記の動画のようにBtoBサイトとは思えないオシャレなナビゲーションのホームページを作成することが可能です。

会社のHPは、最初の１ページが肝心だと言われており、SOLARISは初めて自社HPに訪れる人が思わずクリックしたくなるようなサイト演出を行ってくれます。

SOLARISは買い切り価格になっており、一度購入すれば複数サイトにワードプレステーマを反映できます。

今回紹介するメガメニューもSOLARISなら簡単に作成することができるのでSOLARISをお持ちの方は一緒に見ていきましょう！　また、まだ導入できていない方は下記にリンクを掲載していますのでそちらをご参考ください。

TCDテーマ「SOLARIS」のメガメニュー構成の仕組みと変更方法

メガメニューは、標準的なドロップダウンメニューよりも多くのスペースを利用するタイプのメニューです。これにより、利用者がサイト内のコンテンツを見たときに、直感的に伝えることができるように設計されています。

SOLARISには3種類のメガメニューが組み込まれており、それぞれが用意されている投稿タイプに応じて特別にデザインされています。以下に、これらの各メニューについて詳しく説明します。

メガメニューA

これはブログコンテンツ用のメガメニューです。表示する記事の数や、表示順序（日付順またはランダム）を選択することが可能です。

また、カテゴリー表示機能が組み込まれているため、多数のブログ記事でも簡単に整理できます。さらに、スライダー機能が付いているので、豊富な記事を効果的にアピールすることができます。

メガメニューB

このメガメニューは、「サービス」というカスタム投稿タイプで作成された事業内容を、縦に長く分割して展示するデザインです。ユーザーがホバーすると、画像やオーバーレイの変化が設定可能で、背景画像が美しいモーションで切り替わるスタイリッシュなデザインになっています。

事業内容を分割する際は、3から5項目程度にすると、視覚的なバランスが保たれ、整った印象になります。

メガメニューC

メガメニューCは、「企業情報」というカスタム投稿タイプで作成された内容を反映するメニューです。このメニューは最大6枚のサムネイルを展示できる設計となっており、訪問者が会社情報に迅速にアクセスできるようになっています。

企業サイトへの訪問者に安心感を提供するためにも、少なくとも5つの項目を表示させることをお勧めします。この数ならば、デザインの観点からも違和感がないでしょう。

メガメニューの設定方法

メガメニューを設定するには、まずグローバルメニューに会社概要・サービスを追加する必要があります。

上の画像だと左側にサービスや会社概要がありませんね。

追加するには「外観」→「メニュー」より右上赤枠の「表示オプション」を選択しましょう

会社概要やサービスにチェックが入っていない状態ですので、チェックを入れましょう。

左側のメニュー項目を追加欄に会社概要やサービスが追加されました。「アーカイブ」を親にして、一段下げて子にサービスや会社概要内の記事を追加してください。

ダッシュボードより「TCDテーマ」→「ヘッダー」→「メガメニュー」→「メニュータイプ」まで進みましょう。

最初はブログ・サービス・会社概要のプルダウン表示が「ドロップダウンメニュー」になっています。

こちらをそれぞれ指定したいメガメニューに変更しましょう。

トップページに戻りメニューを確認しましょう。
メガメニューに代わっていれば変更完了です。

まとめ　SOLARISのメガメニューは作り方難しいが、ハイクオリティな完成度

SOLARISを使うことで、あなたのメニューは一気にオシャレな夢のようなホームページに変更することが出来ます。

ダッシュボードより数クリックで簡単にコンテンツを加えることが出来るので、御社のビジョンが生き生きとした形で表現される、その瞬間をSOLARISで迎えましょう。

今こそ、クリエイティブな旅の第一歩を踏み出し、自分だけのトップページを世界に披露する機会です。