WordPressで、外部リンク、または特定のリンクをメニューに追加する

4

この記事では、ワードプレスで外部リンクや特定のリンクをメニューに追加する基本的な方法について説明します。 ワードプレスの テーマのデザイン>メニューでは、ページ、カテゴリ、だけでなく、ユーザー定義のリンクを追加することができ、CSSクラスなども追加することができます。

ユーザー定義のリンクを表示する

ダッシュボード(伝言板)の テーマのデザイン(ワードプレスのバージョンに応じて、「外観」)>メニュー ページに入ったユーザー定義のリンクが表示されない場合は 画面のオプションユーザー定義のリンクをチェックする必要があります。 (画面のオプションは、メニュー画面の右上部にあります。)
画面のオプション - ユーザー定義のリンク(Screen Options  -  Custom Links in WordPress)

ユーザー定義のリンクを追加する

たとえばhttp://codex.wordpress.org/などの外部リンクまたはそのワードプレスのブログ内の特定のリンク(例えば、掲示板の書き込みのリンク)をメニューに追加するには、場合は、メニュー画面で「カスタムリンク」をクリックして、追加することができます。

カスタムメニューを追加

"メニューに追加」を押すと、メニューに追加されます。

特定のメニュー項目のリンクを削除する

特定のメニュー項目をクリックしてもリンクがかからないようにするには、ユーザー定義のリンクを追加して、URLに #を追加します。

ワードプレスのカスタマイズリンク

メニューのプロパティを設定する

メニュー項目に追加した後、いくつかのプロパティを設定することができます。
ワードプレスのメニュー項目のプロパティを設定する(Menu item properties in WordPress)

例えば、上記の画面で「新しいウィンドウ/タブで開く」を選択するか、CSSクラスなどを追加することができます。 同様に、このオプションが表示されない場合は、右上にある「画面のオプション」をクリックして、必要なオプションをチェックすると表示されます。
ワードプレス詳細設定]メニューのプロパティを表示(Screen Options  -  Advanced menu properties)

注:

4のコメント

  1. サイト(thedirectshopping.club)がありますが
    最初の画面(テーマ)の長方形のボタンでダッシュボードpageに掲載したものを内部リンクしようとするテーマindex.phpからのhtml構文を配置する必要がリンクされている気づいていない。
    (今だけhtmlなどのコーディングを学び始めましたどのようにするかわからないですよね)

    http://prntscr.com/dpk0dn (スクリーンショット)

    [テーマindex.php urlです]
    https://seashared4.hostwindsdns.com:2083/cpsess8607337477/frontend/paper_lantern/filemanager/showfile.html?file=index.php&fileop=&dir=%2Fhome%2Fenfoadfa%2Fthedirectshopping.club%2Fwp-content%2Fthemes%2FBasic+theme&dirop=&charset=&file_charset=&baseurl=&basedir=

    • こんにちは?

      index.phpファイルから直接コーディングしないでください。
      まずは WordPressの基本的な内容からイクヒシことがよさそうです。

      ページを作成しページを構成します。
      ボタンはいくつかの方法で置くことができます。
      テーマでたまにショートコードでもあります。
      簡単にページの編集画面でのテキスト表示で、次のようなコードを適切な場所に追加します。

      <a class="button button-danger" href=" https://www.thewordcracker.com/basic/wordprss-grid-style-themes/">ページに移動</a>

      そしてcssを使用してbuttonレイアウトを作成します。

      次の記事に出てくるボタンを参考に提示したボタンと同様に作ってみたのでご覧ください。

      https://www.thewordcracker.com/basic/wordprss-grid-style-themes/

  2. 前文を付加言うと、例えば「サービス」とは、ページがある場合は、このサービスを押してもサービスのページに移動しないようにしたい場合があります。 例えばメニューから最上段に位置するようにする場合にはこのように動作することを希望する場合があります。

    この場合、「サービス」のページをメニューに追加せずに別々に「カスタムリンク」を作成し、「リンクテキスト」に「サービス」を入力してURLに#を指定します。

  3. メニュー項目へのリンクを追加しない場合はURLの部分に #を入れるとします。 その後、メニューをクリックしても移動しません。

コメントを残す

コメントを入力してください!
名前を入力してください