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

スポンサーリンク
ブログ管理

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

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

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

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

コメント欄の症状

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

①コメントボタンはある

②押すこともできる

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

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

同じサイトで比較

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

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

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

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

違う事と言えば・・・

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

コメント欄が使える!!

おお!

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

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

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

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

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

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

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

あれ?

あれ??

コメント欄が使える!!

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

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

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

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

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

エラー時の対処まとめ

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

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

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

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

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

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

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

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

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

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

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

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

 

参考になった!と思われた方はぜひクリックお願いします!

にほんブログ村