好きなことしか書かない気ままブログ

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

お試しあれ。

新着記事

Papalyサムネイル

パソコン

2018/8/16

Chromeのブックマークを整理するおすすめの拡張機能「Papaly」

Chromeユーザーの皆さん。 ブックマークが使いづらい 探しにくい 目的のページまで時間がかかる そんな悩みを抱えていませんか? 「ブックマネージャのスピードダイヤル | Papaly」というChromeの拡張機能をインストールしてブックマークを整理しましょう。 めちゃくちゃ便利な上、無料です! これを使うだけでネットライフが捗ること間違いなしです。 ちなみにFirefoxバージョンもあります。 ブックマーク拡張機能は「Papaly」がおすすめ Chromeの拡張機能ストアに、「ブックマネージャのスピー ...

続きを読む

トマシン

映画・ドラマ

2018/8/15

映画「ウィッチ」を紐解く。残された謎について考えてみる

アマゾンプライムビデオで「ウィッチ」を見ました。 単純にホラーが見たくて再生しましたが、シンプルなホラーとは言い難い伏線や象徴の数々が面白かった。そこで、映画を見た段階でイマイチ分からなかったことなどを考えてみます。 しかし時代背景とか伏線とか複雑すぎて全然まとまりがないです・・難しい!   見た人向けなので、ネタバレ前提です。 まだ見てなくて、どんな映画かな〜と思っている人は今すぐ戻るボタンを押しましょう。マジで! 個人的な見解と、色んな海外の考察サイトを見たりして「おお〜」と思った部分をピッ ...

続きを読む

有吉の脱ぬるま湯大作戦

映画・ドラマ

2018/8/14

有吉弘行の脱ぬるま湯大作戦は面白い?見たので感想!

Amazon Primeって結構日本のオリジナル番組があるんですよね。 有名なのだと、松本人志のドキュメンタルとか。 地上波で出来ないヤバイ笑いが多くて控えめに言っても爆笑なんですけど、今度は「ぬるま湯」発言をした有吉が体を張るっていうので面白そうなので見てみました。 果たして、毒舌有吉はどこまでヤバイ笑いを提供してくれるのか! 感想は正直に書いてます! 若干ネタバレしてるので、ネタバレが1ミリも嫌な人は見ない方がいいです。ただし、この手のお笑い番組はネタバレしたからってつまらなく感じるようなものではない ...

続きを読む

freeSIM

ライフハック

2018/8/13

どっちを選ぶべき?格安SIMのNuroモバイルとIIJmioの料金を比較してみた

格安SIMにして2年弱。ソフトバンク時代よりも値段がグッと下がって、快適に生活しています。 最初に端末代はかかりますけどね、それさえ払い終えたら毎月の請求金額を見てホクホクです。   まず、3大キャリアから乗り換えようか迷っている皆さん。サクッと乗り換えましょう。 結局のところ、格安SIMも3大キャリアの電波を間借りしているので電波状況は変わりません。 格安SIMに乗り換えるべき理由 めちゃくちゃ安い データ料金も断然安い 料金プランが分かりやすい 電波状況はそこまで変わらない   私 ...

続きを読む

檸檬堂3種類

レビュー

2018/8/12

コカ・コーラ初のアルコール「檸檬堂」のレビュー。九州ならどこで買う?

コカ・コーラ初のアルコール飲料「檸檬堂」。 レモンサワー界に激震走るか?!全種類買ってきたので、飲んでみました。 どこで買えるか・どこが安いかも要チェック! 通販で買えるの?についても調べましたよ~。 檸檬堂とは? コカ・コーラが初めて出したアルコール飲料。 レモンサワーです。九州限定発売。 マツコの知らない部屋で紹介されていたこともあり、注目度高いですよね。 パッケージの見た目も洒落ています。   前割りレモン製法という製法を採用しています。 レモンを丸ごとすりおろし、お酒に漬け込んでおく・・ ...

続きを読む

PICKUP

1

こんにちは。台風に見舞われ、傘をバキバキに折ってビショビショのまま出勤を果たした私です。 台風の日に傘をさすのはやっぱり ...

2

ダークファンタジーが読みたい! 理不尽な展開、報われない想い、残虐な死に様、残酷な敵、裏切り・・そんな重くて悲しい物語の ...

3

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

4

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

5

私はiPhoneユーザーなのですが、2年前くらいから保護フィルムをガラスフィルムに変えました。 以降落としても液晶が割れ ...

Copyright© VanBlog , 2018 All Rights Reserved.