人生リセットボタン借金ブログ

借金800万の個人再生と日々の出来事

はてなブログのスマホのコメント欄が表示されない問題の解決

f:id:hennsaisurude:20180226173550j:plain

以前からご指摘もあったんですが「スマホ画面でのコメント欄のトラブル」かなり時間がかかりましたが、やっと解決しました。

 

自分ではまったく気がつきませんでしたが、Twitterでフォロワーさんから「キッスさんのスマホのコメント欄が表示されないよ!」とご指摘がありました。

 

ということで早速直そうとしましたが・・・はてなブログのサポート窓口さんにも聞きながらやっと直りました。

 

ネットで探してもなかなか情報もなく・・・もしかしたら同じような方もいらっしゃるかもしれないので、今回の過程をブログにしておきます。

 

 

コメント欄の症状

 

いつからそうなったのかは不明ですが症状としては・・・

①コメントボタンはある

②押すこともできる

③しかしコメント入力欄は出てこない

 

・・・なのでコメントボタンを押しても無反応ってことです。

 

同じサイトで比較

 

幸いなことに僕はもう一つのサイトがあるんですが、そこはこことデザインはほぼ同じです。

でもそこのサイトではコメントは可能なんです。

 

こちらがその同じデザインのサイトです。www.okane.online

 

デザインもコードも同じなので、コードなど全て一つ一つ確認をしました。

違う事と言えば・・・

 

関連コンテンツを設置してることくらいでした。

 

なので関連コンテンツを外してみると・・・うわっ!コメントができる!!

問題は関連コンテンツにあったのか??

でも関連コンテンツは外したくない・・・

 

あれ?他の人はどうしてるんだろう??

 

こういう時はサポートセンターへ!!

ってことで、はてなブログのサポートセンターへ連絡してみました。

 

サポートセンターからの指示

 

f:id:hennsaisurude:20180402142133j:plain

実際は何度かやり取りを行ったんですが、最終的にはこういう指示でした。

 

①まずはすべてのコードを外してみる

②その際は外したコードはきちんとコピペで保存しておく

③関連コンテンツだけ設置する

④その状態でサポートセンターへ連絡する

 

どうせ直らないだろうな・・・と思っていましたが、少し時間もあったので①から③までやってみました。

 

本来ならその状態でサポートセンターへ連絡するんですが、ちょっと状態を試したくて確認したら・・・

 

コメント欄が使える!!

 

おお!

もう少し試してみよう・・・ってことで、今度はヘッタからコードを貼り直しました。

順番に貼りなおすことで、コメント欄に影響を与えている問題がわかると思ったからです。

 

ヘッタ貼りなおす → コメント欄は使える!!おお!

記事上のコードを貼りなおす → コメント欄は使える!!おおおお!

記事下も貼りなおす → コメント欄は使える!!

 

こうなると問題はフッタですね。

 

おそるおそるフッタも貼り直しました・・・

 

あれ?

あれ??

 

コメント欄が使える!!

 

ここでハッキリしたのは、コードを外す前と同じ状態に戻したけど

今度はコメント欄が使えるようになったという事です・・・

 

いや正確には・・・関連コンテンツのコードの下にあった謎の「</div>」を消しました。

これだけです触ったのは・・・

 

原因は・・・結局不明ですが、修復されたことは確かです!

 

エラー時の対処まとめ

 

ブログを始めた僕のような初心者の方は、カスタマイズで本当に苦労されると思います。

色々カスタマイズをしているうちに「わけの分からないコードが増える」ことが多いかもしれません。

 

そんな場合の対処法ですが・・・こうされてみてはどうでしょうか?

①まずはすべてのコードを外す

②外したコートはコピペで保存

③コードを整理して名前をきちんと付ける

④一つ一つ貼りなおす(ヘッターから一つ一つ確認)

 

面倒ですがきっと効果はあると思いますし、ブログのコードのちょっとした勉強になると思います。

 

そして究極の解決法は・・・やはり「サポートセンターへの連絡」です。

はてなブログのサポートセンターは思った以上に親切です!

 

困ったときの対処の一つとして参考にしてみてください。

いつも応援ありがとうございます。