MENU
  • ホームhome
    • プロフィールprofile
  • ワードプレスレッスンwordpress-lesson
    • ワードプレスパーソナルレッスン(個別指導)
    • ワードプレス単発レッスンwordpress-single-lesson
  • ホームページ制作web-site
    • ワードプレス1ページプラン
    • ワードプレススタンダードプラン
    • ワードプレスプレミアムプラン
  • お客様の声voc
  • ブログblog
  • 料金・サービスservice
    • 制作実績works
  • 商品購入products
公式LINEで「500円割引クーポン」をGET!
WordPressブログ・ホームページ制作は、スノーウェブサービスおまかせください!
スノーウェブサービス
  • ホームhome
    • プロフィールprofile
  • ワードプレスレッスンwordpress-lesson
    • ワードプレスパーソナルレッスン(個別指導)
    • ワードプレス単発レッスンwordpress-single-lesson
  • ホームページ制作web-site
    • ワードプレス1ページプラン
    • ワードプレススタンダードプラン
    • ワードプレスプレミアムプラン
  • お客様の声voc
  • ブログblog
  • 料金・サービスservice
    • 制作実績works
  • 商品購入products

TEL 070-8529-6221

contact
スノーウェブサービス
  • ホームhome
    • プロフィールprofile
  • ワードプレスレッスンwordpress-lesson
    • ワードプレスパーソナルレッスン(個別指導)
    • ワードプレス単発レッスンwordpress-single-lesson
  • ホームページ制作web-site
    • ワードプレス1ページプラン
    • ワードプレススタンダードプラン
    • ワードプレスプレミアムプラン
  • お客様の声voc
  • ブログblog
  • 料金・サービスservice
    • 制作実績works
  • 商品購入products
  1. ホーム
  2. ワードプレス
  3. 【解説】ワードプレスのブロックエディタ(グーテンベルク)でリンクを貼る方法

【解説】ワードプレスのブロックエディタ(グーテンベルク)でリンクを貼る方法

2025 7/10
ワードプレス
2023年4月1日2025年7月10日
目次

ブロックエディタ(グーテンベルク)でリンクを貼る手順

①記事の編集画面を開き、ワードプレスのダッシュボードから、新しい記事を作成するか、ブラウザの記事を編集するために開いてください。

②ブロックを選択して、リンクを貼りたいテキストや画像のブロックを選択します。
③ブロックの上部に表示されるツールバーから、リンクアイコン(鎖のような形)をクリックします。

④表示されるポップアップに、リンク先のURLを入力します。 リンクを新しいタブで開く必要がある場合は、「新しいタブで開く」のチェックボックスをオンにします。

⑤エンターキーを押して、リンクを追加します。

ASPのアフィリエイトリンクやバナーを貼る場合

①ブロックの+を選択します。

②検索欄に「カスタム」と入力します。

③カスタムHTMLを選択します。

④カスタムHTMLブロックに直接アフィリエイトリンクやバナーリンクを貼ることで反映されるようになります。

⑤プレビューで表示を確認できます。

今回は例でA8.netのエックスサーバーのアフィリエイトリンクとバナーリンクを貼ってみました。

\ 無料会員登録 /

A8.net 公式サイトへ

②A8.netのエックスサーバーのテキストリンクをコピーしてブロックに貼り付けます。

③A8.netのエックスサーバーのバナーリンクをコピーしてブロックに貼り付けます。

④A8.netのエックスサーバーのテキストリンクとバナーリンクを貼ることができました。

\ 無料会員登録 /

A8.net 公式サイトへ
ワードプレス
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

コメント

コメントする コメントをキャンセル

コメントを投稿するにはログインしてください。

KPAPA
WordPress専門家・スノーウェブサービスCEO
WordPressをさわっているのが大好きな人/WordPressブログ歴17年/スノーウェブサービスCEO/Cocoon/JIN/SWELL/SANGO/AFFINGER6/HTML/CSS/PHP/JavaScript/Flutter/VB/Adob Express/Photoshop/illustrator/Premiere Pro/DreamWeaver/Canva/
目次
  • メニュー
  • お問い合わせ
  • 検索
  • トップへ
目次
お見積り無料電話でお問い合わせ
お見積無料電話でお問合せ