零基礎建站培訓教程介紹

當前位置:

如何快速建立與PC網站同步的手機網站(百度Site App)

智能手機的普及,手機網站制作不容小覷。以前講過手機網站制作教程,通過BOOTSTRAP前端框架可以制作出漂亮的自適應手機網站。

今天給大家介紹一下如何建立同步與PC網站的手機網站的另一種方法,如果你自己已經做好了一個PC電腦版網站,通過百度Site App同步的功能就可以快速擁有自己的手機網站了。

一、百度Site App申請試用

1、進入百度Site App官網:http://siteapp.baidu.com(百度已關閉此功能)

2、進入網站后,首先是添加一個你的網站。

快速建立與PC網站同步的手機網站siteapp_01

3、輸入你的網站域名,點擊確定。

快速建立與PC網站同步的手機網站siteapp_02

4、接下來是下載驗證文件,上傳到你的域名的根目錄,點擊驗證就行了。

快速建立與PC網站同步的手機網站siteapp_03

二、百度Site App快速生成WebApp

1、通過了域名驗證后,然后就是在線制作WebApp了。首先是選擇一個應用模板。

快速建立與PC網站同步的手機網站siteapp_04

2、接著是添加WebApp的導航和內容了。用鼠標在要添加的內容上點擊,然后Site App會顯示一個方框。

3、點擊這個方框后就會出現添加窗口了。先是添加導航。

快速建立與PC網站同步的手機網站siteapp_05

4、還有添加內容,可以給自己的內容設定一個標題。

快速建立與PC網站同步的手機網站siteapp_06

5、確定后就能在左邊的WebApp中看到預覽效果。

快速建立與PC網站同步的手機網站siteapp_07

6、當導航和內容添加完成后,確定就可以為你的WebApp設置一個名稱了。還可以在底部設置相關搜索、聯系信息等。

快速建立與PC網站同步的手機網站siteapp_08

三、百度Site App配置自己的域名

1、完成了自己的WebApp制作后,最后就是為你的應用設置好一個獨立的域名了。

快速建立與PC網站同步的手機網站siteapp_09

2、這個域名可以直接被移動設備來瀏覽,并且你還可以在網頁放置一段代碼,當有移動設備瀏覽時就會自動跳轉到該WebApp應用上。

3、先添加一個二級域名地址,然后到DNS管理處做CNAME記錄解析,記錄值是:siteapp.baidu.com,如下圖:

快速建立與PC網站同步的手機網站siteapp_10

4、待你的CNAME解析生效后,你就能用你的新的域名訪問你的WebApp應用了。

四、百度Site App生成WebApp效果和問題

1、通過百度Site App可以直接看到WebApp效果了。

快速建立與PC網站同步的手機網站siteapp_11

2、WebApp生成效果如下圖:

快速建立與PC網站同步的手機網站siteapp_12

3、不過在預覽效果中看到生成的WebApp卻出現圖片不顯示的情況,很有可能是我設置了圖片防盜鏈造成的。

快速建立與PC網站同步的手機網站siteapp_13

4、另外發現部落的評論都出現了顯示問題。

快速建立與PC網站同步的手機網站siteapp_14

通過以上的方法就可以在幾分鐘內將自己的電腦PC網站同步為手機網站,不需要你自己更新,只要你的PC網站更新內容,手機網站也會更新內容。

提醒:使用百度Site App適配的手機網站優點在于方法簡單,缺點在于整個網站的版面太單調,無法自己修改。如果想制作一個版面大氣美觀的手機網站,可以學習零基礎建站培訓課程。

發表評論

電子郵件地址不會被公開。 必填項已用*標注

相關教程

學做網站論壇零基礎學建網站課程
新疆25选7基本走势图