WordPressのコメント欄を、どうにかもっと使いやすいようにできないかと色々勉強しています。正直、disqusやlivefyreと言った外部のコメントシステムを入れるのもいいんですけども（今もどうしても頼ってしまっているんですけども）読み込みが遅くて、たまに重くなったりするのが気になります。
読み込みが遅くて重い、ということはサイトの表示速度にも関わることなので、なんとかWordPress本来のコメント機能をカスタマイズして、もっと使いやすいコメント欄を作ろうかと思っています。（これが結構難しくてですね、私的には）
それで、また１つ勉強になったことがありまして。例えば、コメントをいただくじゃないですか。で、そのコメントに対して、返信（Reply）したいとするじゃないですか。その時、「comment-reply.js」をあらかじめ読み込んでおくと、ページ移動なしにコメントが書けるんですね。
説明がヘタなので、画像で見てもらえたほうがいいですね・・・こんな感じです。
【コメントあるじゃないですか】
【返信（Reply）を押すと、コメント入力欄がコメントのすぐ下に表示されてる！】
【別のコメントに返信（Reply）しようとすると・・・入力欄が移動する！】
おお～、これは便利だ・・・！
Codexのテンプレートタグ/comment reply link の下記を読んで初めて知りました。
ユーザーが、特定のコメントに返信を投稿するリンクを表示します。
JavaScript が有効になっていて
comment-reply.jsJavaScript がロードされると、このリンクはコメントフォームをコメントのすぐ下に移動します。
「comment-reply.js」を読み込むには
私の場合は以下を<head></head>内に書いています。
<script type="text/javascript" src='<?php bloginfo('url'); ?>/wp-includes/js/comment-reply.js'></script>もっといい方法があればご教示いただけますと嬉しいです。
いや～、コメント欄もですけども・・・まだまだ勉強するとこたくさんあるな～と感じます。
初めまして、comment-replyの読み込みですが、
でスマートに読み込むことができます。
私は投稿記事だけに条件分岐して下記のようにして、headに記述しています。
2017/08/20 20:49:58
ツイート
シェア
ととさん、はじめまして。恐れ入りますが、コメント欄でhtmlを書かれている場合は反映されない場合があります。
最近ですと、
if ( ! function_exists('read_scripts') ) :
function read_scripts() {
// Add Script
if ( is_single() ) wp_enqueue_script( "comment-reply" );
}
add_action( 'wp_enqueue_scripts', 'read_scripts' );
endif;
と書いて、wp_enqueue_scriptsのフックを使った案件がありました。
記事を公開した時点ではこの辺の知識がなかった時に書いたものなので、更新が必要ですね。どうもありがとうございました。
2017/08/20 21:21:55
ツイート
シェア