ナックル暴投ワイルドピッチ

重い腰を上げて、スマホ（というかAndroid）で閲覧した際にコメントが途中で切れてしまう
という不具合を修正しました。



修正前と比較すると少し文字の大きさが大きくなり見栄えが悪くなってしまいました。
それでも、これで問題なくコメントが読める状態にできたのでホッとしています。

試行錯誤をした結果、修正方法は意外と単純である事が判明。
『\freo\templates\iphones\internals\view』に入っている『default.html』の
143行目を下記の通り修正するだけです。

{$comment.text|nl2p|autolink}　→　{$comment.text|nl2br}

これで上の画像の様にコメント欄の全ての文章を表示させる事が可能になります。


個人的には前述したフォントなどもう少し手を加えたかったです。
しかし、freoで使用しているSmartyの機能では私のやりたい事ができないと感じ、
コメントの表示だけで妥協しました。
疲れてそれ以上手が回らなかったという事情もありますが（汗）。

autolinkの機能はこれを残しているとコメント欄に不具合が発生するので削除しました。
ただ、Android端末の方でしたらURLをコピー＆ペーストするのも容易です。
お手数ではございますが手動でブラウザにURLを張り付けて頂くようお願いします。
（パソコンで閲覧されている方は引き続きこの機能は有効になっています）

これでスマートフォンなどでご覧頂いている方に対して少しだけ優しいサイトになりました。
修正できたのは良かったですが1年半近く放置していたのはいただけません。
今度サイト内の不具合が発生した場合は素早く対応したいです。

今日は2年ぶりに3時間近くの残業でした。
なぜか次々と仕事が入ってきて定時内ではとても終わらせられなかったので。
とはいえ時給でしっかり残業代が出ると思えば仕事も苦にはなりません。
時給が高いとは言えませんので、せめてこういう所で稼がないと。

帰り道で昨日の日記に書きこまれたコメントをスマホから読んだのですが、その際に気になる事が。



このように長い文章の場合、こまめに改行しないと途中で読めなくなってしまいます。
タブレットで見た場合は下の画像のような感じになります。



スマホからよりはマシとはいえ、やはり途中から読めなくなります。
PCで閲覧する際のCSSファイルと異なり、スマホでの閲覧時のテンプレートはほとんど弄っていません。
やったのはなぞなぞ認証を追加しただけです。
だとするとこれはfreoの仕様なのでしょうか。
ブラウザをPC版サイトで見るようにすれば見られるようになりますが、
いちいちそうするのも面倒くさいです。


何かいい方法はないかとfreoの公式サイトを見ると、freoのファイルがVer 1.20.2まで
バージョンアップしていた事に気が付きました。
ちなみに私が現在使用しているのはVer 1.19.3、5年も前の物ですね。
Web Diary Professionalから移行して以来、公式サイトをほとんど見ていなかったので
全く気が付きませんでした（汗）。
ああ、作者はfreoを見捨てていなかったのだな、と少し安心しました。

今回の問題の解決に直接結びつくかは分かりませんが、時間があったら明日にでも
ダウンロードした差分ファイルをアップロードします。
解決しない可能性が高そうですがやらないよりは、という事で。


■2020年3月30日追記
重い腰を上げてこの不具合を解決しました。
方法はこちらの記事をご覧下さい。

久々に管理画面をまともに確認したらトラックバック荒らしが恐ろしい事になっていた件。
先月の終わりから200件近く溜まっていました。
幸いにも1つの記事しか狙われていなかったので対策は容易いです。
少し面倒くさかったですが、手作業でトラックバックを削除した後、
対象になっていた記事のトラックバック投稿をオフにして終わりです。
念のため『トラックバック承認の初期値』も未承認にしておきます。
これでまた同じ記事が狙われたらシステム的な問題ですので、その時はまた別な方法を考えましょう。

ただ、.htaccessで日本のみのアクセスに制限するのは嫌なのですよね。
せっかく、なぞなぞ認証でコメントのスパムがなくなって全世界から閲覧頂けるようになったのに、
トラックバックのせいでまた不自由な思いをさせてしまうのはお越し下さった方に申し訳ありません。
freoのサイトを確認するとトラックバックスパム対策プラグインがあるようなので
これを導入する事にします。
効果があるかどうか分かりませんが。

友人から『ブログにコメントできない』という話があり、この前の日曜日に原因を調査しました。
調べてみると、確かにPCからは問題なくコメントできましたが、スマホからですと投稿する事ができません。

原因はスパム防止目的で入れたfreoの投稿キープラグイン 。
ネットで解決策がないか探していた所、私と同様の現象が発生して困っていた方がいらっしゃいました。
その方の話によると『なぞなぞ認証プラグインにすればコメントできるようになった』
という情報がありましたので私も導入しました。
導入後、私のスマホから無事投稿できる事を確認。
設置したばかりですので今後不具合が発生する可能性もありますが、ひとまずこれで様子を見る事にします。


導入自体は手順さえわかれば20分程度で終わる作業なのですが、
久しぶりにfreoを弄った影響から全体の作業時間が2時間近くかかってしまいました。
なにせサーバーのフォルダの場所さえわからなかった有様です。
それだけでも相当混乱していたのに、ファイルをASCIIモード（テキストモード）でアップロードするように
という指示までありました。
色々情報が多すぎて最初は何が何だかさっぱり分かりませんでしたよ。
運が悪い事に、現在使用しているWinSCPの設定がバイナリモードでのアップロードでした。
そのためセットアップ画面に入れないというトラブルに遭遇してしまう羽目に。
FFFTPでしたら初期設定でHTMLファイルとPHPファイルの場合は
自動的にテキストモードでのアップロードするような動作になっていたのですが…
やっぱり自分のサイトは定期的に弄らないとコツを忘れてしまってダメです。

遅くなりましたが、このブログ（freo）をスマホからの閲覧で綺麗に見えるように手を加えました。
AndroidとiPhoneの両方に対応しています（タブレットは未確認）。
使用したテンプレートはこちらです。
やろうやろうと思っていましたが後回しにしてしまいました。

デフォルトの状態から色々手を加えたかったのですが、今回使用した物は
私が改造するのは難しいと思い断念しました。
せめてPC版の色合いへの統一はしたいのと思ったのですが。
余裕があったらもう少し調べるようにします。


今まで、googleで私のサイトを検索すると『ページがモバイル フレンドリーではありません』
という表示が出ていました。
調べてみると、これが出ていると検索での順位に影響が出るとか。
これで少しでも多くの方に見てもらいたいなあ、と思っていますがどうなる事でしょうか。

freoに手を加えて全体的なページの色を変えてみました。
Web Diary Professional時代を意識して全体的に明るくしてみましたがいかがでしょうか。
少なくともデフォルトの時よりはマシになったと思います。
まだ気になる点もありますがそこは追々変えていけば良いでしょう。
ゆくゆくは背景を画像にしてみたいです。
その辺りは時間がある時にゆっくり考える事にします。

少しサボっていましたが、freoに移行してからリンク切れをしていた画像の修正をしました。
導入当初に2010年までの日記は修正しましたが、それ以前の物は、

「どうせ誰も見ていないし急いで修正する事も無いか」

と思い放置していました。
ただ、今まで書いてきた日記は私にとって財産でもありますし、
さすがにリンク切れをしている状態はみっともないと思いました。


あとfreoで修正する所は両サイドがグレーになっている所でしょうか。
これも初期状態から放置したままです。
Web Diary Professional時代のように明るい黄緑にしたいと思っています。
次回の更新は一体いつになるでしょうかねえ（爆）。