先日、お伝えした読者登録ボタン・アクセス解析の不具合が多分改善が出来たので同じ様に不具合が出た方が参考にして頂ければと思います。
色々なサイトを観て調べたりして色々と調整をしたが、どこが悪さをしているのか全然分らず悪戦苦闘をしていましたが何とか読者ボタンは復活しました。
読者登録ボタンやアクセス解析に不具合が出た際の対応方法
最初からやり直そう
最初に結論を言うと最初からやり直すのが一番だと私は思いました。
誰しもが最初は問題無かったはずですが、自分でアレンジをして行くうちに色々なサイトでCSSをコピぺして張り付けた事が原因になっている事が多いいでしょう。
私の場合は読者登録ボタンが見事に空白になりました。
それを改善させる為に全部のCSSをまずは外してみると読者登録ボタンが復活(笑)
アクセス解析の方は、まだ回復しているかは不明なのですが問題の一つは改善できました。
メモを使おう
上記で最初からやり直そうとは言いましたが、問題無い所までやり直す必要は無いですよね。
その為、今回私が行った方法は、ひとつひとつのコードを切り取りメモに張り付けて行く作業を行いました。
カスタマイズのヘッダから記事・フッタ・デザインCSSとひとつづつメモにコピーをして更新を繰り返すとフッタの所を外して更新すると読者ボタンが改善しました。
原因
原因は私が長年愛用していたコードでした。
太字にすると蛍光ピンクで強調してくれたり斜体にすると黄色で強調してくれたりと重宝していたコードでした。(悲)
<style type="text/css">
/* 強調表示を蛍光ペン(ピンク)風に */
article strong{
margin:0 0.1em;
padding:0.1em 0.2em;
background:#fcfc60 !important;
background:linear-gradient(to bottom, transparent 60%, rgba(255,153,255,1) 60%) !important;
}
/* bタグは太字 */
article b{
font-weight:bold !important;
}
/* 斜体表示を蛍光ペン(黄)風に */
article em{
font-weight:bold;
font-style: normal;
margin:0 0.1em;
padding:0.1em 0.2em;
background:#fcfc60 !important;
background:linear-gradient(to bottom, transparent 60%, rgba(252,252,84,0.8) 60%) !important;
}
/* iタグは斜体*/
article i{
font-style:oblique !important;
}
/* アンダーライン表示を蛍光ペン(緑)風に */
article u{
font-weight:bold;
text-decoration: none;
margin:0 0.1em;
padding:0.1em 0.2em;
background:#fcfc60 !important;
background:linear-gradient(to bottom, transparent 60%, rgba(102,255,204,1) 60%) !important;
}
このコードめちゃくちゃ使い勝手良かったのに本当に残念です。
しかし背に腹は代えられないので惜しまれながら削除。
これで、読者登録ボタンの復活が見事されました。
まとめ
私のようにCSSやコードなど良く分らず張り付けている方もいるかと思います。
そんな方が不具合に陥った場合、ひとまずコードを一旦メモに取り、削除をしていく事をお薦めします。
それでも改善できなかった場合は、はてな事務局に連絡ですね。
まだ、読者ボタンは改善されましたが、アクセス解析まで改善が出来ているのかが不明ですが、今回はひとまずホッとしています。
もしアクセス解析が改善されていなかった場合は、また記事にしたいと思います。
さいごまで読んで頂きありがとうございました。