因為默認(rèn)的主題不是響應(yīng)主題!當(dāng)然不能在手機(jī)上顯示!請使用響應(yīng)布局主題在重試!
成都創(chuàng)新互聯(lián)公司是一家專業(yè)提供詔安企業(yè)網(wǎng)站建設(shè),專注與成都網(wǎng)站制作、成都網(wǎng)站設(shè)計、HTML5、小程序制作等業(yè)務(wù)。10年已為詔安眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)的建站公司優(yōu)惠進(jìn)行中。
如下的操作步驟請參考:
一、安裝MobilePress插件
在此之前,你需要有個wordpress博客平臺,然后按照下圖的(圖示一)安裝MobilePress插件。
MobilePress插件是一款自動識別訪問設(shè)備的插件,它可以根據(jù)用戶的設(shè)備來決定以什么樣的主題來呈現(xiàn)內(nèi)容,非常方便。
二、配置MobilePress Options選項
安裝成功后,會在左側(cè)菜單欄增加一個菜單薦,名字為“MobilePress”,點擊展開,會有3個選項(圖1):
- Options:選項
- Themes :主題
- Moblie Ads:廣告代碼
這一步,我們打開Options這個菜單,如(圖2)所示,
- Blog Title:博客標(biāo)題
- Blog Description:博客描述
- Mobile Themes Directory:手機(jī)博客主題目錄
- Force Mobile Site:是否強(qiáng)制使用手機(jī)模式瀏覽
三、配置MobilePress Themes選項
MobilePress插件自身會提供兩套現(xiàn)成的手機(jī)主題:
- default(默認(rèn)):`plugins/mobilepress/system/themes/default`
- iphone(iphone版):`plugins/mobilepress/system/themes/iphone`
用戶可以選擇自已喜歡的模板做為展現(xiàn)用。
四、配置Moblie Ads選項
因為MobilePress系國外的插件,所以,廣告聯(lián)盟也是國外的,這個選項暫時無用,可跳過。
五、準(zhǔn)備手機(jī)主題的2次開發(fā)
MobilePress自帶的兩個主題模板,樣式簡陋,兼容性也比較差,我們可以在它的基礎(chǔ)上進(jìn)行2次開發(fā),以達(dá)到我們的個性化的需求。
開發(fā)流程:
- 復(fù)制 default默認(rèn)主題模板,路徑為`plugins/mobilepress/system/themes/default`;
- 按照自已的需求對defult主題代碼進(jìn)行2次開發(fā)即可。
default模板文件布如圖所示:
這個模板提供了基礎(chǔ)的輸出功能和簡單的樣式,按照文件名可以為各個頁面進(jìn)行方便地2次開發(fā)。
大概需要修改兩個文件。
一個是header.php,另一個是style.css.
將header.php中的meta name="viewport" content="width=device-width"去掉。
然后修改style.css,將mdeia queries部分刪除或注釋掉,也即所有以
@media screen 。。。開頭的樣式刪除掉