在折腾中寻找完美

不知不觉这个主题在我手中用了快两年了,由于水平有限,问题也多多,在边用边折腾中,某些问题也是在慢慢完善和改进。

WordPress 主题作者和版本等信息的调用

一款简单的WordPress主题June

第一次做主题,也没想到好的主题名字,既然是6月份所作,就暂时命名June吧。主题是非有亮点大家自行寻找吧!因为是自用,所有的功能和样式都是根据自己喜好折腾。

1. 页面

1.1 足迹

虽然平时没怎么出去,特别是疫情后,基本上就没出过远门。但这个网站主要是记录小王子的成长,个人认为记录一下去过的地方还是很有意义的。于是之前在网友END的帮助下使用高德地图API标记,后面高德地图升级,原来的数据不能用,在END的帮助下启用新的,在此要特别感谢END,大家可以点击访问他的网站查看足迹效果。可能是没有付费的原因,之前好多功能不能用,后面有段时间发现足迹页面的标识莫名其妙没有了,还以为官方又升级了,于是登陆高德发现数据没有,于是重新上传数据,最近突然收到邮件提醒说数据要到期了,需要重新上传,这才发现那个数据只有3个月有效期,到期后需要自行上传更新,上次估计就是这样到期被清除了,但上次没收到邮件提醒,这样就有点坑了,谁天天记着这个,本来就由于升级后一些功能限制和远离我个人偏好就有点反感。

尊敬的开发者,
在「GeoHUB-数据中心」中,存在即将到期的数据集(剩余存储时长不足1个月),请及时处理(点击前往:GeoHUB数据中心)。
处理方式:
· 下载即将到期的数据集至本地
· 重新创建数据集并上传本地数据
如若到期未处理,该数据集将被清除。
您也可以通过升级「GeoHUB-数据中心」至专业版,来延长数据集存储时长,并体验更丰富的数据管理服务。

于是决定将其更换为百度地图, 其实在此之前也折腾过百度地图的,那时就是傻瓜式的直接在后台修改文件添加数据,这次突然来了灵感:可不可以通过利用Wordpress的get_post_meta()函数调用数据,试了一下发现居然可以,这样相对于高德地图不仅提升了地图的显示效果,还使得与日志的关联更加紧密,可以更直观地看到自己的足迹与日志的对应关系,但由于技术有限,目前详细地址和坐标需要手动输入,不过好在不用通过修改文件来实现了。

足迹地图

有点不满意的就是百度地图样式没有高德好看,还有一个bug待解决:就是图片需要点击两次才显示完整,后续再慢慢完善吧。具体效果大家通过点击顶部导航菜单【档案袋/足迹】查看。

参考方法:https://www.lushaojun.com/1814.html

1.2 归档

对归档页面进行了完善,将说说、视频和书影文章也纳入了归档列表。这样,可以更方便地查找和回顾这些内容。本来想着按年月分类,结果分页混乱了,后续再折腾吧。

1.3 说说(亲友圈)

对说说页面的顶部导航和底部进行了一些调整,以保持其山寨朋友圈的本质 ^o^…

1.4 RSS订阅

注意到了一个影响用户体验的小问题:RSS订阅刷新后,需要手动刷新浏览器才能看到最新内容。这显然是不够友好的。于是查找js文件并进行了修改,终于实现了在用户刷新订阅列表时自动刷新页面的功能,让内容更新变得更加无缝和即时。本来想着通过宝塔面板中的计划任务实现实时刷新,发现没有作用,待解决!!!

1.5 数据统计

数据统计页面也迎来了一次重大升级。不仅对页面进行了视觉重构,使其更加清晰和美观,还新增了一个评论榜功能。不过总感觉和网站风格不搭!!!

2. 导航

将部分导航链接从网站顶部移到了底部。

3. 下载流程的简化

下载功能也进行了一次优化。以前需要跳转到一个专门的下载页面,现在通过一个弹出窗口直接展示下载信息,大大简化了下载流程,提高体验感。

4. 评论

4.1 评论框的个性化体验

在评论框处,用户填写邮箱后,系统会即时显示他们的头像。其实这个功能在好多网站上都有,这个小功能不仅让评论区域更加个性化,也增加了用户之间的互动乐趣。

4.2 评论管理的加强

在前台评论列表中,为管理员增加了“删除”和“标识为垃圾”的按钮,这些功能让管理员能够更高效地管理评论内容,不过对于评论不多的本站来说,这个貌似有点鸡肋……

5. 界面风格

为了让网站看起来更加清新,将顶部导航和底部背景的颜色从黑色改为了白色。

6. 友情链接

首页增加了部分友情链接展示。

通过这些的折腾,个人感觉我的网站在功能和体验上都有了一点提升,大佬勿喷,哈哈~~

如果你对我的网站有任何建议或想法,欢迎在评论区留言,谢谢。

那年 • 今日
老王发布于2024-06-13 22:35
楚客追梦情难休,万里追寻志未酬。

赞助 点赞 0

Dr.Drunker, XI, 威言威语, 小彦, 阿和等人对本文发表了22条热情洋溢的评论。
  • 厉害!我昨晚访问也是暗黑模式打开新页面会有短暂的白天模式,然后才变黑。
    1. 老王说道:
      回复 Dr.Drunker: 嗯,有时间好好研究一下Bootstrap自带的暗黑模式。。。
  • 哈哈,一下子又新增和改进了不少功能。
    1. 老王说道:
      回复 威言威语: 瞎折腾而已。。。😀
  • 小彦说道: LV.1
    看着看着突然变黑色背景了,这个过渡很准时啊
    1. 老王说道:
      回复 小彦: 啊?这个点进来难道不是直接暗黑模式吗?😀
  • XI说道: LV.2友邻
    再报告一个:暗黑模式下,如果切换其他页面 背景会白一下再变为黑色;建议把night 值存入localStorage或cookie,使用css变量实现切换。
    1. 老王说道:
      回复 XI: 是存在cookie中,可以是服务器卡的原因导致加载延迟。。。
      1. XI说道: LV.2友邻
        回复 老王: 是你以前慢了很多,加载了很多大尺寸图片导致的吧
        1. 老王说道:
          回复 XI: 图片都有压缩过了,再压就模糊了。。。 ::wb:wl::
          1. XI说道: LV.2友邻
            回复 老王: 有几张图片1000M电信下加载完要10秒+,可以改成懒加载,按需加载
          2. XI说道: LV.2友邻
            回复 老王: /wp-content/uploads/2024/05/1716555334-bwg1.jpg 8M+ 严重拖慢了速度
            1. 老王说道:
              回复 XI: 嗯,当时用手机上传的忘记压缩了! ::wb:wl:: 谢谢啦!!! 🍉
  • XI说道: LV.2友邻
    顺便报告一个bug:首页导航fixed,但是没背景色,页面也是白色,导致会看不清导航
    1. 老王说道:
      回复 XI: 嗯,看到了,之前是ok的,不知道改动哪里导致的。。。 ::wb:wl::
  • XI说道: LV.2友邻
    老王终于重拾折腾了啊 该把内页升级下了,和首页风格不搭
    1. 老王说道:
      回复 XI: 宽屏(去掉侧栏),然后顶部显示缩略图?
      1. XI说道: LV.2友邻
        回复 老王: 内页全是卡片布局样式,有点审美疲劳,边距也有点小,不够优雅,可以再简洁一些
        1. 老王说道:
          回复 XI: 现在把评论部分整在一起了,会不会好点?之前试过调大边距,看着总感觉怪怪的!
          1. XI说道: LV.2友邻
            回复 老王: 主要是你内容丰富,留白少,就显得拥挤
  • 不错不错,又是上进的一天!
    1. 老王说道:
      回复 阿和: 必须上进撒。。。😂
  • 发表回复

    您的邮箱地址不会被公开。 必填项已用 * 标注