織夢移動端m站點怎么做
織夢系統(tǒng)自帶,可以用自帶的。或者到互聯(lián)網(wǎng)搜索免費的手機(jī)站或者付費的手機(jī)站。
織夢2015年6月8日更新后,就添加了很多針對手機(jī)移動端的設(shè)計,最大的設(shè)計就是添加了生成二維碼的織夢標(biāo)簽和織夢手機(jī)模板功能,織夢更新后,默認(rèn)的 default模板中就包含手機(jī)模板,所以我們可以給織夢網(wǎng)站設(shè)計雙模板,電腦網(wǎng)站pc模板和手機(jī)wap模板,很方便。
我們在制作模板時通常都會參考織夢默認(rèn)模板default中的標(biāo)簽使用,所以,接下來我們就來分析一下織夢默認(rèn)模板default中使用手機(jī)模板的制作方法(注意本教程適合有織夢模板開發(fā)經(jīng)驗的站長,如果是新手,建議先去熟悉織夢pc模板開發(fā))。
1、手機(jī)模板命名規(guī)則
在新織夢的default模板中,除了原有的模板外,多了些手機(jī)模板,主要手機(jī)模板如下:
index_m.htm 首頁模板
index_default_m.htm 頻道頁模板
list_default_m.htm 列表頁模板
list_default_sg_m.htm 列表頁模板
article_article_m.htm 內(nèi)容頁模板
article_default_m.htm 內(nèi)容頁默認(rèn)模板
search_m.htm 搜索頁模板
head_m.htm 頂部模板
footer_m.htm 底部模板
熟悉織夢電腦網(wǎng)站模板制作的站長,一眼大體就能明白這些手機(jī)模板對應(yīng)的用法和制作。這些手機(jī)模板和pc模板在制作、調(diào)用上還是有些區(qū)別的。下面說一下具體的區(qū)別。
2、手機(jī)模板和pc模板的不同
(1)手機(jī)模板的命名不同
從上面手機(jī)模板的命名就可以看出,手機(jī)模板和pc模板的命名區(qū)別就是在pc模板后加“_m” ,例如pc首頁模板是index.htm,對應(yīng)的手機(jī)模板就是index_m.htm ;pc列表頁模板是list_article.htm ,對應(yīng)的手機(jī)列表頁模板就list_article_m.htm 。
并且制作pc模板時,應(yīng)該有一個pc模板,就做一個對應(yīng)的手機(jī)模板,命名如上,這樣電腦和手機(jī)訪問時,對應(yīng)頁面都可以正常顯示。
(2)手機(jī)模板調(diào)用的資源位置不同
pc模板制作時,調(diào)用的css、js、images都在模板文件夾中,例如默認(rèn)default模板中的css、js、images都在其中。而手機(jī)模板調(diào)用的css、js、images等資源都在網(wǎng)站根目錄/m/assets文件夾下。
當(dāng)然我們可以在手機(jī)模板中把資源調(diào)用的位置設(shè)置到模板文件夾內(nèi)。但我分析了一下,覺的默認(rèn)的手機(jī)模板資源這樣調(diào)用還是有好處的,把手機(jī)模板資源和pc模板 資源分開,這樣當(dāng)我們又做了一個pc模板,想把現(xiàn)有的手機(jī)模板添加到這個新pc模板中時,只需要把手機(jī)模板文件復(fù)制一份到新pc模板中就可以了,手機(jī)的 css、js等資源都不用動。簡單說,就是對手機(jī)資源管理方便。
所以建議手機(jī)模板資源按照默認(rèn)模板一樣,放到根目錄對應(yīng)文件夾下。
(3)網(wǎng)站根目錄的m文件夾
新織夢的根目錄下多了m文件夾,這個就是手機(jī)訪問的文件夾,剛才說了手機(jī)模板資源就在m文件夾下。除此之外m文件夾下還有index.php、list.php、view.php,當(dāng)我們訪問手機(jī)站時,其實就是訪問這3個文件,動態(tài)訪問手機(jī)站。
所以如果你想用電腦查看一下自己的手機(jī)站,方法就是訪問:http://你的域名/m ,就可以查看手機(jī)網(wǎng)站了。
(4)pc模板中的設(shè)置
當(dāng)我們用手機(jī)訪問網(wǎng)站時,會自動跳轉(zhuǎn)到手機(jī)模板,這需要在pc模板中添加跳轉(zhuǎn)的js代碼。在<head></head>添加代碼。
* 首頁模板中添加如下代碼:
<meta http-equiv=mobile-agent content=format=xhtml;url={dede:global.cfg_mobileurl/}/index.php>
<script type=text/javascript>if(window.location.toString().indexOf('pref=padindex') != -1){}else
{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) ||
(/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-
|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf(?
mobile)<0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test
(navigator.userAgent)){window.location.href={dede:global.cfg_mobileurl/}/index.php;}else if
(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>
* 列表頁模板添加如下代碼:
<meta http-equiv=mobile-agent content=format=xhtml;url={dede:global.cfg_mobileurl/}/list.php?tid={dede:field.id/}>
<script type=text/javascript>if(window.location.toString().indexOf('pref=padindex') != -1){}else
{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) ||
(/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-
|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf(?
mobile)<0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test
(navigator.userAgent)){window.location.href={dede:global.cfg_mobileurl/}/list.php?tid=
{dede:field.id/};}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>
*內(nèi)容頁模板添加如下代碼
<meta http-equiv=mobile-agent content=format=xhtml;url={dede:global.cfg_mobileurl/}/view.php?aid={dede:field.id/}>
<script type=text/javascript>if(window.location.toString().indexOf('pref=padindex') != -1){}else
{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) ||
(/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf(?
mobile)<0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test
(navigator.userAgent)){window.location.href={dede:global.cfg_mobileurl/}/view.php?aid=
{dede:field.id/};}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>
其中上面的js是電腦網(wǎng)站跳轉(zhuǎn)到手機(jī)網(wǎng)站的代碼,而<meta http-equiv=mobile-agent ....>是用來告訴百度,手機(jī)網(wǎng)站的地址,主要用于seo。
pc模板添加上面代碼后,手機(jī)訪問網(wǎng)站時,就會自動跳轉(zhuǎn)到手機(jī)網(wǎng)站模板了。
(5)手機(jī)模板的設(shè)置
剛才說過了手機(jī)網(wǎng)站訪問的是網(wǎng)站根目錄的m文件夾下的index.php,list.php,view.php ,手機(jī)網(wǎng)站是訪問動態(tài)頁面,而不像pc站中的靜態(tài)頁面。
手機(jī)模板制作時,有兩個地方和pc模板不同。
一、欄目超鏈接不同
在pc模板中,如導(dǎo)航欄,欄目超鏈接調(diào)用如下:
{dede:channel type='top' row='10' }
<a href='[field:typeurl/]' >這是欄目內(nèi)容</a>
{/dede:channel}
手機(jī)模板調(diào)用欄目超鏈接代碼如下:
{dede:channel type='top' row='10' }
<a href='list.php?tid=[field:id/]' >這是欄目內(nèi)容</a>
{/dede:channel}
二、文章列表超鏈接不同
pc模板中文章列表超鏈接調(diào)用代碼如下:
{dede:arclist row='10' }
<a href='[field:arcurl/]' >這是文章標(biāo)題</a>
{/dede:arclist}
手機(jī)模板調(diào)用文章列表超鏈接代碼如下:
{dede:arclist row='10' }
<a href='view.php?aid=[field:id/]' >這是文章標(biāo)題</a>
{/dede:arclist}
除了這兩個超鏈接不一樣,其他的織夢標(biāo)簽通用。
秀站網(wǎng)整理回答,如對您有幫助,請采納!
- 成都搜索引擎SEO優(yōu)化排名哪家公司好
- edu和.com是什么意思,有什么區(qū)別?
- nginx可以轉(zhuǎn)發(fā)內(nèi)網(wǎng) url東西嗎?
- 在耐思尼克買了域名,該怎么建站啊
- 如何確定某個域名服務(wù)器是否工作正常?
- 一級域名可以打開網(wǎng)站,空間主贈送的三級域名不能打開,域名解析都解析好的,那是什么
- 那里有免費的二級或者三級域名,可以設(shè)置解析IP的,提供一個,謝謝了
- 域名在什么情形下不需要備案
- host表是什么表?
- www.jf25.com一般域名解析要多久?
- 域名怎么解析到用路由器的服務(wù)器
- 反向綁定域名的方法步驟詳解
- 二級域名怎么解析
- 電腦不能解析域名?
- 域名怎么樣解析到阿里云服務(wù)器
- 用域名訪問網(wǎng)站到頁面打開過程所用到的協(xié)議?具體過程是怎么樣的
- 將ip地址轉(zhuǎn)換成域名的協(xié)議?
- 如何給主機(jī)分配二級域名?
- 二級域名做站有優(yōu)勢嗎?
- 誰能給個免費二級域名申請網(wǎng)站?現(xiàn)在有效能申請的
-
把網(wǎng)址復(fù)制粘貼到瀏覽器打開并下載 網(wǎng)址在微信上 怎么操作
-
怎樣查詢二級域名的ip地址?
-
網(wǎng)站一級域名和二級域名區(qū)別
-
子域名ip地址查詢?
-
地址發(fā)布頁是什么意思?
-
電腦網(wǎng)頁找不到,出現(xiàn)404,這個404代表什么意思?
-
有哪個網(wǎng)站可以免費看NBA直播?
-
電腦網(wǎng)頁打開時出現(xiàn)HTTP404未找到,如何解決?
-
如何建立個人網(wǎng)站?我想建一個自己的網(wǎng)站,永久免費的?
-
網(wǎng)頁版qq登錄入口
-
http://www.windows.com/stopcode
-
如何給VPS搭建的網(wǎng)站做國內(nèi)CDN加速?
-
shadowrocket怎么架設(shè)服務(wù)器
-
網(wǎng)站域名后面的cn是什么意思?
-
網(wǎng)站推廣關(guān)鍵詞排名優(yōu)化要用那些方法?