Jasmine主题增加相册独立页

📚教程 · 04-10

适配Typecho主题Jasmine的相册页面模板。为Jasmine主题增加相册独立页面。

由于Jasmine没有为图片设置灯箱效果,所以在代码中添加了这个效果。

如果已经配置了其他的图片效果,请注释(删)掉35行和219行灯箱效果相关的代码,否则多种图片效果会同时显示,导致显示问题。

每页默认显示20张图片,点击加载更多按钮显示更多。

使用方法:

  1. 下载仓库中的php文件,保存到typecho主题文件夹的根目录下。比如/typecho/usr/themes/jasmine
  2. 打开Typecho后台---管理----独立页面----新增----右侧自定义模板----相册页面
  3. 标题为相册页面的标题,缩略名路径必须与代码第163行的location.pathname路径相同,默认为albums 若有更改则163行的代码及PHP文件都需要更改名称。

调用格式:标题,简介,图片链接
每张图片占一行,信息之间用英文逗号隔开。如果不想填写标题或简介,请用空格代替。

例如:

测试1,2023-11-11,https://example1.com
测试2,2023/11/12,https://example1.com
测试3, ,https://example1.com

时间有多种格式,也可以精确到时分秒。在独立相册页面直接更新内容即可。

  • 设置完成后 在Jasmine主题的左侧添加一个图标及跳转页面

后台设置图标插入:

  {
    "name": "相册",
    "icon": "tabler:arrows-random",
    "url": "https://域名/albums.html",
    "newTab": false
  }

ICO图标参考:[Jasmine 图标使用]的2.X 版本(https://www.chengzihai.com/archives/7/)

示例图:
Jasmine主题增加相册独立页
Jasmine主题增加相册独立页
Jasmine主题增加相册独立页

本文来源于开源项目:https://github.com/WShuai123/photo-page-for-typecho-theme-Jasmine

教程

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

上一篇 : 使用宝塔部署今日热榜API及绑定域名备案。

下一篇 : Jasmine主题增加图片灯箱效果

© 2023 - 2024 橙子海 - Orange Sea. All Rights Reserved.

版权所有 橙子海 - Orange Sea. 本站内容未经书面许可,禁止一切形式的转载。

桃李春风一杯酒,江湖夜雨十年灯

Theme Jasmine

加载速度 · 18 ms