标签归档:WordPress

WP实现Twenty Fourteen主题风格的侧边栏小工具标题

本域更新了侧边栏的小工具,它类似于早期Windows程序的任务列表。
这是基于区块小工具+自定义HTML实现的,而HTML和样式取自于Twenty Fourteen 2014主题附属插件的风格化小工具。因为2014默认的小工具标题只有文字并不美观,加上这个带图标的标题就感觉像是主题原生支持的那种。

我用的是传统小工具+古藤堡区块编辑的方式,方便更新,因此需要先添加一个「区块HTML」,然后另开浏览器窗口随便找一个能用古藤堡的地方(建议是单独的小工具收录页面)写篇内容,添加一个容器/组模块,把它转成全局同步的区块样板。
转成全局同步后,Ctrl+Shift+Alt+M 就可以看到这个全局同步区块的代码,拷贝它,粘贴到「区块HTML」的小工具中。

这时候就创建好「容器的符号链接」了。在小工具页面可以快捷的编辑它。

在这个「同步区块」中,添加「自定义HTML」块,分别填入HTML和CSS。

HTML部分,重点在Class也就是CSS类部分已经定义好的 widget-title ,加上这个就有了基本的2014主题插件的效果;然后要自行定义一个类,这里以apps举例,作用是为了调用Genericons的图标代码:

<h1 class="widget-title apps">
<a class="entry-format" href="https://v1sta.xyz/apps">程序</a>
</h1>

CSS部分也很简单,加一个before伪类,而content是Genericons的UTF代码。

.apps:before {
  content: "\f104";
}

这个代码可以下一份主题自带的Genericons(从DevTools扒),
用字符映射表之类的工具查看图标对应的Unicode代码。

例如F103是相册、F104是视频播放、F205是WordPress的社交媒体Logo、F419是菜单。不过可能是主题设计本身追求精简的原因,或者是版本的冲突,有部分在字符映射表找到的图标代码,是无法显示的。这部分无法显示的主要是一些较新的图标。

不喜欢古藤堡的话,用一般的HTML加自定义Style.CSS也能实现,就是更新内容会比较麻烦。都用WP了也就不计较代码耦合度了吧。
反而用区块编辑器其实还蛮方便的。

自定义帖子类型 实装更新

个人博客使用CPT的实践记录

到了月中了,作为一个宅充爆表的同人作者。
似乎这一年都很忙碌呢(笑)

因为熟悉WordPress的缘故,所以就这么一直用着,
也试着接触了一下肤浅的WordPress开发资源。
之前的作品集是还没弄完,甚至有点想重新打稿重制。
不过很多技术还是进行了实践,现在也实装到了本域这样一个个人性质的博客空间,而不是所谓的企业建站。
(实际上我并不擅长服务类的一锤子买卖)

一些主题会借助WP的CPT功能、实现自定义的作品集管理和模板样式,这种管理方式要比设定「帖子格式」的方式更强大。
不过我的用途实际上说是CPT,也只不过是拆分成子博客的逻辑。样式这个东西也是可以共存的,只是个别主题需要在主屏幕同时显示两个样式的信息流,例如作品集主题。(区块主题应该没有字面意义上的限制)

而如果用静态博客的逻辑理解的话,假设一般文章会发布到「public/存档/文章」、页面是「public/页面」,那么CPT就相当于在文章之上的一层新建了一个顶级目录,也就是「public/CPT名」。
当然真正的静态Blogger看看就好,不必像我一样因为独占主题用WP的(笑)
我只是无名画手。。。

用CPT的一个劣势可能是转到WP官方的.com服务不升级不能用吧。
用公共服务了逻辑自然也要改变一下。但毕竟现在还是自家租的园地,珍惜时光。


总的来说,还是要基于需求实现功能。
因为之前参加了StyleStar和Frutiger Aero Archive的论坛,发表了很多有价值的回复,我觉得这是应该保存并展示的。但直接发布在主信息流是不太方便的,所以不妨把它作为一个独立的存档和RSS Feed分叉出来。

实现WP的CPT的方案有很多,我选了用插件实现的方式,
以后迁移也比较方便。
目前热门的插件包括ACF/SCF、Custom Post Type UI(CPT UI)以及免费实用的Pods。我最后选了Pods,是因为Pods没有所谓的Pro版功能、而且界面比较经典,还可以把存档显示在综合的搜索结果、跟WP自带的分类归档的信息流中,但不影响主页信息流。

不要误会,我并不是要做什么「把宅品跟技术文章切割」这样的行为。不过有一些不常编辑的内容的确应该做一下Feed分流。当然还有景之印,但是现在准备重构装修。

于是我设想了一些CPT自定义的帖子类型:

  • 应答 / 答复
    (专门存放论坛与Webmention的答复帖)
  • 更新记录
    (博客的功能更新记录,类似Steam小型更新/补丁说明)
  • 简报
    (类似Newsletter周记/月记、Steam游戏来自厂商的大更新新闻,专门提供给「感觉主信息流宅充浓度爆炸、但更希望接收简短标题集合」的精英读者,初次来访的访客包括我自己也能知道自己一段时间的任务总结)
  • 画册
    (专门存放画作(主要是画猜涂鸦)的作品集,可能会自行编写九宫格风格的模板样式,不用2014默认的瀑布流)
  • 收藏
    (放置我从网络搜集到的各种资源的链接和视频之类的。避免“干扰”主博客的信息流。)
  • 集邮
    (说起集邮啊,本意是指交流收集邮信时代的邮票,在现在的时代,则流行一种在Cosplay圈子中摄影者与Coser合影留念收集照片的说法,并延伸到其他的领域。此时,我想到RetroComputing复古的网络世界中,可也有不少Web邮票图、88×31按钮以及Userbars等装饰性质的图片资源,或许这些小东西也是可以算作集邮的吧?也算是回归了本源。我要收集这些战利品)
  • English Only
    (英语角,专门为国际访客开设的文章栏目。其实这样一说有点像CGTN电视频道的定位。啊为啥我也要做外宣啊?但确实是这个感觉。虽然有很多用户会借助浏览器的自动翻译访问本域,但是还是要顾及很多传统访客的想法。)

以上的想法也算是为特定受众迎合做出的设计吧。

顺便设想了一下此前关于IndieWeb运动中的「喜欢/收藏」功能的思考。也就是英文Favourite,这种功能脱胎于像推特这样的社交媒体,不同于网络书签孤零零的收藏,它在一定程度上可以被“当作”能更好的表达用户对某一件事情的喜爱。

但亦有些人不喜欢这个“当作”的设定。还是蛮有争议的。
后来推特把星星改成红心,就有很多人反感。
再后来的马斯克直接不公开喜欢了,可能是考虑到社会高层“无能的法律从业者/政坛的发言者”那样的公号私用的情况吧?

Favourite 偏向于情感类的「喜欢」确实在像「偶像社交」这样的场合有一定的反馈作用,我以前也是「喜爱派」;
但是在本域这样一个独立空间,加入的链接其实并不能很好地通知原发布者,Webmention都不大能直接和Fediverse建立通讯。所以上述的收藏,更多是为了帮助有同样兴趣爱好的搜索者找到跟发现资源,就像松鼠仓库/仓鼠/藏经阁一样,“你能从俺这扒拉翻出一堆好玩的藏宝图”,
这样一来其实就是偏向「收藏派」了。

如果真的要说对某一件事物的喜爱或支持,
其实在现代社交网络诞生之前也有存在过。

之前考古东方Project元老世代的画师“alphes”
就有网站上刊登“通关逆转裁判3”的记载(笑)
未麻的部屋更是通过(剧情中实际虚假的)个人网站与粉丝互动。

那种程序化的喜爱,根本不能很好地表达多种因素的情况。
而通知内容原主的话,可能是通过Email或者是口头交谈之类的方式联系吧?

顺带又研究了一下怎么用应用程序发布,例如Obisidian。但是该怎么说,插件没有支持适用于CPT的发布方式的API。
老老实实用古藤堡吧,是麻烦了些。

2014主题的Fourteen Extend插件

使用Twenty Fourteen主题时一定要安装Fourteen Extend插件

转发自 https://lawtee.com/article/2014-01-09-twenty-fourteen/

使用Twenty Fourteen主题时一定要安装Fourteen Extend插件 · 老T博客
使用Twenty Fourteen主题时,强烈建议安装Fourteen Extend插件,它能有效解决页面内容偏左显示的问题,使整体布局更加居中美观。该插件还提供了强大的边栏控制功能,允许用户灵活设置左右边栏在主页、页面及文章页的显示或隐藏,从而优化不同页面的布局与阅读体验。此外,通过该插件还能调整
lawtee.com

使用Twenty Fourteen主题时一定要安装Fourteen Extend插件,可以使画面不再偏左显示。而且可以方便的控制左右边栏是否在主页、页面、文章页的显示,以及调整其他一些功能。

https://github.com/zulfnore/fourteen-extended

https://wordpress.org/plugins/fourteen-extended


域主的评价:

Twenty Fourteen 2014 作为十多年前WordPress 3.8时期的老牌主题,对应的插件似乎已经跟不上最新版本的WordPress。这个插件也不适合多站点模式。不过,其中的部分代码倒是可以借鉴。

网页设计一览

一些网站设计的概念图以及模板

是一些网站设计的概念图,以及四格模板。

自然是希望用WordPress的区块主题编辑器开发的:

  • 第一个是88×31的导航页,我想做一个8831小游戏的主页。
  • 第二个是Y2k风格的V1sta Artworks的一些概念装潢。
  • 第三个是景之印的设计。不过也许不太好实现。

得益于WP7.0的更新,区块主题现在也有了类似Elementor、Blocksy、Bricks等构建器的根据手机、平板视图自适应显示的功能。其实我对构建器没有太多的使用经验。
据说WP的Gutenberg也因为DOM过多而被批评。
自用的话我是不太介意的,
但是客户不懂技术的话,就要谨慎考虑了。

Net7最近也准备转作为一个工作室的名义来运营,可能会拉一些其他的人来加入。

WP私密以及归档评论

最近因为一些需求需要实现私密评论的方式。

试了像是wpDiscuz这样的插件,但并不好用,
要么破坏主题本身的评论区风格;要么需要开放注册登录才能设置权限。对于个人博客而言,这显然是不合适的。

所以继续寻找一些WordPress的插件解决方案,
而且最好也是自由的。尽管在现在这个经济环境下是很难有动力支撑开发者维护网站开发的资源。

Private Comment允许访客在页面上勾选一个“私密评论”的选项,这样发表的评论就不会公开显示在留言评论区上,评论也无法批准。不过对于本就设定了「需要先审后发的留言规则」的规则而言,这个插件的功能可能并没有什么意义。

然后是来自AndrasGuseo制作的Archive Comments插件,

这个插件实现了「将评论移动到一个专用的存档区」程度的能力,这样也避免了评论一直停留在待审、导致红点通知一直显示让人心烦的问题。

Archive Comments – András Guseo
andrasguseo.com

AndrasGuseo还制作了其他实用的WordPress插件。

例如用于管理演唱会记录的GigManager,访客能通过这个插件提供的表格了解信息并购买入场票。GigManager的内部数据结构基于WP原生的CPT也就是自定义帖子类型的框架构建。无论是乐队还是场地方(如LiveHouse、酒店),甚至包括漫展和游戏机厅组织活动,这个插件都很实用。
(请给我广告费(误))

WordPress开发杂记

这几天也在研究使用WordPress构建网站,特别是使用古藤堡区块编辑器+自定义字段跟自定义帖子类型也就是CPT,无代码的即时所见即所得编辑器是很有意思。
但总体来说不加合适插件可能还是很麻烦,而如果手搓的话可能效率更高,但很可惜我不会手搓。

啊你能想象我还能边看Q娃边开发网站还不用人工智能……

自定义字段的话,最受欢迎的方式是使用ACF插件,
当然WordPress官方“分叉”了一个类似的SCF,不过后者有一些纠纷渊源,加上实际上的功能没有ACF多,所以我是不太倾向于给最终客户用的,我自己用倒是不太在意。这有点令我想起Forge和NeoForge的关系,但是正义面相反。

另一个替代品是Pods插件,这个插件同时支持自定义字段也支持创建自定义帖子类型(后者也可以使用CPT UI创建)不过,自定义帖子类型似乎没法纳入RSS索引?这就见仁见智了。

景之艺 – V1sta Artworks 开发快照

展示一下最近开发网站的进度……

我想做成某些2000年中期的Y2k动感网站风格(动感是一个形容词,并不意味着真的会动),这种风格是我在幼年接触Flash游戏以及Trance专辑的封面中得到的灵感。

所以严格来说,这是Frutiger Aero Techno / Energy,跟一般意义上的Frutiger Aero Eco有所区别。事实上,我曾还制作了融合了Metro以及Holo Design的样式……我很喜欢Holo Design的设计美学。

WordPress的区块编辑器很厉害。