Typecho相册主题Photograph(免费版)的优化-资源论坛-资源分享-数据动力

Typecho相册主题Photograph(免费版)的优化

Photograph主题分两种:一个是免费版一个是赞助版(售价65,活动会有折扣)。以下是免费版和赞助版主题的区别

以下为演示站请审核

Photograph赞助版主题演示:https://photo.siitake.cn/

Photograph赞助版使用手册:https://photo.siitake.cn/docs/#/

Photograph免费版下载地址:https://photo.siitake.cn/usr/themes/photograph.201807150831.tar.gz

对比了一下发现其实免费版就已经基本实现了我对相册网站的需求,即主页输出相册集,点击相册可以查看该相册下的所有图片。相册下的图片排布使用的是瀑布流也符合我的审美。

关于免费版建站后的一些设置可以参考主题作者给出的赞助版的使用手册:https://photo.siitake.cn/docs/#/config?id=photograph,在此不再做赘述。

主题优化
虽然但是,Photograph免费版还是太过简陋了,于是准备加一些基本功能,比如导航栏,标签,文章加密等。添加代码的过程省略不写,大家直接看效果吧。

「导航栏」
免费版主题没有导航栏,这就会造成给相册添加分类时没有任何效果。添加导航栏后,默认第一个显示的是首页(输出所有相册),这里我把首页名称改为相册集了。接着导航栏显示的是分类,最后显示的是独立页面

「添加标签」
免费版的主题同样没有标签,所以你即使在后台为相册打上标签也不会有任何效果。通过引入tag.php为主题添加标签,标签会显示在首页和文章底部。

「添加视频」
这里需要先安装一个支持视频的插件DPlayer:https://github.com/DIYgod/DPlayer

因为Typecho的文章被主题作者用作输出图片了,在缺少content的函数的文章里无法插入视频。Typecho的独立页面此时就可以发挥巨大作用了。自己创建一个支持视频播放的独立页面模板就能解决无法插入视频的问题。

方法是新增一个独立页面,模板选择视频

在页面内容里填入Dplayer支持的短代码

[dplayer url=”视频的URL” pic=”视频封面的URL” danmu=”false” /]

创建成功后点击发布即可在网站创建的独立页面下看到发布的视频,一个独立页面可插入多个视频。

如果你有很多视频需要归类的话,一个分类占一个独立页面那么导航栏就会很拥挤,这种安排显然是不合适的。可以通过把多个视频独立页面链接到一个页面的方法实现导航栏的精简。大概就相当于创建一个二级菜单吧。我的方法如下:

以我自己创建的一个湖大video视频页面导航为例,该页面集成了许多个分类视频。

「创建视频分类」
新建一个独立页面,模板选择视频,在视频独立页面插入多个视频。

为独立页面命名,如我命名的毕业,洋湖湿地公园,爬山等等。

为独立页面的链接命名,并记住链接名。

点击【高级选项】公开度选为隐藏(保证该视频页面不被输出到导航栏)

按此方法继续创建多个视频分类页面
「视频分类归档」
再新建一个独立页面,模板同样选择视频,为独立页面命名。这一页面不要更改公开度(需要在导航栏里输出该页面),在页面内容里填入
<a href=”上一步操作的视频分类页面的链接” ><div class=”border-box” >毕业

<a href=”上一步操作的视频分类页面的链接” ><div class=”border-box”>洋湖湿地公园

<a href=”上一步操作的视频分类页面的链接” ><div class=”border-box”>爬山

点击发布,即可将之前创建的视频分类集中到这一页面中了。

之间的文字需要你自己定义
图片[1]-朝晞小屋图片[2]-朝晞小屋图片[3]-朝晞小屋图片[4]-朝晞小屋图片[5]-朝晞小屋

请登录后发表评论

    没有回复内容