WPDX 廣告設(shè)置

  1. 主頁
  2. 文檔
  3. WPDX 主題文檔
  4. WPDX 詳細(xì)設(shè)置
  5. WPDX 廣告設(shè)置

該主題預(yù)留了 8 個(gè)廣告位,分別為頂部和底部通欄、右上角廣告(僅垂直布局可用)、首頁幻燈右邊、文章頂部和底部、評論表單頂部和底部。側(cè)邊欄的廣告,可以使用“文本或HTML”小工具來添加。

廣告設(shè)置方法

預(yù)留的廣告位如果要添加一個(gè)圖片的廣告,可以在線上傳添加;如果要添加多個(gè)圖片或者廣告聯(lián)盟代碼,直接添加廣告代碼:

0054-cmhello_com

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)間隙。

文章頂部和底部廣告

直接使用后臺的上傳功能添加圖片,或者直接添加廣告代碼即可。

評論表單頂部和底部

直接使用后臺的上傳功能添加圖片,或者直接添加廣告代碼即可。

這篇文章對您有用嗎? 3 1
?
個(gè)人中心
購物車
優(yōu)惠劵
今日簽到
有新私信 私信列表
搜索

大邑县| 凤凰县| 怀集县| 读书| 湖州市| 康乐县| 简阳市| 阿克苏市| 余干县| 双峰县| 卢龙县| 江安县| 甘泉县| 新平| 雷山县| 安福县| 来安县| 北宁市| 宜良县| 从江县| 门源| 连州市| 广水市| 双辽市| 博湖县| 赞皇县| 大荔县| 安平县| 临邑县| 衡阳市| 宣城市| 抚顺县| 花莲县| 禄丰县| 会同县| 佳木斯市| 五寨县| 剑川县| 南汇区| 徐水县| 微山县|