「画像」タグアーカイブ

WordPressのPhotonが酷すぎる件。画像が表示されなくなる問題

WordPressで画像が表示(ロード)されなくなった

 
全ての写真ではなく一部が表示されなくなった場合、Jetpackのプラグインの「Photon」が原因かもしれない。
 
↓こちらはPhoton無し。↓
 
gazounarabeta
 
 
 
↓こちらPhotonを有効化した場合。↓
 
photon-kuso
 

原因と解決策はあるのか

表示されていない画像を検証してみると、ファイルサイズが大きい画像が表示されなくなっていることが分かった。

基本的にWordpressでは、画像は小さくサムネイル化されるので、普段はあまり問題にならないが、画像素材などを並べている場合は、どうしても高画質のファイルをアップする必用があるので、この場合、Photonは使えない。

なお、解決策はない。

高画質ファイルを表示する時にこそ高速化したいのに、なんとも使えない奴だ!

WordPressにブログを移転したら、画像の縦横比がおかしくなった時の対処法

なぜみんなWordpressを持つのか、その意味は?

blog
最近では、ブログを書いてお小遣いを稼ごう的なことも簡単にできるようになってきたので、Wordpressで自分のブログを持とうという人も多いだろう。

「別にアメブロでも、Seesaaブログでも、ライブドアブログでも何でもええやんけ」

って思う人もいるかもしれないが、同じブログを書いて人に見てもらうなら、広告収入も、ブログ運営会社じゃなくて自分の懐に入る方がいいに決まってる。
money
だからこそ、みんながスマホでネットを見る今だからこそWordpressなのだ。

 

アメブロ辞める人へ

アメブロはクソなので記事のエクスポートができない。なのでFC2のブログ移転サービスを経由して、記事をエクスポート、その後Wordpressへ移転するという手順をとることになる。

FC2のブログ移転サービスは優秀なのだが、画像の幅や高さが全て指定されてしまう。

結果として
1

こんな感じになってしまう。

 

縦横比が崩れちゃったあなたへ

そもそもの原因は、Wordpressのテンプレートに、画像を幅100%にするスタイルシートの記述がある事に由来する。

例えば、有名テンプレートのStinger3も

.kizi img, .kizi wp-caption {
margin-bottom: 20px;
height: auto;
max-width: 100% !important;
}

スタイルシートにこんな感じの記述がある。

簡単に言うと

幅を100%にします。

という事だ。
これでFC2ブログからインポートした時に

<img src=”xxx.jpg” width=”xxxpx” height=”xxxpx”>

とソースを書きかえられちゃうので、縦横の比がおかしくなる。

ということで、解決策は、ソースの縦、横のサイズを無視して、自動で調節してやればいいだけなので、

.kizi img, .kizi wp-caption {
margin-bottom: 20px;
height: auto !important;
max-width: 100% !important;
}

height: auto; に !important; をつけるだけでOK。

よく分からない場合は、Stinger3のCSSの一番下にそのままコピペするだけでもOK。

分かりにくかったらコメントプリーズ!

【死ぬかと思った瞬間】俺の隣を象の群れが走っていった

スリランカ中部の小さな町、ピンナワラの街中をブラブラしていると、後ろから地鳴りが聞こえてきた。
振り返ると、こちらへ向かって象の一段が走ってくる。とっさに脇の店の軒先に飛び込んだので助かった。
毎日昼頃に象の群れが川に向かうという日課らしい。先に言えよ…