STINGER PLUS+ Stinger6 Stinger7 WordPress カスタマイズ 伝えたいこと 備忘録
2025年8月26日 (火曜日)本日の人気記事トップ１０
今日は2025年8月26日です。
この記事は2017年1月11日のものです。現在は状況が異なる可能性がありますのでご注意ください。
2025年8月26日 (火曜日)↓における週間月間人気記事トップ３は？↓
計測データがありません。
Windows10でエラーコード0x800705b4の対処方法 3PV
Windows10で前回の記事でも紹介したWindows Updateができないくて、その対処方法を記載しました。 そしたら、 一応、sfc /scannowの実行でいくつかのWindo…
Windows10でエラーコード0x800705b4の対処方法 3PV
Windows10で前回の記事でも紹介したWindows Updateができないくて、その対処方法を記載しました。 そしたら、 一応、sfc /scannowの実行でいくつかのWindo…
前々から気にかけてどうにか出来たらいいなぁ…。なんて思っていたコメント欄です。
コメント欄を非表示にしてしまうというのもありかなぁ。と思ったこともありましたが、
いくつかのブログにてコメント欄が開閉式というのでしょうかスライド式というのでしょうか。
うまい具合に省略化されていらっしゃるブログもちらほらと拝見していたことがあります。
コメント欄を非表示にしてしまうとせっかくの訪問者のコメントが見えなくなってしまうというのと、今後コメントされなくなってしまうというのがありなかなか悩んだりしていました。
そこで今回kanamiさんのツイートにて発見させて頂きました。ありがとうございます。(人-)謝謝(-人)謝謝
（もしかしたら、Stinger7でも可能かもしれません。未検証ですが…。）
完成形は以下のようになります。
ほとんどと言いますかコードは紹介先のサイト様と同じものになります。
StingerPLUS+においては、
comments.phpの2行目に以下のコードを追加するようですが、
Stinger6においては、一番上（はじめ）に追加・追記します。
<div id="comments-toggle">コメントを閉じる</div>上記コードを、
<div id="comments">の上に追記します。
<div id="comments">の下（2行目）に追記してcssにてボタン表示にしてもjQueryを記述するとコメント欄が消えてしまいます。
<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> <?php echo get_comments_number(); ?>）");
}
});
if (location.hash.indexOf("comment-") == -1) {
$("#comments").hide();
$("#comments-toggle").html("この記事にコメントする（<i class=\"fa fa-commenting\"></i> <?php echo get_comments_number(); ?>）");
}
});
</script>
<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> <?php echo get_comments_number(); ?>）");
}
});
if (location.hash.indexOf("comment-") == -1) {
$("#comments").hide();
$("#comments-toggle").html("この記事にコメントする（<i class=\"fa fa-commenting\"></i> <?php echo get_comments_number(); ?>）");
}
});
</script>
/* コメント欄の開閉ボタン */
#comments-toggle {
display: block;
margin-top: 10px;
padding: 3px 0px;
background-color: gray;
border-radius: 3px;
color: #fff;
font-size: 16px;
font-weight: bold;
text-align: center;
}
#comments-toggle:hover {
cursor: pointer;
opacity: 0.8;
}
私の場合は「この記事のコメントする」の背景色はグレー色にしてみました。
カラーコードですと#808080になります。
ポチップあなたが訪問してから
⏰ 0 秒経過 🎉ホワイトデープレゼントは以下などの豊富なキャンペーン商品から選ぶと良いと思います。
今週の人気記事トップ１０
アイドリングストップシステム異常警告灯表示対処方法 
エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 
車のキーナンバー確認方法。キーレス紛失や壊れた時 
カーメイトのエンジンスターターでエラー15表示と対処方法 
ECUをリセットする方法。アイドリング不安定だったのでしょうがなく 
エクストレイルT32エアコンダクト内全LED化 
エクストレイルT32マイナーチェンジ後ステアリング外し方 
ステアリング交換とステアリングスイッチの増設と外し方後期型仕様に 
オカルトチューンと言われていたマグチューンを取り付け 
ハンドルスピンナーおすすめと世田谷ベース掲載ALEBANAハンドルスピンナー ハンドルスピナー軽自動車ハイエーストラック対応工具不要専用緩衝材入り (ブラック) よろしかったらシェアよろしくお願いします。
わあ…格好良くて可愛いサイトですねえ。
惚れ惚れしてしまう(*´∇｀*)
色合いとかもすごい好き♡
あっ、あの
スポンサーリンクが２個表示されてるのを１つ消すやり方を教えて頂いて、お礼にやってきました。
http://いたちのおうち.xyzの滝川です。
親切にありがとうございました。
ちゃんと出来ました。
嬉しかったです。
また「技を盗ませて」もらいに来ますｗｗ
本当に可愛いサイトだあ♡
ありがとうございました。
はなこさん(^-^)、
早速ご訪問とコメントありがとうございます。
褒めていただいて嬉しい限りです( ^ω^ )
昨日の夜に背景をちょっとアダルトちっくに黒っぽいものにしたばかりなんです^^;）
また、２つ表示解消されて良かったですねねd(*^ω^*)ﾈｯ！
こちらこそお役に立てて良かったです(*^^*)
新着コメント