Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPressでメールアドレスにリンクする方法

最近、読者からWordPressにメールアドレスを追加する方法を尋ねられました。メールアドレスへのリンクを作成すると、ユーザーがクリックするだけでメールを送信できるようになります。この投稿では、WordPressでメールアドレスにリンクを貼る方法を紹介します。

How to link to an email address in WordPress

動画チュートリアル

Subscribe to WPBeginner

動画が気に入らなかったり、もっと説明が必要な場合は、このまま読み進めてください。

WordPressでメールアドレスへのリンクを作成する

メールアドレスへのリンクを追加する方法は、WordPressで他のリンクを追加する方法とよく似ています。WordPressでリンクを追加する方法をご覧ください。

他のウェブページにリンクを追加する場合は、通常、http://またはhttps://の後にURLの残りの部分を追加します。例えば、http://www.example.com

Adding link in WordPress

同様に、電子メールアドレスへのリンクを追加する場合は、httpの部分をmailto:のプレフィックスに置き換え、その後にリンク先の電子メールアドレスを続けます。以下はその例です:

mailto:john@example.com

WordPressの投稿に追加する方法は以下の通りです。

リンクを追加したいテキストを選択し、CTRL+K(MacではCommand+K)を押すか、投稿エディターで「リンクを挿入」ボタンをクリックします。

リンクの挿入ポップアップが表示されるので、そこにmailtoリンクを追加します。適用ボタンをクリックして、リンク挿入ポップアップを閉じます。

Adding a link to an email address in WordPress

上のアニメーションでわかるように、メールアドレスへのリンクを追加しました。WordPressは、リンクしようとしているテキストがメール・アドレスであることを自動的に検出し、メール・アドレスに接頭辞mailto:を追加します。

どんなテキストにもメールリンクを追加することができます。テキストが正しいメールアドレスでない場合は、完全なリンクを追加する必要があります。このようにします:

Adding email link to any text in WordPress

WordPressでHTMLを使って手動でメールリンクを追加する方法

テキストウィジェットやWordPressテーマファイルにメールリンクを追加したい場合、HTMLを記述してリンクを追加する必要があります。

ここでは、HTMLを使用してメールリンクを追加する方法を説明します:

<a href="mailto:john@example.com">メールする</a>。

Adding an email link in plain HTML

なぜWordPressの投稿やページにメールリンクを貼るのを避けるべきなのか?

メールリンクを追加することの欠点は、メールアドレスが公開されてしまうことです。そのため、メールスクレイピングボットにメールアドレスを収集され、そのメールアドレスに大量のスパムが届くことになります。

もうひとつの欠点は、ユーザーがメールを送信するためにアプリケーション(ブラウザーからメールクライアントへ)を切り替える可能性が低くなることです。ほとんどのユーザーは、メールを送信するのに自分のメールアドレスを使いたがらないでしょう。

メールリンクを追加する代わりにお問い合わせフォームを追加することで、簡単にこれを避けることができます。

WPFormsの使用をお勧めします。これは、市場で最も初心者に優しいお問い合わせフォームプラグインです。

WordPressでお問い合わせフォームを作成する方法については、ステップバイステップのチュートリアルをご覧ください。

メールボットに打ち勝つもう一つの方法は、メールアドレスをエンコードすることです。WordPressメールエンコーダーでスパマーからメールを守る方法のチュートリアルをご覧ください。

この投稿がWordPressでメールアドレスにリンクする方法のお役に立てば幸いです。WordPressビジュアルエディターを使いこなすための14のヒントもご覧ください。

この投稿が気に入った場合は、WordPressの動画チュートリアルをYouTubeチャンネルに登録してください。Twitterや Facebookでもご覧いただけます。

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

アバター

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

21件のコメント返信を残す

  1. Kelly

    I’ve got the email link established and it’s loaded to my “contact us” page. So when I load the page up externally and click the link, I get a “Page Not Found” because it’s using my email address link as a regular link to another page on my site, of course doesn’t exist. Can you tell me what I did wrong? Thank you!

  2. Deneen

    I can’t figure out how to view the emails that are sent via my “Contact Me” page. I keep sending test emails, but they aren’t showing up. How do I link my website’s email address to my contact me forms?

  3. Gerald-in-Crete

    I absolutely endorse your simple and direct explanations. I am referring to how to insert an e-mail hyperlink in a posting.

    • WPBeginner Support

      Glad you found our content helpful :)

      管理者

  4. Mima

    Hello there,

    Thank you for providng such great support and guidance for beginners – most helpful. Please can you advise what the string is for mailto links which pre-populate the subject line. Is it as below?:

    “mailto:john@example.com?subject=”

    Thank you in advance for your response,
    Mima

    • WPBeginner Support

      For adding content to the subject line you have the correct code for the HTML method.

      管理者

  5. Sebastian Kayser

    Excellent and very helpful article. Thank you!

    • WPBeginner Support

      You’re welcome :)

      管理者

  6. Jessica

    How can I safely allow people to send .jpeg files to me? I turn them into art and I don’t know how to allow them to upload a picture. Is the best way to let them email me a photo?

  7. Lauren

    Thank you! This was very helpful and straight to the point.

  8. Marlene

    Hi there

    I am also creating the email links in the WP site text as demonstrated, yet, when we click on them (front page) they go to Chrome and do not create and email?

    What am I doing wrong?

  9. Kate

    Hello

    Thank you for this…however, i have these standing OK on the site, but they dont link to actually make an email – all they do at the bottom is show the address. On mobile it works fine…

  10. Johnnie Rhodes

    Thank you! :)

  11. Nathan

    Good information and details with perfect photos

  12. matingholami

    Great Post,
    But I’m searching for something different, could U help me?

    I want registered users to be allowed to write posts but not allowed to publish them, I mean they can write posts but every post written by users must be checked and edited and published by admins
    although I want to control admin area interface, I want to be able to disable admin widgets or show messages to them through the admin area

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。