圖片外部帖子內容WordPress的帖子

Question

我嘗試修復，以便我在帖子中上傳的圖片位於帖子內容寬度之外。

其實我不知道是否有解決方案，但我已經看到了幾個WordPress的博客。

這裏是我怎麼想它一個例子：http://demo.themefuse.com/aesthetic/garance-dore-is-launching-a-podcast-in-partnership-with-the-outnet/

如果你在後，其比帖子內容更廣泛的看到第一圖像。

有沒有解決方案？

Answer 1

我不認爲這是一個特別的WP問題，但它可能會影響解決方案的更精細的細節。您提供的示例中的方法在非圖像區域上使用左側和右側填充。儘管如此，默認的WP編輯器不會將區域分割爲多個div。

你沒有提供你的HTML，但是，我會像接近...

.post-content { 
    box-sizing: border-box; // so that padding is part of the box area. 
} 
.post-content > * { // select all elements within your content area, or specifically things like p, h1, h2, etc. 
    display: block; 
    padding: 0 150px; // you could use padding using px, vw, etc. 
    width: 70%; // OR use width. compare this with to the image below 
} 
.post-content > img:first-of-type { // this might need to change to something to select the first image, or all images 
    width: 100%; // unlike the other elements, the image goes full width 
    height: auto; 
    padding: 0; 
}