wordpress博客文章頁面加寬的方法

在我們開始之前，打開?Xampp Control，主題文件夾，F(xiàn)irefox?瀏覽器，IE?瀏覽器，index.php和style.css這兩個文件。

在鞏義等地區(qū)，都構建了全面的區(qū)域性戰(zhàn)略布局，加強發(fā)展的系統(tǒng)性、市場前瞻性、產品創(chuàng)新能力，以專注、極致的服務理念，為客戶提供成都網(wǎng)站制作、網(wǎng)站建設、外貿網(wǎng)站建設 網(wǎng)站設計制作按需求定制網(wǎng)站,公司網(wǎng)站建設,企業(yè)網(wǎng)站建設,品牌網(wǎng)站設計,網(wǎng)絡營銷推廣,成都外貿網(wǎng)站制作,鞏義網(wǎng)站建設費用合理。

第一步：設置頁面總體寬度

需要把現(xiàn)在主題中的所有的東西（header，container，sidebar 和 footer）放入一個 自己想定義的寬度 的 DIV 標簽中。

在?body?之后增加：div id=”wrapper”

在?/body?之前增加：/div

在?style.css?文件中輸入以下代碼：

在 CSS，#?號是通過?id?來定位頁面中的元素，而點號是通過?class?來定位頁面中的元素，如果你的代碼是?div class=”wrapper”，那么就應該用?.wrapper?來替代?#wrapper?去定位wrapper?這個 DIV 標簽。

同時保存?index.php?和?style.css?文件。刷新 Firefox 和 IE 瀏覽器（按 F5）查看所做的改動。

第二步：自動頁面居中

把?body{}?中的?text-align: left;?改成?text-align: center;。

為什么？（我假設你使用的是 Firefox 和 Internet Explorer 6）。你的布局可能你看起來是正確的，但對于使用早前版本的 IE 用戶可能不正確。還記得設置左邊和右邊的頁邊空白為自動是居中嗎？但是這并不是對所有的 IE 都適用，所以?body{ text-align: center; }?是讓?wrapper?DIV 居中在舊版本 IE 的一種解決方案。

（隨便說一下，在 Firefox 和 IE 中文本大小是不同的，我們稍后解決。）

第三步：設置 header 寬度和布局

讓?Header?浮到左邊并且設置它的寬度為 750px：（輸入心中想要的寬度）

第四步：設置 Container 寬度和布局

讓?Container?浮到左邊并且寬度為 500px：（輸入心中想要的寬度）

第五步：設置 Sidebar 寬度和布局

讓?Sidebar?浮到左邊，寬度為240px，并且給它灰色的背景：（輸入心中想要的寬度）

#ffffff 是白色而background: #eeeeee;?是非常淺的灰色。我們給側邊欄增加一個背景顏色只是去查看當增加剩下的 10 像素之后的不同之處。

第六步：設置 Footer 的寬度和布局

讓?Footer?浮到左邊，左右兩邊都沒有東西，并且寬度為：750px：（輸入心中想要的寬度）

Header?和?Footer?的樣式有什么區(qū)別呢？答案是?footer{}?中有?clear: both;。它在那兒使得 Footer 不能和它上面的東西（如 Sidebar 或者 Container）連接起來。

保存并刷新瀏覽器。

第七步：給側邊欄增加其余的 10 像素

給側邊欄增加其余的 10 像素的頁邊空白。現(xiàn)在側邊欄的 CSS 應該是：

保存并刷新瀏覽器去查看 10 像素的空白增加到側邊欄的左邊了。

margin: 0 0 0 10px;?具體的意思是：上邊空白為0，右邊空白為0，底部空白為0，左邊空白為10像素。當大小為0的時候，px?單位不是必需的。

第8步（額外的步驟）：修正 IE 的雙倍頁邊距 bug

Internet Explorer?有個雙倍頁邊距的 bug，這樣在 IE 下，我們的頁面距就是 20像素，20像素的頁邊距可能會破壞布局并把側邊欄擠到頁面的底部，因為一個20像素的頁邊距使得 Container 和 Sidebar 的寬度之和為 760px 而不是 750px。為了解決這個問題，增加?display: inline;?到側邊欄。現(xiàn)在你的側邊欄應該是：

現(xiàn)在的 index.php 和 style.css 文件應該和教程源代碼文件夾中的 index-lesson-11.txt 和 style-lesson-11.txt 一致了。

wordpress博客后臺的編輯器如何固定寬度，默認的太寬了。寫文章不舒服。需要打很長一行才換行。

后臺是不能編輯的，應該是用dreamweaver打開CSS樣式文件來修改寬度

如果不會的話建議按個和你心意的別的主題先用著

wordpress首頁幻燈怎么設置滿屏寬度

修改css，讓主題最外層寬度100%，但如果內部是絕對大小或絕對定位，必然造成網(wǎng)頁錯位

分享文章：wordpress定寬 wordpress怎么改變布局
本文網(wǎng)址：http://www.chinadenli.net/article40/dddjpeo.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供電子商務、云服務器、網(wǎng)站建設、Google、網(wǎng)站改版、網(wǎng)站排名

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)