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

【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の上昇が見込める!・・と思います。

お試しあれ。

  •  
  •  
  •  
  •  
  •  
  •  
  •  

AD

AD

-Wordpress

Adsenseのクリック単価が低い?アクティブビュー視認可能率を上げる対策をしてみた

なんだか最近Adsenseのクリック単価が悪い・・と思っている方。もしかするとアクティブビュー視認可能率が低くなっているかもしれません。ちゃんと確認してとれる対策をとっていきましょう、というお話です。 …

  •  
  •  
  •  
  •  
  •  
  •  
  •  

Syntaxをハイライトするプラグイン【Enlighter】の設定方法とテーマ一覧!

WordPressのプラグイン、Enlighter – Customizable Syntax Highlighter。プログラムコードを記事内で見やすく表示してくれる便利なプラグインです …

  •  
  •  
  •  
  •  
  •  
  •  
  •  

【Stinger8】Super Socializerで関連記事に表示されるシェアボタンを削除する方法

Stinger8でSuper Socializerを使用すると、シェアボタンが関連記事にまで表示されてしまいます(下の画像を参照)。ちなみにこれはデスクトップのみの話で、モバイルで閲覧した場合は表示さ …

  •  
  •  
  •  
  •  
  •  
  •  
  •  

EWWWではPage Insightの「画像を最適化」が消えないわけ

プラグインEWWWを使って画像を圧縮しても、Page Insightの「画像を最適化」という項目が消えません。それは何故なのか? もくじPage Insightはロス圧縮が前提になっているロスレス圧縮 …

  •  
  •  
  •  
  •  
  •  
  •  
  •  

Shareholicで記事の左下に出現するポップアップを非表示にする方法

このブログではShareholicというプラグインを使用しています。 アップデートか分かりませんが、 いつの間にか左下に変なポップアップが出るようになっていました。   ↓こんなやつ 普段は …

  •  
  •  
  •  
  •  
  •  
  •  
  •  

このサイトについて

 

こんにちは。管理人のVanです。

 

タイトル通り、ここは管理人の雑記ブログです。雑記ですのでジャンル限らず幅広く浅く色んなことを書きます。

気の向くままにまったり。