如何给网站设置手机端和电脑端不一样的内容------第一种方法
2020-02-18 14:51:53

做响应式网站很多的站长都会有一个觉得恼火的地方:电脑端做出来的内容并不完全适配手机端。竹子建站的响应式建设支持三端页面单独设置,pc端做出来适配响应到手机端不好看,不存在的,下面就教大家用第一种办法做到手机端页面和pc端页面不一样。

 

登录竹子建站uc.zhuzi.com.cn,进入网站设计;

要做到手机端和电脑端不一样的内容就需要分别做一个手机样式和一个电脑样式,如果需要调整iPad端的就还需要做一个iPad板块,就以下面这个电脑端的图文板块为例。

需要在手机端显示一个不同于上图的图文内容板块,先在上面三端切换到手机端模式。现在我们先把手机端要显示的板块添加上。点击左边黑色加号,或弹出添加板块。在此举例说明我就随意先添加一个,可以是空白板块自己填充板块内容,也可以是已经编辑好的板块模板,修改板块中的内容。给板块设置一个名词避免弄混了。

点击黑色加号,把手机端和iPad的板块添加上。

然后在右侧的板块样式中,把手机端和iPad端的板块隐藏;

因为三端样式都是以PC端为主,所以在隐藏之后,切换到手机端或者iPad端的时候,这两个板块都不会显示。现在切换到手机端就看不到这个板块。

 

切换到手机或者iPad模式之后,点击右上方的“眼睛”可以看到所有在手机端或者iPad端下被隐藏的板块内容。

可以看到在手机端,刚刚隐藏的手机端板块整个都是灰色的。

现在点击右侧的板块编辑栏中的样式,设置板块的手机端样式,把手机端隐藏取消掉。

然后在把下面PC端的板块设置在手机端隐藏

可以用同样的操作方式去修改iPad端。保存设置----发布网站之后,就可以看到手机端和PC端显示的是不一样的内容