多端加载

燃烧的冰2019-12-28  4.2K+

wellcms 2.0 在模板绑定方面,相对灵活。如果需要制作一套强大的模板,还是需要具备 html 和 jquery 方面的知识,至少需要对 bootstrap 4.4.1 有些了解。


前端模板有3种方式组合,后台-> 站点设置,选择门户或扁平模式


(1)自适应选择;

(2)电脑和手机;

(3)电脑、平板和手机;


制作模板后缀名统一约束为.htm,模板文件命名的重点,程序自动根据命名加载不同模板。


例如:

电脑端 list.htm

手机端加上 m.list.htm

平板端加上 pad.list.htm


用户通过手机访问时,程序自动加载各端模板,url保持不变,不会被搜索引擎误认为作弊。


多端绑定模板方法跟绑定模板中是一样的,只是在多端的基础上加版块ID。


频道页绑定模板,分为扁平频道、门户频道和自定义模式频道

扁平频道 flat_category.htm

门户频道 portal_category.htm

自定义模式频道 index_category.htm


举例频道ID 1 多端绑定模板:

电脑端 扁平频道 1_flat_category.htm

手机端 扁平频道 1_m.flat_category.htm

平板端 扁平频道 1_pad.flat_category.htm


电脑端 门户频道 1_portal_category.htm

手机端 门户频道 1_m.portal_category.htm

平板端 门户频道 1_pad.portal_category.htm


电脑端 模式频道 1_index_category.htm

手机端 模式频道 1_m.index_category.htm

平板端 模式频道 1_pad.index_category.htm


举例绑定版块 3 多端列表页模板

电脑端 3_list.htm

手机端加上 3_m.list.htm

平板端加上 3_pad.list.htm


举例绑定版块 3 多端详情页模板

电脑端 3_read.htm

手机端加上 3_m.read.htm

平板端加上 3_pad.read.htm


程序会根据命名规则和当前设备,寻找这些被指定的模板,如果被绑定的模板不存在,则使用默认公用模板,如当前安装模板没有公用模板,自动切换成为官方默认模板。

0