困っている内容

Wordpressでプラグインを使用せずにシェアボタンを作りたく、
記事のsingleページのテンプレートに
SNSボタンを追加しました。
記事タイトルに%などの文字が入ることがあるのですが
その際にSNSのシェアボタンが表示されずエラーとなってしまい、これを直したいです。

試したこと（現状）

エスケープ処理ができていないからかと思うのですが
現状のコードは下記です。

        <div class="sns">
          <?php
            $share_url   = get_permalink();
            $share_title = get_the_title();
          ?>
          <ul class="sns__list">
            <li><a href="//twitter.com/share?text=<?=$share_title?>&url=<?=$share_url?>" title="Twitterでシェアする" onclick="javascript:window.open(this.href, '_blank', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=400,width=600');return false;"><img src="・・・/image/twitter_btn.png" alt="Twitter"></a></li>
            <li><a href="//www.facebook.com/sharer.php?src=bm&u=<?=$share_url?>&t=<?=$share_title?>" title="Facebookでシェアする" onclick="javascript:window.open(this.href, '_blank', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=800,width=600');return false;"><img src="・・・/image/facebook_btn.png" alt="Facebook"></a>
            </li>
          </ul>
        </div>

$share_title = esc_html( get_the_title() );　なども試しましたが、うまくいかず
この状態を何とかしたく、解決方法をご教示いただきたいです。
よろしくお願いいたします。

CHERRY

2020/06/01 03:25

> の入力欄に%を&と変更⇒SNSのリンクは出ますが、タイトル表示が&だけ出てしまいNGでした。 & って、& なので、正常では？

pondering

2020/06/01 03:50 編集

すみません、間違えておりました。正常です。 %　が%ですね。 Wordpressで公開ボタンを押した時点で、%は%に表示が変わり、SNSボタンを押すとHTTP ERROR 500のままでした。質問本文についても修正いたしました。

行動規範の内容に同意します

回答1件

ベストアンサー

esc_urlでは。

【WordPress エスケープ処理（esc_html、esc_attr、esc_url、wp_kses等）/ Web Design Leaves】
https://www.webdesignleaves.com/pr/wp/wp_escape_functions.html

投稿2020/06/01 03:15

kei344

総合スコア69608

pondering

2020/06/01 03:46

回答いただきありがとうございます。 esc_url　としましたが、タイトル前にhttp://がついてしまい、表示も500エラーでした。 https://twitter.com/share?text=http://タイトル文%タイトル文タイトル文タイトル文タイトル文タイトル文&url=http://ドメイン/001 変更したのは、下記部分です。 $share_title = esc_url(get_the_title()); 変更箇所が間違っておりますでしょうか。