零基础建站培训介绍

当前位置:

如何快速建立与PC网站同步的手机网站(百度Site App)

智能手机的普及,手机网站制作不容小觑。以前讲过怎么做手机网站,但制作出来的手机网站界面比较单调,手机浏览起来比较古板。

下面介绍一下如何建立同步与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适配的手机网站优点在于方法简单,缺点在于整个网站的版面太单调,无法自己修改。如果想制作一个版面大气美观的手机网站,可以学习零基础建站培训课程。

上一课: 下一课:

发表评论

*

* 绝不会泄露