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

メガメニューの作り方

  • メガメニューってなに?
  • メガメニューの訴求力は
  • 作り方は難しい?

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

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

よっちん

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

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

目次

SOLARISとは?

  • ビジネスサイト以外にも多様な用途に対応
  • カスタマイズが容易で内製化対応OK
  • SEO最適化に対応
  • 公式マニュアルやサポートで安心
  • スマホ完全対応(レスポンシブ)
  • 1回買い切りでOK。複数運営サイトにも利用可能
43,780円(税込)

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

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

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

  • メガメニューA
  • メガメニューB
  • メガメニューC

メガメニューA

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

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

メガメニューB

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

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

メガメニューC

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

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

メガメニューの設定方法

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

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

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

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

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

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

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

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

よっちん

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

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

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

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

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

  • ビジネスサイト以外にも多様な用途に対応
  • カスタマイズが容易で内製化対応OK
  • SEO最適化に対応
  • 公式マニュアルやサポートで安心
  • スマホ完全対応(レスポンシブ)
  • 1回買い切りでOK。複数運営サイトにも利用可能
43,780円(税込)
よかったらシェアしてね!
  • URLをコピーしました!
目次