版本型号:Lopwon X
适用程序:Typecho
皮肤类型:页面模板
模板作者:Lopwon
作者博客:Lopwon.com
发布页面:Lopwon.com/lopwon-x.html
官方演示:默认样式,无样式,更多样式
模板说明
Lopwon X 为 Typecho 单页模板,特点是整屏显示,强调版式与布局,可用于博客(关于)页面介绍,也可以将其设置为博客首页展示。
注意:此模板仅供自用,请勿分发,请勿商用,且不对你在使用中产生的任何问题造成的不良后果,承担责任。
使用方法
A 部署文件
1. 将压缩包里的文件夹 Lopwon 及其内部的所有文件,和文件 Lopwon_X.php 上传至目录 usr/themes 中的你的主题文件夹里。如:你的主题文件夹是 default,那么就上传至 usr/themes/default 里。
B 配置页面
后台》管理》独立页面》新增,新建独立页面,除以下提到的事项外,其余正常操作即可。
1. 在“内容文本框”中必须至少插入一张图片(建议使用大于宽 1920px 高 1080px 尺寸的清晰图片,对显示效果无要求的,可无视)。
2. 在“内容文本框”中选择性输入你对单页(独立页面)的介绍。
3. 此编辑页面右侧的“自定义模板”里,请选择“Lopwon X”。
4. 此编辑页面右侧的“高级选项”,在“公开度”选择“隐藏”后,可将此单页(独立页面)的标题不展示在某些主题的分类菜单里。
拓展使用
Lopwon X 由模板文件 Lopwon_X.php 和样式文件 .css 以及两个自定义字段(lxcss 和 lxjs)组成。为了在不改动模板文件 Lopwon_X.php 的前提下,只通过 CSS 来定义模板,实现各式各样的版式与布局,模板文件 Lopwon_X.php 的结构尽量使用独立的标签元素,不使用父级容器包裹(功能作用详见文件内注释)。
Lopwon X 计划长期不定期更新样式 .css 文件,以此来改变模板的版式与布局。也期待各位小伙伴分享自己依此创作的样式 .css 文件,你的昵称和博客链接将在本页展示。
示例:
一、创建自己的样式文件
1. 把样式文件命名为(lopwon.x.自定义.css)其中的汉字(自定义)是自己定义的样式名称(如:bilibili)。
2. 则该文件的完整文件名为 lopwon.x.bilibili.css
3. 把该文件放入文件夹 lopwon/css 中。
4. 在使用模板 Lopwon X 的独立页编辑界面,新增自定义字段,字段名称填入 lxcss,乱填无效!字段值填入自己定义的样式名称(如:bilibili)。
5. 完善样式文件。
二、选择性使用 JS
如果你需要使用 JS 时,请继续新增自定义字段,字段名称填入 lxjs,乱填无效!字段值填入 JS 代码。如果该字段已存在,把字段值覆盖即可。
注意:模板 Lopwon X 已默认加载 jQuery 库。
样式更新
1. 从下表中下载样式文件(如:lopwon.x.phi.css)并上传至模板文件夹 lopwon/css 中。
2. 在使用模板 Lopwon X 的独立页编辑界面,新增自定义字段(lxcss 和 lxjs),字段值填入下表中对应的值(如:字段 lxcss 中输入字段值 phi)。
建议文件内名称不要重复,使用多个插件重叠覆盖