WordPressにカスタムナビゲーションメニューを追加する方法を知りたいですか? デフォルトでは、多くの WordPressテーマ 事前定義されたメニューの場所とレイアウトを提供します。
このチュートリアルでは、WordPressテーマに他のナビゲーションメニューを追加する方法を示します。
しかし、前に、WordPressをインストールしたことがない場合は、 WordPressのブログ7の手順をインストールする方法 et あなたのブログにワードプレスのテーマを、見つけインストールしてアクティブにする方法
それから私たちがここにいる理由に戻りましょう。
WordPressテーマにカスタムメニューを追加する必要があるのはいつですか?
最も WordPressテーマ は、Web サイトのナビゲーション リンクをメニューに表示できる場所を少なくとも XNUMX つ提供します。
WordPressダッシュボードの使いやすいインターフェイスからメニュー項目を管理できます。
私たちも発見 メニューを作成するために設計された10プレミアムWordPressプラグイン
このチュートリアルは、DIY を好むユーザー、またはスロットを追加する必要があるユーザーを対象としています。 WordPressテーマ.
それでは、WordPressテーマにカスタムナビゲーションメニューを追加する方法を見てみましょう。
WordPressでカスタムメニューを作成する
ナビゲーションメニューは、WordPressテーマの機能です。 各WordPressテーマは、独自のメニューの場所を定義できます。
カスタムナビゲーションメニューを追加するには、最初にこのコードをに追加して新しいナビゲーションメニューを登録する必要があります。 functions.phpファイル WordPressテーマの。
function bpc_custom_new_menu(){register_nav_menu( 'my-custom-menu'、__( 'My Custom Menu')); } add_action( 'init'、 'bpc_custom_new_menu');
「に行くことができます 外観>メニュー 」で WordPressのダッシュボード 新しいメニューを作成または編集してみてください。 表示されます私のカスタムメニューメニューの場所のオプションとして。
複数の新しいナビゲーションメニューの場所を追加する場合は、次のようなコードを使用する必要があります。
function bpc_custom_new_menu(){register_nav_menus(array( 'my-custom-menu' => __( 'My Custom Menu')、 'extra-menu' => __( 'Extra Menu'))); } add_action( 'init'、 'bpc_custom_new_menu');
メニューの場所を追加したら、メニューをテストし、WordPress ダッシュボードにいくつかの項目を追加します。
これにより、WordPressWebサイトにメニューを表示する次のステップに進むことができます。
WordPressでカスタムメニューを表示する
次に、WordPressテーマに新しいナビゲーションメニューを表示する必要があります。 ナビゲーションメニューが通常配置される最も一般的な場所は、Webサイトのタイトルまたはロゴの直後のWebサイトのヘッダーセクションです。
ただし、必要に応じてナビゲーションメニューを追加できます。
メニューを表示するWordPressテーマのテンプレートファイルにこのコードを追加する必要があります。
'my-custom-menu'、 'container_class' => 'custom-menu-class')); ?>
WordPress テーマの場所は、前の手順で選択した名前です。
コンテナクラスは、ナビゲーションメニューに追加されるCSSクラスです。 メニューは、Webサイトに簡単な箇条書きリストとして表示されます。
CSSクラスを使用できます " custom_menu_class メニューのスタイルについて。 始めるためのCSSコードの例を次に示します。
div.customクラスのメニュー-UL {リストスタイル型:なし。 リストスタイル:なし。 リストスタイルイメージ:なし。 } Div.customクラスのメニュー李{パディング:20px。 表示:インライン; }
CSSとメニューのレイアウトについてサポートが必要な場合は、これらのWordPressスターターテーマのいずれかを使用してカスタムテーマを作成することをお勧めします。
モバイルメニューを作成する
これについては、前のチュートリアルで詳しく説明しましたが、 モバイル用のメニューを作成する方法.
これらのメニューがモバイルトラフィックにとってどれほど便利であるかを見てきました。
いくつかのテーマとプレミアムWordPressプラグインもご覧ください
他にも使えます WordPressのプラグイン モダンな外観を与え、ブログやウェブサイトの取り扱いを最適化します。
ここでは、そのためのプレミアムWordPressプラグインを提供しています。
1。 Woocommerceの寄付
この拡張機能を通じて、WooCommerce Webサイトで、顧客が指定した金額の寄付を受け入れます。 これにより、彼らは好きなだけ与えることができます。 各寄付は、通常のWooCommerce製品と同じように提示できます。
顧客がカートページをスキップするか、寄付せずに直接チェックアウトに移動すると、チェックアウトページの上にリンクが表示され、寄付できるようになります。
WooCommerce Donationを使用する各ステップは、スクリーンショット付きのドキュメントで説明されています。 プラグインをアクティブ化するだけで、カートに「寄付を追加」フィールドが表示されます。
2。 カレンダーイズ!
とともに WordPressのプラグイン それをカレンダーに書き込みます! カレンダーデザインのカスタマイズは、無料のビジュアルエディターで特に簡単です。 プラグインには、時間、主催者、場所などの多くの分類に基づく高度なフィルタリングが含まれています。 日、月、または年に基づいてイベントを一覧表示し、ウィジェットを介して今後のイベントを表示できます。
プラグインは、ユーザーロール管理、カスタム投稿タイプ、複数のショートコード、イベントのカスタムフィールドもサポートします。 また、それぞれ$ 15の多数の有料モジュールがあり、支払いオプション、広告オプション、イベントおよび予約のスコアリング、レビューなどが含まれています。
その機能には、CSV形式でのイベントのインポート、年ごとのイベントの表示、イベントのカウントダウン、いくつかの支払いオプションのサポート、広告オプションのサポート、ソーシャルネットワーク、直感的な予約フォームなど…。
3。 ディレクトリ究極のPRO
ディレクトリアルティメットPROは WordPressのプラグイン インターネット上にあらゆるタイプのディレクトリを作成できるプレミアム。 任意の WordPress テーマに統合でき、ニーズに合わせてカスタマイズできます。 このニッチなウェブサイトの主な機能の XNUMX つであるカスタム検索機能を紹介しています。
その検索バーを使用すると、パーソナライズされたフィルターを追加して検索スタイルを選択でき、最終的にはWebサイトに完全に適合します。
機能として、100%応答性の高いレイアウト、カスタマイズ可能な検索、ディレクトリを表示する3つの方法、モバイルナビゲーションの最適化、優れたSEO、最新のブラウザの大部分との互換性などを提供します。もっと
推奨リソース
ウェブサイトの構築と管理に役立つ他の推奨リソースをご覧ください。
- Googleフォームのワードプレスを統合する方法
- WordPressのページを適切に削除する方法
- あなたのブログにメガメニューを作成するための8 WordPressプラグイン
- ブログのGDPRコンプライアンスを保証する6 WordPressプラグイン
まとめ
出来上がり! このチュートリアルは以上です。 後者によって、WordPressのブログやWebサイトにカスタムナビゲーションメニューを追加できるようになることを願っています。
しかし、あなたも私たちに相談することができます ressources、インターネットサイトの作成プロジェクトを実行するためにより多くの要素が必要な場合は、 WordPressブログの作成。
このチュートリアルについてどう思うか教えてください toしないで お気に入りのソーシャルネットワークで友達と共有する.
...