系统环境的搭建,请点击链接查看。
系统环境搭建好了,好的工具有利于你快速修改和制作模板。
一、浏览器
二、编辑器
三、熟悉模板制作标签(当然,如果你只是对已有的模板做单纯的修改,比如:颜色修改、结构修改等。那么不熟悉模板标签也没关系。)
在制作模板之前,你还需要先了解Eyoucms特有的目录结构,按规则放置网页文件、CSS文件、JS文件,这样程序才能够顺利读取到模板文件。
打开Eyoucms网站根目录,模板都放在根目录下的template文件夹里面
打开template文件夹可以看到多个子文件夹,pc表示电脑端模板,mobile表示移动端模板,如果无mobile目录,则电脑和移动端均引用PC目录模板。
如果你是一个在eyoucms官网直接下载的免费安装系统,那么系统里面将默认只有一个pc目录,该模板属于响应式模板,所以电脑和移动端均用PC目录模板
接下来我们需要了解模板文件夹里面的文件结构
到这里,我们需要认识一下文件结构
名称 | 类型 | 说明 |
---|---|---|
skin | 文件夹 | 存放css,js文件 |
users | 文件夹 | 存放会员模板及购物模板文件 |
footer.htm | 文件 | 共用底部文件,里面编写底部信息等,所有的页面一般都会调用。 |
header.htm | 文件 | 共用头部文件,里面编写网站LOGO、导航等,所有的页面都会调用。 |
index.htm | 文件 | 首页文件,里面编写首页内容部分的代码,引用了头部和底部文件。 |
index_tags.htm | 文件 | 标签主页文件,里面可以调用tag模板标签,将罗列文档的tags标签集合。 |
lists_article.htm | 文件 | 文章模块列表页面 |
lists_article_text.htm | 文件 | 文章模块自定义列表页面,_text表示基于默认列表模板自定义出新的列表模板,保持lists_article不变即可在后台列表栏目里切换引用。 |
lists_download.htm | 文件 | 下载模块列表页面 |
lists_guestbook.htm | 文件 | 留言模块列表页面 |
lists_guestbook_30.htm | 文件 | 留言模块自定义列表页面。命名里的30可以是任意的字母或数字,均关联留言模块列表里。 |
lists_images.htm | 文件 | 图集模块列表页面 |
lists_product.htm | 文件 | 产品模块列表页面 |
lists_search.htm | 文件 | 搜索结果列表页面 |
lists_single.htm | 文件 | 单页模块频道页面 |
index_tags.htm | 文件 | tag标签主页模板页面 |
lists_tags.htm | 文件 | tag标签列表模板页面 |
uiset.txt | 文件 | 如果是易优可视化模板制作,请将此文件放在模板目录下,比如:pc 、mobile |
view_article.htm | 文件 | 文章模块详情页面 |
view_download.htm | 文件 | 下载模块详情页面 |
view_images.htm | 文件 | 图集模块详情页面 |
view_product.htm | 文件 | 产品模块详情页面 |
按照上面表格中的文件说明,需要写什么地方,就在对应模板文件里修改,或者自己按规则新建新的模板页亦可。
如果需要新建自定义模板让对应的栏目关联上可以这样命名:
比如lists_article_xxx.htm (xxx为自己定义的模板名称,可以随便写) 保持“lists_article_”不变则可以关联给列表栏目页,可以在后台编辑栏目时选择,如下图case及fuwu为我们新增的:
users文件夹介绍:
名称 | 类型 | 说明 |
---|---|---|
skin | 文件夹 | 存放css,js文件 |
users_reg.htm | 文件 | 账号注册页 |
users_reg_field.htm | 文件 | 账号注册自定义字段页 |
users_login.htm | 文件 | 账号登录页 |
users_select_login.htm | 文件 | 微信登录页(包含本站登录) |
reset_password.htm | 文件 | 重置密码页 |
retrieve_password.htm | 文件 | 找回密码页 |
users_centre.htm | 文件 | 个人信息页 |
users_centre_field.htm | 文件 | 个人信息自定义字段页 |
users_change_pwd.htm | 文件 | 个人信息修改密码页 |
bind_email.htm | 文件 | 个人信息绑定邮箱页 |
users_header.htm | 文件 | 会员中心顶部页 |
users_left.htm | 文件 | 会员中心左侧页 |
users_footer.htm | 文件 | 会员中心底部页 |
release_centre.htm | 文件 | 投稿列表页 |
release_bar.htm | 文件 | 投稿导航页 |
article_add.htm | 文件 | 文章投稿--添加页 |
article_edit.htm | 文件 | 文章投稿--编辑页 |
shop_centre.htm | 文件 | 订单管理--订单列表页 |
shop_order_details.htm | 文件 | 订单管理--订单详情页 |
shop_under_order.htm | 文件 | 订单管理--订单提交页(下单操作) |
shop_wechat_pay_select.htm | 文件 | 订单管理--支付方式选择页(微信内) |
shop_cart_list.htm | 文件 | 购物车管理--购物车列表页 |
shop_address_list.htm | 文件 | 地址管理--地址列表页 |
shop_add_address.htm | 文件 | 地址管理--地址添加页 |
shop_edit_address.htm | 文件 | 地址管理--地址编辑页 |
shop_get_wechat_addr.htm | 文件 | 地址管理--添加地址方式选择页(微信内) |
pay_account_recharge.htm | 文件 | 账户余额--余额列表页 |
pay_consumer_details.htm | 文件 | 账户余额--余额充值页 |
pay_recharge_detail.htm | 文件 | 支付管理--支付页(包含充值及购买) |
pay_wechat.htm | 文件 | 支付管理--微信二维码页 |
pay_success.htm | 文件 | 支付管理--支付成功页 |
pay_error.htm | 文件 | 支付管理--支付失败页 |
level_centre.htm | 文件 | 会员升级页 |
小提示:放心修改,程序升级并不会覆盖用户的前台模板及后台数据。
本文地址:http://yunji1.cn