以前からご指摘もあったんですが「スマホ画面でのコメント欄のトラブル」かなり時間がかかりましたが、やっと解決しました。
自分ではまったく気がつきませんでしたが、Twitterでフォロワーさんから「キッスさんのスマホのコメント欄が表示されないよ！」とご指摘がありました。
ということで早速直そうとしましたが・・・はてなブログのサポート窓口さんにも聞きながらやっと直りました。
ネットで探してもなかなか情報もなく・・・もしかしたら同じような方もいらっしゃるかもしれないので、今回の過程をブログにしておきます。
コメント欄の症状
いつからそうなったのかは不明ですが症状としては・・・
①コメントボタンはある
②押すこともできる
③しかしコメント入力欄は出てこない
・・・なのでコメントボタンを押しても無反応ってことです。
同じサイトで比較
幸いなことに僕はもう一つのサイトがあるんですが、そこはこことデザインはほぼ同じです。
でもそこのサイトではコメントは可能なんです。
こちらがその同じデザインのサイトです。
デザインもコードも同じなので、コードなど全て一つ一つ確認をしました。
違う事と言えば・・・
関連コンテンツを設置してることくらいでした。
なので関連コンテンツを外してみると・・・うわっ！コメントができる！！
問題は関連コンテンツにあったのか？？
でも関連コンテンツは外したくない・・・
あれ？他の人はどうしてるんだろう？？
こういう時はサポートセンターへ！！
ってことで、はてなブログのサポートセンターへ連絡してみました。
サポートセンターからの指示
実際は何度かやり取りを行ったんですが、最終的にはこういう指示でした。
①まずはすべてのコードを外してみる
②その際は外したコードはきちんとコピペで保存しておく
③関連コンテンツだけ設置する
④その状態でサポートセンターへ連絡する
どうせ直らないだろうな・・・と思っていましたが、少し時間もあったので①から③までやってみました。
本来ならその状態でサポートセンターへ連絡するんですが、ちょっと状態を試したくて確認したら・・・
コメント欄が使える！！
おお！
もう少し試してみよう・・・ってことで、今度はヘッタからコードを貼り直しました。
順番に貼りなおすことで、コメント欄に影響を与えている問題がわかると思ったからです。
ヘッタ貼りなおす → コメント欄は使える！！おお！
記事上のコードを貼りなおす → コメント欄は使える！！おおおお！
記事下も貼りなおす → コメント欄は使える！！
こうなると問題はフッタですね。
おそるおそるフッタも貼り直しました・・・
あれ？
あれ？？
コメント欄が使える！！
ここでハッキリしたのは、コードを外す前と同じ状態に戻したけど
今度はコメント欄が使えるようになったという事です・・・
いや正確には・・・関連コンテンツのコードの下にあった謎の「</div>」を消しました。
これだけです触ったのは・・・
原因は・・・結局不明ですが、修復されたことは確かです！
エラー時の対処まとめ
ブログを始めた僕のような初心者の方は、カスタマイズで本当に苦労されると思います。
色々カスタマイズをしているうちに「わけの分からないコードが増える」ことが多いかもしれません。
そんな場合の対処法ですが・・・こうされてみてはどうでしょうか？
①まずはすべてのコードを外す
②外したコートはコピペで保存
③コードを整理して名前をきちんと付ける
④一つ一つ貼りなおす（ヘッターから一つ一つ確認）
面倒ですがきっと効果はあると思いますし、ブログのコードのちょっとした勉強になると思います。
そして究極の解決法は・・・やはり「サポートセンターへの連絡」です。
はてなブログのサポートセンターは思った以上に親切です！
困ったときの対処の一つとして参考にしてみてください。
いつも応援ありがとうございます。
