WordPressで作るウェブサイト&サイト運営・集客をわかりやすく学べます
※本サイトはプロモーションが含まれています

【メガメニューのサンプル】次回のメガメニューの作成セミナーの見本用を作成しました

【メガメニューのサンプル】次回のメガメニューの作成セミナーの見本用を作成しました

 集客&新規ビジネスに!はっちゃんの新サービス

来月の11月のオンライン講座で、WordPress教室の受講者さんからのご要望で、WordPressのメニューを自由にデザインするメガメニュー作成講座を行います。

メガメニューとは?

メガメニューとはクリックまたはマウスオーバーで開くメニューのデザインです。通常のメニューに比べてデザインが自由でドロップダウンのスペースを広く取れるため、インタラクティブなデザインが可能になります。

メガメニューを採用している実際のウェブサイト例

GMOクラウド様(メニューにカーソルを乗せてください)

通常はWordPressのテーマにその機能がついていないと利用できませんが、WordPressで制作案件を請けているフリーランスや副業の方も多く最近よくご質問を受けますので、初めて講座で開催します。

(受講料は単発受講は4400円、過去講座も見放題の1ヶ月受講料は5,500円です)

メガメニューの作成セミナーの開催の見本として

その際に、メガメニューの説明が必要なため、次回のメガメニューの作成セミナーの見本用として当サイトのメニューをメガメニューに変更しました。

メガメニューの見本を兼ねているため、無理やり色々な要素を入れているのでちょっとごちゃごちゃしています(^_^;)

通常のドロップダウンメニューのデザイン

通常のドロップダウンはこのように一覧でリストで表示されます。すべてのメニューのデザインも同じになります。

 

メガメニュー例

WordPressメガメニュー見本サンプル1【新着情報掲載】

新着記事では、新着情報でアイキャッチのみの表示、お知らせとブログはアイキャッチ画像無しのテキストで表示しました。

メガメニュー見本サンプル

 

WordPressメガメニュー見本サンプル2【丸い画像とスライダー表示】

こちらのセミナーのメニューでは、少し遊び心を入れて、ハロウィンの黒猫ちゃんを載せました。
メガメニューの見本を兼ねているため、無理やり色々な要素を入れているのでちょっとごちゃごちゃしていますね(^_^;)

 

 

WordPressメガメニュー見本サンプル3【タブで切り替える表示】

こちらはタブで各ブログのカテゴリーの新着情報を自動で表示させています。

WordPressメガメニュー見本サンプル

 

WordPressメガメニュー見本サンプル4【すっきりと画像だけを並べて表示】

こちらはかなりシンプルに画像を並べて表示させました。セクションの背景の下にオレンジの色を入れています。

 

WordPressメガメニュー見本サンプル5【四角の画像を切り替え表示】

サービス紹介は、四角の画像を並べて表示しました。いくつかの見本のパターンをと思い、背景に写真を入れています。

こちらの画像はビーチですが、あまりビーチ感が無いので、もっといい感じの写真が見つかったら差し替えますね。

WordPressメガメニュー見本サンプル5

 

WordPressメガメニュー見本サンプル6【横幅いっぱいでの表示】

こちらは横幅いっぱいに表示しています。せっかくなのでハロウィン画像入れています。

 

WordPressで会員動画サイトが作れる!

\動画コンテンツで新しい収益を!/

オンライン講座機能付き
WordPressテンプレート新発売

本を出すだけで終わらない、新しい出版サービス

・ 専用のウェブサイト
・ 大手サイトへのプレス配信
・国会図書館への寄贈
・多言語で海外での出版 
ほか

多言語化によるお悩みを解決します

\導入費用のみ!月額費用は不要/

管理画面からカンタン更新!
AI翻訳+人力翻訳の使い分けも可能

Elementorテンプレート販売中!

\Elementor無料版対応/

サイトがまるごとインストールできる
Webサイトテンプレート
LPも追加しました!

 開催中のWordPress講座・セミナー

 WordPress・サイト運営のお悩みを解決します

女性講師によるマンツーマンレッスン開催中!
・オンラインレッスンだから全国どこでも参加可能
・2011年から150回を超える研修実績あり
・受講後も安心!メールサポート付き
・受講中の録画動画をお渡しします

 はっちゃんセミナー公式SNS

 はっちゃんYouTubeチャンネル

無料セミナー・お役立ち情報を配信中!

公式メールマガジンもあります!

新着情報

 みんなのワンちゃんが写真集に!

チワワやパグ・トイプー等の犬種別の50匹のわんちゃんで1冊の写真集をつくるプロジェクトが弊社の出版事業で募集開始!

まずは、ワンコから開始して、ニャンコ、小動物、そしてカエルの写真集も出したいですね😉 令和出版ロゴ

  新サービス開始しました

ノーコードでWordPressサイトが作れる!
WordPressテンプレート新発売!→詳しくはこちら

WordPressで会員動画サイトが作れる!
オンライン講座機能付きWordPressテンプレート新発売!→詳しくはこちら

多言語化によるお悩みを解決します!
管理画面からカンタン更新!AI翻訳+人力翻訳の使い分けも可能→詳しくはこちら

  ピックアップ講座

最新のAIコンテンツ生成とSEO対策がしっかり学べるコンテンツマーケティング講座(オンライン開催)

 

WordPressに限らず、Canvaの画像編集やサイト運営に関係する内容と、受講生さんからのご質問等で共通な内容も掲載していきます。

  ピックアップ記事

 カテゴリー
公式Facebook
公式LINEアカウント

友だち追加

こちらのURLからお友だち登録できます。
https://lin.ee/CbqqEEI

公式メールマガジン

こちらのURLからメルマガに登録できます。https://www.8seminar.com/mailmagazine-form

PAGE TOP