首页 > 华企学院 > 网站基础 > 看下搜狐快站如何将PC网站转化成手机网站

看下搜狐快站如何将PC网站转化成手机网站

作者:华企商城小编  浏览量:172   发布时间:2016-09-21 16:35:44

  看下搜狐快站如何将PC网站转化成手机网站

  最先接触的是搜狐快站,前段时间也写过一篇文章《搜狐快站制作手机app网站详细教程》。如果大家想学习制作手机网站和手机APP的,可以去邵连虎博客看下这个教程,我也有视频版的教程。这个搜狐快站使用起来非常方便,菜鸟式的,任何没有建站基础的人都会用。

  PC网站如果转化成手机网站应该有很多种方法,不过,我是个业余的建站人员,把自己知道的二种方法教给大家。如果有朋友会其他方法的,可以告诉我,感激海不尽,我也会分享给更多的朋友。下面,我们来看下搜狐快站如何将PC网站转化成手机网站。

  快适配是一款将PC网页快速转化为快站页面的插件。快适配支持批量转化页面,自定义转化规则等功能。

  1. 新建站点

  

  按照提示填写站点名称和域名

  

1

  如果您想让手机访问PC站点时自动跳转到适配后的页面,请按照第二步的提示安装代码。否则直接跳到下一步。

  

  2. 新建适配模板

  模板表示一组页面结构相同的地址集合,例如一个栏目下的所有文章页

  

  模板信息包括该模板包含的地址规则(用正则表达式表示),和一个示例网页的地址(地址为相对地址),示例网页用来预览适配效果

  

  3. 编写数据采集规则

  数据采集规则表示PC网页内容的选取规则。操作流程为,拖拽快站组件,单击组件内容选项卡右上角编辑数据采集规则。

  

  编写数据采集规则

  

  采集规则说明:

  在代码编写框内编写函数主体代码。并可以使用函数中定义的参数:

  componentData: 当前组件的结构数据

  api : 可以使用的api辅助库

  html : 页面抓取的代码

  $html : 抓取的代码转换后的jQuery 对象在代码编写框内编写函数主体代码。并可以使用函数中定义的参数:

  componentData: 当前组件的结构数据

  api : 可以使用的api辅助库

  html : 页面抓取的代码

  $html : 抓取的代码转换后的jQuery 对象

  您可以使用jQuery 的对象查询方法获取页面数据,例如: $html.find(“a”) 获取页面所有链接对象。

  具体的查询规则参考jQuery 帮助文档。

  另外一种查询规则是使用正则表达式基于文本的查询,例如 /([^<].*?)<\/a>/ig.exec(html) 查询页面 标签内的数据. 更详细的正则编写,请参考Javascript 语言规范。

  Api 中的辅助函数:

  shipeiUrl(string url) -> string 将一个Url转换为适配站点内的链接地址

  shipeiPic(string url) -> string 将一个图片转为适配后图片(适配图片将进行最宽640剪裁,并且存储于快适配的云存储中)*该方法待上线。

  $ (string text) -> jquery 对象: 将一段文本转换为jquery对象

  4. 保存

  保存后可在适配URL查询中,查询适配后的页面地址

  

  智能适配:

  

  点击智能适配按钮,然后将选取的PC页内容拖拽到适配的组件中。将会自动适配选取内容至组件窗口。

  

  拖拽PC页选取框至组件预览窗口。即可自动适配内容。

  如果对适配规则不满意,还可以按照之前的操作进行调整。

  搜狐快站的这个快适配的功能教程是搜狐快站官方的,也有视频教程,我看了几遍发现看不懂,我也加了QQ群问了下,发现没点编程技术真的弄不好这个,也不知道是我自己太笨的原因,一个建站人员竟然学不会怎么用快适配。

  我的邵连虎博客这么久以来都是用搜狐快站制作的手机网站和手机APP,不过,就是数据不能和PC网站同步,还得自己每天登录后台更新内容,有点麻烦,有点浪费时间。我以为快站没有把PC站转化成手机网站的功能,却听说快适配可以。不过,我还是学不会怎么使用这个快适配。

  既然学不会,我也不知道怎么办了,就只有放弃了,想其他的方法。我以前听网友说过,百度的site可以把PC网站转换成手机网站。可是,我几个月前试过很多次,就是验证网站的时候总是验证失败,我当时也没有研究过是怎么回事,也就放弃了百度siteapp,有搜狐快站就够用了。

  我今天给了自己一个任务,那就是把PC网站转化成手机网站学会。试了搜狐快站没有成功,我就想到了百度siteapp,我打算重新再试下。还是一样,验证网站失败,我想起以前验证淘宝客网站了,也是一样总是验证失败,我也有方法。后来,我也用验证淘宝客网站的方法验证百度siteapp,没想到,几秒钟就验证好了。

  最后,经过几个小时的研究,我也终于学会了如何把PC网站转换成手机网站。如果你也想把PC网站转换成手机网站,你可以试下搜狐快站的快适配功能。如果你学不会,你可以试下百度siteapp,这个比较简单一些。不过,百度siteapp做出来的手机网站不太美观,没有搜狐快站的漂亮,就是省事,有空我也会做一些百度siteapp的教程供大家学习。

华企商城更多商品介绍:织梦通用企业网站模板     QQ群文件推广    凤凰汽车网文章内页广告投放

文章转载请注明出处:http://www.netshop168.com/article-9318.html


精品推荐
下一篇:搜狐快站与微信微官网之两者的不同与利与弊
上一篇:建站还是要找专业靠谱的公司比如搜狐快站
相关文章

华人企业网
关注微信公众号
享受更多优惠

 

消费者最喜爱的网站TOP100 | | 网络社会征信网 | 北京工商 | 法律顾问 | 京ICP备07504386号-6 | 网站地图