思いついたらふわっと書く雑記ブログ

VanBlog

Wordpress

【Stinger8】wpDiscuzのコメントを開閉式にして省スペース化する方法

投稿日:2017年10月18日 更新日:

別サイトにwpDiscuzというプラグインを導入してコメント欄をアップグレードしたのですが、相変わらずスペースをとっていました。じゃあコメントを開閉式にすればいいじゃないか、ということで他のサイト様で参考にしたスクリプトをwpDiscuzに適用しました。

まずは開閉式コメントの作成

こちらのサイト様を参考にして下さい。私はまるまるコピペです。

Life Jam -【STINGER PLUS+】コメント欄を開閉式にして省スペース化!クリックで表示・非表示を切り替える

まずは上記の通り作成してみてください。通常のコメントであれば上記方法で素晴らしい省スペース化ができます。

 

このようになります(ちなみに画像はwpDiscuz)。素晴らしすぎる・・

 

しかしwpDiscuzを使用すると上記の方法だけでは開閉式にできません。それもそのはず。プラグインを適用するとcomments.phpではなくプラグインのファイルが使用されるからです。

 

WPDiscuzを開閉式にするには?

ではプラグインの方にスクリプトをまんま移せばいいじゃないか?ということで試してみた所、上手くいきました。どのファイルを修正すればいいのか、どこにスクリプトを挿入すればいいのかを書きます。

 

wpDiscuzのcomment-form.phpをいじる

wpDiscuzのプラグインが有効化されていることを確認し、comment-form.phpというファイルを探します。

/wp-content/plugins/wpdiscuz/templates/comment/comment-form.php

にあるはずです。

ダウンロードしてhtmlエディターで開きましょう。

 

スクリプトの挿入位置は一番上です。

初期状態:

<?php
if (!defined('ABSPATH')) {
exit();
}
global $wpdiscuz, $post;
if (!function_exists('wpdiscuz_close_divs')) {

となっているので、1行目にスクリプトを挿入します。

 

変更後:

<div id="comments-toggle">コメントを閉じる</div>
<script>
$(function() {
$("#comments-toggle").click(function() {
if ($("#comments").css("display") == "none") {
$("#comments").slideToggle();
$("#comments-toggle").text("コメントを閉じる");
} else {
$("#comments").slideToggle("fast");
$("#comments-toggle").html("この記事にコメントする(<i class=\"fa fa-commenting\"></i>&nbsp;<?php echo get_comments_number(); ?>)");
}
});
if (location.hash.indexOf("comment-") == -1) {
$("#comments").hide();
$("#comments-toggle").html("この記事にコメントする(<i class=\"fa fa-commenting\"></i>&nbsp;<?php echo get_comments_number(); ?>)");
}
});
</script>
<?php
if (!defined('ABSPATH')) {
exit();
}
global $wpdiscuz, $post;

1行目~18行目を挿入。このようになります。

 

以上、終了!

これでwpDiscuzのコメントが折り畳めるようになりました。確認する際はキャッシュクリアを忘れずに。見た目の調整はstyle.cssで行いましょう。

wpDiscuzをアップデートするとcomment-form.phpが元に戻ってしまうので、更新の度に編集する必要があります。ちょっと面倒。。

Disqus Comment Systemなどの他プラグインもファイルを探してスクリプトを挿入すれば問題なく適用できそうですね。

 

 

コメントを省スペース化することにより、その後に続く関連記事や人気記事などの視認性がよってPVの上昇が見込める!・・と思います。

お試しあれ。

こんなのもあります

1

オフィスで使うために電源タップを探していたのだが、まぁタップにも色々種類があるようで。Amazonなんかで迷ったときのためにちょっとしたまと ...

2

大事なファイルはセキュリティ機能付きのUSBメモリに保存しておくのがオススメ。私は仮想通貨のパスワードを記載したエクセルファイルやウォレット ...

3

Youtubeで配信用や作業用に垂れ流せるオススメの音楽チャンネルを5つ紹介。どれも登録者数が多い人気チャンネルだ。 ちなみにそのまま流すと ...

4

iQOSの掃除、皆さんどうしていますか? 私は購入した時にタバコ屋の店員さんから教えてもらった通りにしています。掃除するとやっぱり吸い心地が ...

-Wordpress

Copyright© VanBlog , 2018 All Rights Reserved.