Lopwon X 使用文档

2022-10-13


版本型号: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)。

作者

字段 lxcss 填入

  • 该字段无需创建
  • phi
  • fullscreen
  • grid
  • b&w
  • center

字段 lxjs 填入

说明

  • 此项为模板 Lopwon X 默认样式,参考自 Jason O'Rear
  • 以黄金分割线为基准,呈现左右布局
  • 全屏大图,大字自适应显示
  • 网格满屏,高对比个性显示,参考自 Design Your Life
  • 黑白风格,极简布局
  • 全屏大图,极简风格
Store

1 条评论

  1. 点儿 21 noreply

    建议文件内名称不要重复,使用多个插件重叠覆盖

准备下山 准备下山
Snapic Plus v5
使用 Lopwon POP 实现
我要下载中奖率 90%