手机网站制作的工具与流程的介绍


太多的博友没有制止手机网站 , 身为站长没有自己的手机网站在如今确实有一点小小的遗憾 , 可能是太多人不懂如何制止手机网站 , 那么今天我给大家介绍一个非常简单的手机网站制止工具 , 同时也说明手机网站制止流程 。希望大家看完本文后行动起来 , 制止一个属于自己的手机网站 , 虽然谈不上来推广手机端 , 至少还可以与时俱进 。

手机网站制作的工具与流程的介绍

文章插图
手机网站制止工具
Site App是我在做手机网站首选的工具 , 因为百度site通过抓取你的网站内容 , 转变成手机网站 , 同时使用的方法也非常简单 。
当然如果你的cms有手机网站的插件或者是模板的话 , 你也可以通过手机网站插件来做 , 但是一般的情况下cms下的手机网站模板相对复杂 。当然如果你的网站非常复杂 , 如:ecshop购物站或者门户、论坛站 , 那建议你自己通过自己的程序做成自己需要的手机网站 。对于博客来说 , site APP工具完全能够满足我们的需求 。
手机网站制作流程
1:登入siteAPP首页 。点击立即免费创建 , 如下图所示:
手机网站制作的工具与流程的介绍

文章插图
2、输入自己网站的域名 , 点击提交 。
3、在此会提示一个(输入要转换成WebApp的PC网站域名)让你确认 , 点击右上角的下一步即可 。
4、首先填写webapp名称 , 也就是手机网站名称了 。
5、同时根据你网站的需求选择模板 , 比如说 , 我是使用卢松松的模板 , 而卢松松模板主要以列表为主 , 那么我设置的是列表风格 。同时颜色及导航根据自己需求修改即可 。修改完毕点击右上角下一步即可 。
手机网站制作的工具与流程的介绍

文章插图
6、根据你网站所需展示的导航来设置 , 比如我的博客 , 导航非常多 , 但是实际文章导航却仅仅只有4个 , 而学习网站建设的基本为电脑用户 , 所以我在设置手机网站导航 , 仅设置了三个导航即可 。设置完毕点击右上角下一步 。
7、像我们这种个人博客没有盈利性质的网站 , 就没有必要添加网站客服以及电话号码了 , 仅底部添加一个电脑版链接即可 , 因为用户有需求 。设置完毕点击右上角下一步 。
【手机网站制作的工具与流程的介绍】8、这里验证建议大家使用文件验证 , 因为个认为 , 模板代码越少 , 越干净打开的速度越快 , 虽然仅验证一段小代码影响不了速度问题 , 但是我们自己查找模板代码也不方便 。验证完毕点击右上角下一步 。
9、在绑定域名这一块有一个小小的提示 , 如果你的域名未备案 , 那么建议你不要绑定了 , 因为绑定了也是无效的 , 如果你是备案好的域名 , 那你可以绑定一个二级域名即可 , 如果为备案 , 那么建议你直接点击右上角完成 。
10、点击完成后 , 等待百度审核即可 , 一般的情况下审核为一个小时 , 当然节假日除外 。在此同时你可以设置你可以做好你网站样式优化 。点击优化工具如下图所示:
手机网站制作的工具与流程的介绍

文章插图
11、点击优化工具后 , 会出现一个优化的界面 , 如果你想优化首页 , 那么在输入框输入首页的URL然后点击优化进入编辑模式 。
手机网站制作的工具与流程的介绍

文章插图
12、进入编辑模式后 , 根据你网站所需要的内容 , 将PC端的网页转到移动端即可 。像我的博客 , 主要以列表文章为主 , 所以我在PC端主要将首页的文章列表加入到了手机端 , 其他内容我均取消加入到手机端 。一来提高网站打开速度 , 二来干净整洁 。
13、当然如果你是想要修改栏目页和内容页的样式 , 那么你回到第11步 , 输入的地址为任意栏目页地址或者任意内容页地址进行编辑即可全局修改过来 , 同时修改完毕 , 需要点击批量应用 , 点击批量应用后 , 网站全局将会修改成你所修改的模板样式 。
推荐阅读:
如何让网站自动识别手机端与PC端
免费app制作教程