投稿者「」のアーカイブ

ブログをモバイルフレンドリーに WordPressとMovableType

2017年5月2日

Googleから、モバイル端末に優しくないサイトと指摘されて久しいのですが、とりあえずブログからモバイル対応にしようと、最初にWordpressを使っている「きまっし金沢の雑記帖」から始めました。
いろいろとデザイン(themes)を変えて試していると、突然動作しなくなり、ブログも見れないし、管理画面にも入れなくなりました。
半年以上、バックアップを取ってなくて、目の前が真っ暗になりました。
「きまっし金沢の雑記帖」は自分の忘備録として使っていて、ややこしい事は全部「きまっし金沢の雑記帖」に掲載しているのです。「きまっし金沢の雑記帖」が無くなると本当に何もできなくなるので途方にくれました。
可能な限りバックアップをとって、いろんな対処をして頑張ったのですが、半日間ストップしたままでした。

ふと思いついて、themesの最近インストールしたものを全て削除して、今まで使っていたthemesをインストールしたら、復帰しました。慌てて、すべてのデータをバックアップしました。
「きまっし金沢の雑記帖」は随分改造して使っていたので、今まで使っていたthemesの改造前のものをインストールして、極端な改造はやめて、色などのカスタマイズだけにして、なんとかモバイル対応にすることができました。

次はMovableTypeのブログのモバイル対応に着手しました。
こちらのほうは、すんなり移行できました。でも「交通事故被害におけるの賠償請求」だけは移行できません。なんでだろう。

2017年5月3日

「交通事故被害におけるの賠償請求」は記事のエクスポートして、FFFTPで全部バックアップをとって、ネット上のデータを全部削除して、新規作成しなおしました。エクスポートした記事をインポートして、記事を公開したら正常に動作しました。

やっぱり細かい点が気になりだして、いくつか改造しました。
満足というほどでもないですが、最低限我慢できる程度のブログになりました。

念のため、スマートフォンで動作を試してみたのですが、スクロールすると、やたらエラー表示されます。
スマートフォンでヤフオクとかでスクロールしても正常に表示されるので、ページ自体に問題があるのか、サーバーが悪いかどちらかです。
サーバーは2年前から少し高いプラン(1年5142円)に変更したのですが、掲示板とかブログとかの処理が遅いのは気になっているんです。

2017年5月4日

Googleでモバイルフレンドリーテストというのをやっていて、Wordpressの「きまっし金沢の雑記帖」とMovableTypeの「石川の食 美味しいもの食べたい」をテストしました。

MovableTypeの「石川の食 美味しいもの食べたい」は「このページはモバイルフレンドリーです」と評価されましたが、Wordpressの「きまっし金沢の雑記帖」はテキストが小さすぎて読めません、ビューポイントが設定されていません、クリック可能な要素同士が近すぎます との指摘で、「このページはモバイルフレンドリーではありません」 との評価でした。

「このページはモバイルフレンドリーです」と評価された「石川の食 美味しいもの食べたい」ですがスマートフォンでアクセスするとスクロール時にエラー表示されるし、何回か繰り返すとページ自体が表示されなくなりエラー表示されます。
何か、根本的な対処が必要なようです。

ひょっとしたらと思って、各ページごとのアクセス数とアクセスカウンターに使っているCGIを削除したら正常に動作するようになりました。

しばらくしたら、また表示に不具合が出てきました。Googleの広告を外したら、正常に動作するようになりました。困りました。
Googleの広告を外して各ページごとのアクセス数とアクセスカウンターのCGIを戻したところ問題なく動作しました。諸悪の根源はGoogleの広告だったようです。みんなはどうしているんだろう?

Googleに問い合わせをしてみました。
確認のため、「石川の食 美味しいもの食べたい」だけGoogleの広告を残しておきました。

WordPressの「きまっし金沢の雑記帖」をMovableTypeに移行してみました。
移植した記事の内容について、改行が全く無い状態になっていました。コメントも移植されませんでした。
これでは使えないし、手作業で修正も面倒なので断念しました。

それでWordpressでモバイルフレンドリーなthemesを再び探す事にしました。
なんとか条件に合うthemesを見つけました。

Googleでモバイルフレンドリーテストで「このページはモバイルフレンドリーです」と評価され、なおかつなんとか満足できるブログに変更できました。

2017年5月9日

Googleからはなんの返事もありません。
自分で、いろいろ試行錯誤してみましたが、ブラウザをFirefoxにすると問題ないようです。

GoogleChromeモバイル版とGoogleAdsenseとの組み合わせに問題ありということのようです。

ちなみにスマートフォンはAndroid4.04でChromeは42.0.2311.111というバージョンです。ちなみにAndroid4.04ではChromeの更新はサポートされなくなったようです。Googleは冷たいです。このシビアさはマイクロソフト以上です。

2017年5月10日

Googleから返事がきました。

GoogleにおいてGoogleChromeモバイル版(Chrome)での表示には問題が無かったようです。サイドエラー表示のスクリーンショットを送ってくださいということでした。

PageSpeed Insights ツールでサイトの分析ができるそうです。

試してみると、モバイル改善の余地があるとのことでした。
1.スクロールせずに見えるコンテンツのレンダリングをブロックしている JavaScript/CSS を排除する
2.ブラウザのキャッシュを活用する
3.画像の圧縮を強くする

1については、 JavaScript/CSS は、元々のthemesから入っていたものなので修正は難しいです。
2については、静的リソースの HTTP ヘッダー内で、有効期日や最大経過時間を設定すると、ブラウザがネットワークからではなくローカル ディスクから以前にダウンロードしたリソースを読み込むようになるとの事です。
有効期日や最大経過時間を設定するというのは判らないので、勉強しようと思います。
3については、画像は20KB程度まで圧縮して使っているので、これから20%程度圧縮するのは現実的ではないので断念しました。

スクリーンショットを送っておきました。

2017年5月11日

Googleから返事がきました。
やっぱり原因はChrome のバージョンだということのようです。 そのバージョンは約二年ほど前のものなのでアップデートして下さいということでした。Android4.04では、これ以外のバージョンのChromeは使えないんです。

2017年6月16日

Googleの「ページ単位」の広告を導入してみました。
Googleからモバイル端末専用で、高い収益が期待されると AdSense が判断した場合のみページに広告が表示されるというものです。
ブログでは、モバイル端末だと、GoogleAdsenseの広告をかなりスクロールしないと広告が表示されないようになっていたので、ちょうど良いと思い導入しました。

広告コードはスタイルシートを入れるヘッダーの部分(/head の上部)に挿入しないといけないのですが、実際にどう作業するのか悩みました。
Movabletypeでは、デザインのHTMLヘッダーに広告コードを挿入しました。
Wordpressでは、テーマ(wp-content—–themes—使っているテーマ)のheader.phpの下に挿入しました。

2018年8月16日

今までサイドテーブルにGoogleAdsenseの広告を入れていたのですが、それではモバイル環境では目に入ることが無いという事で、記事の下に広告が出るようにしました。

Movabletypeへのは、テンプレートモジュールの作成でGoogleコード用のモジュール(例えばgoogleという名前のモジュール)を新設して、GoogleAdsenseのコードを埋め込み、テンプレートのメインページとアーカイブテンプレートのカテゴリ別記事リストの<$mt:Include module=”記事の概要”$>の下に<$mt:Include module=”google”$>を挿入すると記事の下に広告を埋め込みました。
https://movabletype.net/support/setting/googleads-analytics.html

WordPressへのGoogleAdsenseの広告の設定は、Ad Inserterというプラグインを利用しました。

2019年6月30日

Movabletypeのブログは@Style Bootstarp Theme for Movable Type 1.0というテーマを改造して使っているのですが、サイドバーの最新の投稿一覧がメインページだけしか表示されないのが不満でした。できればカテゴリー別表示の時には、そのカテゴリー内の最新の投稿一覧が表示して欲しいのです。
ネットで調べると、Movabletypeの最新の投稿一覧は、カテゴリー別表示の時には、そのカテゴリー内の最新の投稿一覧が表示されるのがデフォルトのようです。
それで、改造する事にしました。
デザイン—-ウィジェット—-サイドバーウィジェットセットの最近の記事の

<mt:If name=”main_index”>
<mt:If tag=”BlogEntryCount”>
<mt:Entries lastn=”20″>
<mt:EntriesHeader>
<div class=”sidebar-module”>
<h4>最近の記事</h4>
<ol class=”list-unstyled”>
</mt:EntriesHeader>
<li><a href=”<$mt:EntryPermalink$>”><$mt:EntryTitle$></a></li>
<mt:EntriesFooter>
</ol>
</div>
</mt:EntriesFooter>
</mt:Entries>
</mt:If>
</mt:If>

<mt:If tag=”BlogEntryCount”>
<mt:Entries lastn=”20″>
<mt:EntriesHeader>
<div class=”sidebar-module”>
<h4>最近の記事</h4>
<ol class=”list-unstyled”>
</mt:EntriesHeader>
<li><a href=”<$mt:EntryPermalink$>”><$mt:EntryTitle$></a></li>
<mt:EntriesFooter>
</ol>
</div>
</mt:EntriesFooter>
</mt:Entries>
</mt:If>

に変更しました。

芦城公園の藤を見てきた

芦城公園の藤は以前からお気に入りです。芦城公園の藤は樹木が美しいのです。
今まで何度か、芦城公園の藤を見に行ったことがあるのですが、時期がずれていたり、晴天で影が濃かったりで、満足できる写真が撮れなかったのです。
今日は、藤が満開とまではいかなかったのですが、ついささっきまで雨が降っていて雨上がりの状態だったので、公園は貸切状態で人がいない芦城公園の藤を思う存分撮影できました。

rojoufuji1
rojoufuji2
rojoufuji3
rojoufuji4

芦城公園の場所はこちら  石川県小松市丸の内公園町19
  

いろいろ頑張った

2017年4月30日

昨日今日と、いろいろ家の仕事をしました。

最初は茶の間のスライド式の戸の重いのを直しました。レールの部分と、戸のレールの部分の接触部分を細かい紙やすりで磨いてゴミをとって、両端に敷居滑りを貼りました。戸に変形があり、レールと戸の部分の一部が接触していたので、紙やすりで削りました。
最後に100円ショップで買った滑りんぼうで軽くコーティングしました。
とても、いい感じです。

自動車のタイヤも普通タイヤに交換しました。もうとうに交換しておかないといけない時期ですが、なにかと忙しくて遅くなりました。

最後に、風呂場の排水の詰まりを直しました。以前から排水トラップの封水筒が外れなくて、パイプ洗剤だけで応急措置をして凌いでいたのです。
何度も排水トラップの封水筒を取ろうとして、断念していたのです。ドリルで2か所7mm程度の穴をあけて、そこに工具を差し込んで回してみようとしたりもしたのですが、どうしても回らなかったのです。

今回は破損しても良いから、絶対に回す決意で頑張りました。金属ドリルで何か所も穴をあけて、ドリルに回転鑢をつけて穴を広げて、バールで封水筒を破壊しました。なんとか、周りの部品を壊さないで封水筒を外しました。
分解できるのは、ここまでのようでした。でもなんとか水が通る隙間にびっしり貯まったヘドロや髪の毛を取り除いて、パイプ洗剤を注入して掃除しました。
ワイヤー式のパイプクリーナーも持っているのですが、隙間が小さくて入らないのです。

まあ、水の通りが良くなったので良しとしよう。

2017年5月3日

封水筒の入手に苦戦しています。TOTOのショールームで破損した封水筒を持って行ったのですが、結局わからないということでした。
建物を建てた時の図面を見たらユニットバスの規格がわかったので、連休明けに改めて本社に問い合わせしようと思います。
基本的にはネジ式の封水筒は、取り外しがし難くなるので、もう製造していないような感じです。
洗濯機パンにも似た部品を使っていたので、それ用の部品でも使用できるのでなんとかなるような気もします。

2017年5月8日

TOTOの封水筒についてお客さん相談室にFAXにて問い合わせしました。
返事はメールで来ました。該当の部品は発売中止で入手できないそうです。

同じユニットバスに使える他の部品は入手できるというので、金沢の販売店を教えてもらい、注文してきました。設置部の形状は全く違うのですが、少し工作して、洗濯機パンの部品と入れ替えたりして取付できそうな感じです。350円程度で入手できました。

2017年5月11日

なんとか、うまくいきました。

 

メールの一元化をしました。

2017年4月30日

家の中で自分のメールを削除できる端末が7台もあり、あちこちでメールを受け取っていので、受け取ったメールがどの端末にあるのか分からなくなって不便を感じていました。読んだらサーバーのデータを消す設定になっている端末は3台だけにしてあるのですが、受け取ったメールが3台に分かれて保存してあるだけでも不便に感じます。
そういう訳で、読んだらサーバーのデータを消す設定にしてある端末は1台だけにしました。そうすれば大切なメールは1台にまとめて保存できます。
でもそうすると、その部屋の端末を使用するまで、すべての端末で同じメールを受け取る事になって、それも面倒です。
調べてみると、サーバーの残っている特定のメールだけ削除するソフト(Delonsrv.exe)というものがあり使ってみました。
これは便利です。

2017年5月11日

Androidスマートフォンに入っていたメールソフトは動作が安定しなくて、メール来てても、メールありませんとの表示が出たりするのでK-9 Mailというアプリを利用しています。
でも、サーバーのデータは残す設定にしてあるのに、XPERIA SO-03Dで受け取ったメールが他の端末で見えないというトラブルが何度もあったので、使うのをやめました。

Gmailも最初からインストールされているので使うことにしました。GmailでGoogle以外のサーバーのメールを使う場合、Gmailのサーバーで設定しないといけなく、設定操作も判りづらいので手こずりましたが、なんとか無事使えるようになりました。動作も早いし、受け取ったメールの削除も楽なので気に入りました。

Gmailのサーバーで設定した影響で、パソコンで、Google以外のメールを重複受信するようになりました。
Gmailのサーバーで他のアドレスのメールを見るようにする設定は、Gmailのアカウントに他のメールを含めるという処置のようです。つまりGmailのアカウントと他のメールアカウントを受信すると、他のメールアカウントのメールの内容がGmailと元々のアカウントとの2つで受信することになるようです。

パソコンのほうを重複して受信しないように、重複して受信するアカウントの設定を外したのですが、そうするとそのアカウントからメールを送れないので都合が悪いです。

Gmailのサーバー設定を戻しました
K-9 Mailのアカウント設定で、K-9 Mailでメールを受け取ってもサーバーのデータは削除しないというのは元々設定してありましたが、それに加えてK-9 Mailで受け取ったメールはサーバーを削除しても消えないという設定も加えました。

豪華客船「コスタ ネオロマンチカ」は大きい

今日、金沢港に向かう50m道路を通ったら、突き当りに大きな建物が建っていて、いつの間に、こんなでかい建物が建ったんだろうと思ったら、豪華客船「コスタ ネオロマンチカ」でした。あんなにでかい船だとは思ってもいませんでした。
結構、金沢港に寄港しているようです。
COSTA