カテゴリー
wordpress

WordPressでSafariだけ表示ではなくダウンロードになってしまう

ブログを表示するとダウンロードされる

TwitterでZettonさんに教えてもらった。

すみません、ブログにアクセスすると表示されるのではなくダウンロードされるという奇怪な動作をするのですがどうやってみるのでしょうか?

なんかアクセス解析も確かにアクセス減ってるし、Adsenseの金額もほぼ0になっているし、

何かが起きているんだろうなと思いつつ、仕事が忙しいのとchromeとiphoneだと表示できていたから放置してた。

ダウンロードされる!?どうして!?

せっかく連絡いただいたので、色々と検証。

検証作業してみました

まずはブラウザを変えてみようと、safariで表示してみようとURLをアドレスバーに貼り付けてエンタキーをタターン!

何も起きない。。。

というか何かダウンロードしたぞって動きが(あのアイコンが飛んでくやつ)

本当にダウンロードされてる!!

検証の結果

WP Super Cacheの設定が悪さしていたようです。

ちょっと詳しく調査する前に直ってしまってなんとも言えないけど、

WP Super Cacheの設定とサーバのhtaccessとかの設定が違ったのかな?

キャッシュはこういう問題が発生するからなるべく使いたくはないけど、

ページの表示速度を考えるとキャッシュしたい。本当は静的なHTMLが一番良いと自分的には思うけど。

そろそろPHP7とかも入れてみたい年頃。なんでも勉強!

カテゴリー
wordpress

WordPressでiPhone(スマホ)だけ画像が表示されない時

画像がPCでは表示されるがスマホでは表示されない

WordPressでPCでは通常通り表示されている画像が、スマホでは表示されないという事象に遭遇。

PCでレスポンシブ表示にしても表示される。でも実機だけ表示されない。。。

画像のタグを見てみると、「 srcset」という見慣れない属性がついている。

The srcset attribute

画面のサイズとかでimgタグのsrcを自動的に切り替えてくれるもの。

どこを探してもそんなプラグイン入ってない!と思ったら、WordPressのバージョン4.4から自動で入るっぽい。

Responsive Images in WordPress 4.4

これ自体は問題ないのかな?とりあえずスマホ(iPhone)をmacにUSBでつないでsafariを立ち上げて、webインスペクタでデバッグしてみる。

srcset自体は動いていて、読み込もうとしているけど、画像がない。。。

アップロードした時に自動で作るのがうまく動いていないのかな?おそらくテーマの中の「add_image_size」あたりも関係してそう。

ここまで調査したけど、めんどくさくなって、Responsive Imagesを無効にしてしまうことに。

add_filter( 'wp_calculate_image_srcset', '__return_false' );

これで大丈夫になりましたーと思ったら、、、まだ読み込まれない。。。

ファイル名が日本語なのが悪いのか?と思ってローマ字にしてファイルアップロードしたら表示された。

色々と不安は残るけど、、、

 

カテゴリー
PC wordpress

ブログがFaceBookシェアで文字化けする

ブログがFaceBookにシェアした時にだけタイトルなどが文字化けする。。。。

下記タグも入っているが文字化けが起こる場合がある

<meta property="og:locale" content="ja_JP">

ブログ自体の文字コードもUTF-8で設定済み。

一体何が原因何だろう。

こういう時にWordPressってやつはプラグインとかいろんなものがヘッダー内を書き換えているから、

どいつが原因だかわかりにくい。

 

おまけに嫁さんのPCはWindows7を使っているのだが、起動せずに「スタートアップ修復」というものが起動して、

そのまま何時間も画面は変わらないまま。

調べてみると、そもそも「スタートアップ修復」なんてものは使うなと。

え?勝手に始まってしまった場合にはどうしたらいいんですかね?ハードディスクそのものは無事そうだけど、

どうやら起動に必要なデータ?がなくなったのかな?という印象。

元々はWindowsXPが入っていたマシンにmemori2Gだったのを4Gまで追加してWindows7を突っ込んで使っていたけど、

やはりPhotoshopなんかを立ち上げた時にはものすごく重くなる。IEとかFirefoxとか全く動かない。

そんな状態なのと、仕事的にも急ぎなのもあってマシンを急遽調達しましたー!

DELLが慣れているからDELLが良いとのこと、メモリが16GでモニタはなしでもOKという条件で探してもらった

1台だけ在庫があったけど、他は中国の工場がお休みになるために2から3週間ほどかかるとのこと。

納品があるらしく選択肢がないのでその1台に決めて購入。

これほどパソコンを吟味せずに買ったのは初めてです。。。

あとは今の内臓HDDからデータを取り出したいので、どうせなら外付けとして使えるようにと

外付け変換用のボックスも購入。けっこうな出費や。。。

でもプロなら遅いマシンで我慢するのではなく、ちゃんとしたスペックのマシンでちゃんとした結果を出さないとね。

個人的には未だに触ったことがないWindows10が来るので、検証とか色々と助かる!

人のものだけど、新しいマシンが来るのはウキウキする。