該主題預(yù)留了 8 個(gè)廣告位,分別為頂部和底部通欄、右上角廣告(僅垂直布局可用)、首頁幻燈右邊、文章頂部和底部、評論表單頂部和底部。側(cè)邊欄的廣告,可以使用“文本或HTML”小工具來添加。
廣告設(shè)置方法
預(yù)留的廣告位如果要添加一個(gè)圖片的廣告,可以在線上傳添加;如果要添加多個(gè)圖片或者廣告聯(lián)盟代碼,直接添加廣告代碼:

wpdx 主題在寬度 1680 分辨率以內(nèi)都是滿屏的,大于這個(gè)分辨率在右邊會有點(diǎn)空白。
頂部廣告和底部廣告
頂部廣告位和頂部廣告位,添加廣告圖片的尺寸和添加方法:
由于寬度很大,我們不推薦添加1 圖片,至少添加 2 個(gè),所以只能通過直接添加廣告代碼。
2個(gè)圖片:寬度為 728px,建議所有圖片高度相同,使用類似下面的代碼即可:
<div class="span6">
<a href="http://www.ydqwiac.cn/" title="WordPress大學(xué)" target="_blank" rel="nofollow">
<img src="http://www.ydqwiac.cn/img/2013/12/728.png" alt="WordPress大學(xué)">
</a>
</div>
<div class="span6">
<a href="http://www.ydqwiac.cn/" title="WordPress大學(xué)" target="_blank" rel="nofollow">
<img src="http://www.ydqwiac.cn/img/2013/12/728.png" alt="WordPress大學(xué)">
</a>
</div>
從上面的代碼可以看到,使用了 <div class=”span6″> </div> ,span6 這個(gè)類是二分之一寬度,這樣就添加了2個(gè)廣告。圖片會自適應(yīng)的。
3個(gè)圖片:寬度為 465px,建議所有圖片高度相同,使用類似下面的代碼即可:
<div class="span4">
<a href="http://www.ydqwiac.cn/" title="WordPress大學(xué)" target="_blank" rel="nofollow">
<img src="http://www.ydqwiac.cn/img/2013/12/728.png" alt="WordPress大學(xué)">
</a>
</div>
<div class="span4">
<a href="http://www.ydqwiac.cn/" title="WordPress大學(xué)" target="_blank" rel="nofollow">
<img src="http://www.ydqwiac.cn/img/2013/12/728.png" alt="WordPress大學(xué)">
</a>
</div>
<div class="span4">
<a href="http://www.ydqwiac.cn/" title="WordPress大學(xué)" target="_blank" rel="nofollow">
<img src="http://www.ydqwiac.cn/img/2013/12/728.png" alt="WordPress大學(xué)">
</a>
</div>
使用了 <div class=”span4″> </div> ,span4 這個(gè)類是三分之一寬度,這樣就添加了3個(gè)廣告。
右上角廣告
只有在【樣式設(shè)置】的“主題布局”中選擇了“垂直布局”時(shí)才可以使用這個(gè)廣告位
只能放一張圖片:寬度為 470px,高度為 60px,直接使用上傳功能即可添加。
首頁幻燈右邊廣告
只有當(dāng)【幻燈設(shè)置】的幻燈樣式選擇“幻燈+廣告”時(shí)才顯示。
1張圖片:寬度為 430px,高度為 330px,直接使用上傳功能即可添加。
2張圖片:使用代碼添加,寬度為 430px 高度為160px,使用類似下面的代碼添加:
<a href="http://www.ydqwiac.cn" target="_blank" title="WordPress大學(xué)">
<img class="gg430" src="http://www.ydqwiac.cn/img/2013/12/wpdx430.png" alt="WordPress大學(xué)">
</a>
<a href="http://www.ydqwiac.cn" target="_blank" title="WordPress大學(xué)">
<img class="gg430 mt10" src="http://www.ydqwiac.cn/img/2013/12/wpdx430.png" alt="WordPress大學(xué)">
</a>
注意看上面的 img 標(biāo)簽,兩個(gè)都添加了 gg430 類,是為了使用預(yù)設(shè)的樣式;第二個(gè)多加了一個(gè) mt10 類,用途是讓第二個(gè)圖片頂部空出 10px 的高度。
側(cè)邊欄廣告
側(cè)邊欄可以使用“文本或HTML”這個(gè)小工具添加廣告代碼,圖片寬度也是 430px。代碼和上面的類似:
1個(gè)圖片:
<a href="http://www.ydqwiac.cn" target="_blank" title="WordPress大學(xué)">
<img class="gg430" src="http://www.ydqwiac.cn/img/2013/12/wpdx430.png" alt="WordPress大學(xué)">
</a>
2個(gè)以上圖片:
<a href="http://www.ydqwiac.cn" target="_blank" title="WordPress大學(xué)">
<img class="gg430" src="http://www.ydqwiac.cn/img/2013/12/wpdx430.png" alt="WordPress大學(xué)">
</a>
<a href="http://www.ydqwiac.cn" target="_blank" title="WordPress大學(xué)">
<img class="gg430 mt10" src="http://www.ydqwiac.cn/img/2013/12/wpdx430.png" alt="WordPress大學(xué)">
</a>
從第二個(gè)圖片開始,就要多加一個(gè) mt10 類,也即是說,除了第一張圖片,下面的都建議添加一個(gè) mt10 類,為的就是在上方添加點(diǎn)間隙。
文章頂部和底部廣告
直接使用后臺的上傳功能添加圖片,或者直接添加廣告代碼即可。
評論表單頂部和底部
直接使用后臺的上傳功能添加圖片,或者直接添加廣告代碼即可。



