ver4.0 にアップデート後、トップページのサムネイル一覧表示がおかしい

tokyo-backyard
(@tokyo-backyard)

9年、 7ヶ月前

4日前にwordpressのヴァージョンを4.0にアップデートしました。

なぜか細かいバグが多数ありほとんどは修復したのですが、かなり困った事が残ってしまいました。
トップページで画像サムネイル付きで記事一覧表示をしているのですが、その画像の表示がおかしいのです。
完全に非表示な訳ではなく、あるものは下の2pxほどしか表示されなく、あるものは15pxほど表示されてるなど、それぞれバラバラに未完成のまま表示されてしまいます。

画像の読み込みで衝突しそうなプラグインなどは全て外したのですが解決しませんでした。

大変困っていますので、分かる方いましたらお声をください！

使用テーマ : Twenty Fourteen
ウェブサイトURL : http://www.tokyo-backyard.com/

5件の返信を表示中 - 1 - 5件目 (全5件中)

gblsm
(@gblsm)

9年、 7ヶ月前
style.css の 277 行目：
```
.list-view .site-content .post-thumbnail img {
    float: left;
    margin-left: 28px;
    margin-right: 10px;
}
```
この float: left; を削除すれば、レイアウトは少し変わってしまいますが画像は表示されますね。CSSに詳しくないのでこれ以上わかりませんが。
トピック投稿者 tokyo-backyard
(@tokyo-backyard)

9年、 7ヶ月前

gblsm 様

回答ありがとうございます。
試してみたところ確かにfloat: left;を削除したところ画像は表示されました。しかしレイアウトがかなり変わってしまい、どうしても不本意なデザインになってしまいますね…。

まだご意見をお持ちの方いましたらお願い致します。
gblsm
(@gblsm)

9年、 7ヶ月前
style.css の 1075行目：
```
.post-thumbnail {
	background: #b2b2b2 url(images/pattern-light.svg) repeat fixed;
	display: block;
	position: relative;
	width: 100%;
	z-index: 0;
}
```
1098行目：
```
.entry-header {
	position: relative;
	z-index: 1;
}
```
z-index の大小関係を逆転すると直るみたいです（OS X Safari の Webインスペクターで試しました）。例えば .entry-header の方の 1 を消してしまうか、 .post-thumbnail の方の 0 を 2 に変えるか。理由はわかりませんが…。
Hinaloe
(@hnle)

9年、 7ヶ月前

z-indexは重ねる順(値が大きいほど上)なのでentry-headerが上から覆い被さってるようですね。手元にPCないのでcssは確認していませんがentry-headerの#b2b2b2が上からのっかっているようですね。

トピック投稿者 tokyo-backyard
(@tokyo-backyard)

9年、 7ヶ月前

gblsm 様

.post-thumbnail の方の 0 を 2 に変えたところ一応画像は表示されました！marginやpaddingは少しずれてしまっていますが、今の所安心しています。

素晴らしいご回答ありがとうございました…！感謝しています。

5件の返信を表示中 - 1 - 5件目 (全5件中)

トピック「ver4.0 にアップデート後、トップページのサムネイル一覧表示がおかしい」には新たに返信することはできません。

トピックタグ

表示