Wordpress中的整頁背景

我正在wordpress網站上工作，客戶要求特別是一個頁面有邊緣背景圖片。Wordpress中的整頁背景

任何人都可以提供一個解決方案，將允許我應用全屏幕背景圖像到單個頁面內的WP網站？開發一個WordPress的頁面模板會訣竅嗎？

乾杯

來源

2014-05-13 Dave Hudson

您可以使用CSS來定製只有一個頁面，用肢體樣式類鍵或帖子ID頁ID等，可以根據主題不同。

然後，使用背景圖像在自定義CSS中添加一個條目。

祝你好運！

來源

2014-05-13 22:33:26 javigs

最簡單的方法是使用CSS來定位特定的頁面。

在WordPress中呈現的每個頁面都將特定的類輸出到body標籤。例如我的博客上，這將是我的身體

<body class="page page-id-952 page-child parent-pageid-950 page-template page-template-page_full-php">

通知之類page-id-952。這僅適用於此頁面。然後我可以創建這樣的風格：

body.page-id-952{ background:url('path/to/image.png'); }

爲了您的具體情況，看看那就是BEING在身體標記該頁面呈現出類（它會比這個例子不同），和風格相應。

看看這個小提琴文件到see it in action。

注意：如果從頭開始構建主題，請將其添加到您的主體標籤以生成類。希望如果您使用的是基本主題，它已經包含在內。 Check out the codex for detailed info on body_class()

<body <?php body_class(); ?> >

來源

2014-05-13 22:41:45 Ian

我的問題是，身體的最大寬度是960像素，所以身體標記內的背景圖像不會是邊緣到邊緣。 –

您可以使用CSS3 background-size屬性設置背景大小以跨越100％。 – Ian

這是css-tricks.com克里斯Coyier一大篇，我今天使用下面的代碼實際上。將該課程應用於您想要展開的圖片。你可能需要調整CSS的定位部分。 http://css-tricks.com/perfect-full-page-background-image/

img.bg { 
    /* Set rules to fill background */ 
    min-height: 100%; 
    min-width: 1024px; 

    /* Set up proportionate scaling */ 
    width: 100%; 
    height: auto; 

    /* Set up positioning */ 
    position: fixed; 
    top: 0; 
    left: 0; 
}

來源

2014-05-13 23:14:57

我的PHP不是一樣好，因爲你幾乎希望，但可以有條件的標籤指定一個備用的CSS文件，將背景圖像HTML嗎？

來源

2014-05-14 23:25:46

雖然你可以使用條件語句來指定不同的樣式表，實在是沒有任何必要，因爲你可以從主style.css的樣式表中的目標頁面。看看我已經添加到我的答案的示例小提琴。 – Ian

Wordpress中的整頁背景

回答

相關問題