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

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

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

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

作者:| 2018-07-17T16:50:46+00:00 七月 17th, 2018|分类:wordpress移动端|如何快速建立与PC网站同步的手机网站(百度Site App)已关闭评论

关于作者:

Dream Song

This Is A Custom Widget

This Sliding Bar can be switched on or off in theme options, and can take any widget you throw at it or even fill it with your custom HTML Code. Its perfect for grabbing the attention of your viewers. Choose between 1, 2, 3 or 4 columns, set the background color, widget divider color, activate transparency, a top border or fully disable it on desktop and mobile.

This Is A Custom Widget

This Sliding Bar can be switched on or off in theme options, and can take any widget you throw at it or even fill it with your custom HTML Code. Its perfect for grabbing the attention of your viewers. Choose between 1, 2, 3 or 4 columns, set the background color, widget divider color, activate transparency, a top border or fully disable it on desktop and mobile.