如何讓wordpress博客頁面中展示幻燈片

1、注冊統(tǒng)計代碼：免費統(tǒng)計代碼統(tǒng)計代碼百度、cnzz等cnzz例

創(chuàng)新互聯(lián) - 成都托管服務(wù)器，四川服務(wù)器租用，成都服務(wù)器租用，四川網(wǎng)通托管,綿陽服務(wù)器托管，德陽服務(wù)器托管，遂寧服務(wù)器托管，綿陽服務(wù)器托管，四川云主機，成都云主機，西南云主機，成都托管服務(wù)器，西南服務(wù)器托管，四川/成都大帶寬，大帶寬服務(wù)器，四川老牌ＩＤＣ服務(wù)商

2、統(tǒng)計站點添加自網(wǎng)站：

找添加站點實填寫自站點信息

3、獲取代碼：

保存自網(wǎng)站獲取統(tǒng)計代碼

4、登陸wordpress臺：

找 外觀 主題 編輯選項

5、編輯找footer 文件

6、剛才復(fù)制統(tǒng)計代碼放footer文件 ...間 保存OK

wordpress怎樣加入幻燈片

首先，咱們要準備素材，青島SEO推薦：站長之家：進入搜索幻燈片即可，解壓下載到桌面。這樣你會得到一個images文件夾，css文件夾，js文件夾和index.html的靜態(tài)頁面。

第二步：用DW合并代碼

1.復(fù)制幻燈片里面的images文件里面的圖片到你網(wǎng)站模板的images文件夾里面

2.復(fù)制幻燈片css文件夾里面的代碼到你網(wǎng)站模板的css文件夾最下面

3.復(fù)制幻燈片js文件夾到你網(wǎng)站模板里面，如果你的網(wǎng)站模板已經(jīng)有js文件夾，那就打開js文件夾，放入里面

4.用DW打開幻燈片里面的index.html靜態(tài)頁面，把js代碼復(fù)制粘貼到自己網(wǎng)站模板的herder.php文件夾里面，放在/head標簽的前面即可。

一般js代碼的形式是這樣的：script src=”js/jquery-1.4.2.min.js” type=text/javascript/script

script src=”js/zzsc.js” type=text/javascript/script

修改相對路徑為WP絕對路徑，例如：script src=”?php bloginfo(‘template_directory’); ?/js/jquery-1.4.2.min.js” type=text/javascript/script

script src=”?php bloginfo(‘template_directory’); ?/js/zzsc.js” type=text/javascript/script

5.在index.html里面定位幻燈片所在的DIV,然后復(fù)制粘貼到你網(wǎng)站模板想放置幻燈片的位置，大部分模板放在頭部herder.php文件夾里，還有一部分是放在index.php文件夾里面。

6.修改幻燈片模板的大小，直至滿意的尺寸。

7.替換圖片，把想要的圖片，換成跟幻燈片里面的圖片一樣的名字，就可以替換了。

幻燈片的制作很簡單吧，青島SEO博客以后會陸續(xù)分享網(wǎng)站制作以及網(wǎng)站SEO出現(xiàn)的問題和知識，請大家多多關(guān)注?。?/p>

wordpress怎么添加幻燈片

wordpress添加幻燈片：

第一步：下載所需文件

我們需要3個文件和一包圖片，這三個文件包括Orbit的js文件和CSS，還有一個是jquery-1.5.1.min，如果你的主題中已經(jīng)調(diào)用了jquery，那么你可能不需要它。最后是一包圖片，里面是幻燈片展示用到的一些圖標。

下載地址：orbit-for-wordpress.zip （23）

下載完畢后請把這些文件上傳到主題根目錄下，比如/wp-content/themes/inove/

第二步：添加代碼

一般幻燈片只需要在首頁顯示，因此我們只需要修改主題的index.php文件（有些主題首頁模板可能不是index.php）。

打開index.php文件后，在需要添加幻燈片的地方加上以下代碼：

link rel="stylesheet" href="?php bloginfo('template_url'); ?/orbit-1.2.3.css"

script type="text/javascript" src="?php bloginfo('template_url'); ?/jquery-1.5.1.min.js"/script

script type="text/javascript" src="?php bloginfo('template_url'); ?/jquery.orbit-1.2.3.min.js"/script

script type="text/javascript"

$(window).load(function() {

$('#featured').orbit();

});

/script

div id="featured"

img src="/1.jpg" /

img src="/2.jpg" /

img src="/3.jpg" /

/div

代碼說明：

1.以上代碼中的div id="featured"這句之后的便是要展示的圖片，這里假設(shè)是url分別為1.jpg、2.jpg、3.jpg的3張圖片，請根據(jù)需要修改，增加圖片只需要另起一行再加個標簽即可。你也可以加入超鏈接，比如a href="#"img src="1.jpg"/a。

2.第一行代碼是加載jquery庫，如果你的主題中已經(jīng)加載了jquery，那么你可以將第一行刪除。

3.所需要展示的圖片最好是尺寸全都一致的。

第三步：修改幻燈片樣式

此時幻燈片應(yīng)該已經(jīng)成功運行了，你現(xiàn)在需要修改它的大小及其他樣式。打開第一步中上傳的文件中的orbit-1.2.3.css，其中第二行和第三行就是幻燈片的高度和寬度，如果你懂得CSS，可以在這個文件中修改其他樣式。

wordpress首頁幻燈怎么設(shè)置滿屏寬度

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