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

Last Updated：2024年04月25日| | 6のコメント

この記事では、 WordPressで外部リンクや特定のリンクをメニューに追加する基本的な方法について説明します。 WordPressの 디자인( 또는 외모) > 메뉴では、ページ、カテゴリ、だけでなく、ユーザー定義のリンクを追加することができ、CSSクラスなども追加することができます。

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

ダッシュボード（伝言板）の 디자인(WordPress 버전에 따라 "외모") » 메뉴 ページに入ったユーザー定義のリンクが表示されない場合は 画面のオプションから ユーザー定義のリンクをチェックする必要があります。 （画面のオプションは、メニュー画面の右上部にあります。）

画面のオプション - ユーザー定義のリンク（Screen Options - Custom Links in WordPress)

WordPressがバージョン6.5にアップデートされたとき WordPress 한국어 버전에서 "외모" 용어가 "디자인"으로 변경되었습니다. 6.5 이전 버전에서는 "외모"가 사용되었고, 6.5 이상 버전에서는 "디자인"으로 한국어 번역이 바뀌었으므로 착오 없으시기 바랍니다.

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

例えば、 http://codex.wordpress.org/などの外部リンクまたは対応 WordPress ブログ内の特定のリンク（たとえば、掲示板の書き込みリンク）をメニューに追加する場合は、メニュー画面の[カスタムリンク]をクリックして追加できます。

カスタムメニューを追加

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

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

특정 메뉴 항목을 클릭해도 링크가 걸리지 않도록 하려면 ユーザー 정의 링크를 추가하고 URL에 #を追加します。

WordPress ユーザー定義のリンク

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

メニュー項目に追加した後、いくつかのプロパティを設定することができます。

WordPress メニュー項目のプロパティを設定する（Menu item properties in WordPress)

たとえば、上記の画面で「新しいウィンドウ/タブで開く」を選択するか、CSSクラスなどを追加できます。 (※最新 WordPress バージョンでは、新しいウィンドウ/タブで開く「が」新しいタブでリンクを開く「と韓国語の翻訳が稀でした。）

同様に、これらのオプションが表示されない場合は、右上隅にある「画面オプション」をタップして目的のオプションをチェックすると表示されます。

WordPress 詳細設定]メニューのプロパティを表示（Screen Options - Advanced menu properties）

メモ：

6のコメント

コメント

  1. こんにちは担当者〜お問い合わせをお客様が残したら、お問い合わせを Naver メールで、受信できますか？

    応答

  2. サイト（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/

      応答

  3. 前の記事を追加すると、例えば「サービス」というページがある場合、このサービスを押してもサービスページに移動しないようにしたい場合があります。 たとえば、メニューの上部に位置するようにしたい場合は、このように機能したいことがよくあります。

    この場合、「サービス」ページをメニューに追加せず、別途「カスタムリンク」をXNUMXつ作成し、「リンクテキスト」に「サービス」と入力し、URLに#を指定するだけです。

    応答