我把网站给重建了

Rebuild building using bricks

在2024年底和2025年初过年期间,我花了一些时间把我的这个网站给重建了了一下,截止到2月18号正式上线。

为什么要重建?

如果你看过我之前的网站布局,可能你都看不出来我重建过了。因为整体的布局和页面我并没有做过多的调整。重建的主要原因还是我想这个小小的网站尽量少用插件,在精简一下。之前的版本我有用到ACSS,Frames的组合,想下来其实小博客网站其实用不到这么齐全的CSS框架。这个网站能用到ACSS的20%的变量,功能就不错了。而Frames,小博客网站的布局并不会太复杂,也就基本用不上他的大量模板库。

同时我之前用的自定义字段的插件是Meta box,这次也换成了ACF,主要还是ACF的UI界面更好一些,同时不需要安装两个插件。Metabox的话需要安装一个免费的Metabox插件,同时安装Metabox AIO付费插件,当然截止我写稿的时候Metabox也统一了,现在他们也只需要安装Metabox AIO也可以直接使用全部的功能框架。

还有其他的一些插件,更新完我已经忘记了名字了。

新的网站用了哪些插件?

新的网站当然还是使用bricks搭建的,这次最终使用的插件有个10个(其实只有9个)。

  • ACF Pro,我自定义了教程,FAQ,项目,工具这些CPT,方便每种类型分别管理。
  • Advanced Themer,主要还是在建站过程中一些实用的功能,比如css class的快速复制,比如把自定义的变量在编辑器调取出来,AT基本是我建站目前必备的一个单品。如果知识用到其中编辑器功能增强的功能,在网站建完之后这个插件是可以删除的。
  • Bricks extras,页眉的搜索效果我就是用它来做的,同时文章和教程页面的相关文章,教程我也用到了它的Adjacement Posts功能,也就是loop相关的上一片和下一片文章。这个功能目前bricks原生还是缺少的。
  • Code Block Pro,主用来美化文章里面插入的代码模块。
  • HappyFiles Pro,媒体文件管理的神器,也是bricks作者的一款插件,几乎每个网站必备的,非常方便管理媒体文件。其实它一样可以管理其他的博客,文章页面等等。
  • LiteSpeed缓存,免费的缓存插件,因为我的是OpenLiteSpeed服务器,同时开了QUIC.cloud CDN。
  • Perfmatters,优化插件,非常实用。
  • Post Views Counter,用来记录显示文章的阅读数量。
  • Slim SEO,SEO插件,简单,轻便,功能够用,界面简洁,仅此而已。
  • Solid Post Likes,给文章添加点赞按钮。

有哪些提升的地方?

首先是因为没有用ACSS了,我自己做了一个迷你的CSS框架,所有的都放在了子主图的style.css里面了。这个迷你的框架是用的Core Framework的免费的在线的工具做的。

有不少群友和我说很喜欢我网站的目录导览显示的设计,所以这个设计我做了保留,同时自己进一步美化了一下,希望能增加用户体验。

意外发现

之前一直困扰我的bricks编辑器限制字数的功能无效,如果你是中文内容时候没有用的问题,原来是因为我的WordPress后台设置为英文,这时候只要把语言改成中文就有用了。

好了,这就是一些关于这次插件网站的一些随笔记录,希望我能保持热爱,保持更新内容,晚安😴。

相关文章

  • Bricks builder

    Bricks builder我的使用体验

    更新于:2025-03-22

  • two people drawing on whiteboard

    用WordPress建站我需要准备哪些东西?

    更新于:2025-04-05

  • 1条评论

    • leo

      请问大佬用的是什么询盘插件呢?我目前也在帮公司建独立站,用的是bricks+woo

      • Jonnywp
        A

        我是用的这个插件:
        https://codecanyon.net/item/woocommerce-cart-to-quote-plugin/23527708?ref=codeincept

        支持Contact Form 7 or Gravity Forms,但是邮件过来的表单不是很漂亮,将就用。

        • 猫吃鱼
          猫吃鱼

          Core Framework可以细说这个插件或者不是插件的教程吗?我感觉每次去适配字体大小,每次去调颜色和间距好烦。加上色感本来就弱,做到最后全是黑白色了。建议出一个b站教程好好研究一下。谢谢

          • Jonnywp
            A

            这个你可以去看看油管有不少教程的,比如这个:https://youtu.be/x0ihc7D1jZE

            基本上就是在core framework设置好参数,然后bricks的设置里面新建一个全部主题,把这些参数的变量填进去,比如间距,字体大小这些。这样以后更新的话只需要在core framework去调整。

            • 猫吃鱼
              猫吃鱼

              感觉这个博主很啰嗦。我的想法是,能否出一个,免安装coref的教程。这样就太感谢了。

    • 猫吃鱼
      猫吃鱼

      我一直想问,你的灯光主网站的产品单页,好像是woocommerce系统,把产品录入到wo的产品里,然后在去bricks模版里编辑单页模版,但是问题来了,这样走的话,就不能使用bricks打开去单独编辑每个产品的详情下面的部分了。难道,你是自自定义一个新产品字段组去wp菜单,然后在“产品”里一个一个加(也就是不用wo产品)

      别问,问就是我就是这么干的😌,还好新版本出现了同步模块,否则改死。几百个产品。

      实际公司也不需要价格和在线结算。就是丢个表单。结束了,打工人,饮茶先。

      • Jonnywp
        A

        我是利用metabox给woo的产品添加了很多自定义字段,比如下载模块,比如faq。也就是所有的产品都有这些模块,只不过如果这个产品不用这个不填写就是,然后前端就不会显示这个模块出来。然后就像你说的利用bricks模板做一个产品单页的模板。

        其实我新的B端网站不准备再用woo了,ACF加上bricks做的一样的效果,还能摆脱woo的臃肿。

        • 猫吃鱼
          猫吃鱼

          你走的路线是对的,woocom确实是臃肿的。

          删除woocom后,数据库留下好多wo开头的数据表,我感觉比wp还多。

          实际上,如果不是to c的,或者需要接入支付的,直接acf大法走起。我最近也发现brick复制全部元素去贴一个新页面去,也会发生模块和容器错位的bug,之前没有。不然就是一顿复制。批量改改,打工人一天又没了。

          你的办法是建立模块,引入。而我的办法是,复制粘贴。殊途同归了。😎

          实际上woocom的编辑器没有随着wp古滕堡升级,而是经典编辑器魔改。好像老外也不看产品详情一样,这个板块在woo里就是一个经典编辑器。woo作者意思也很明确,要么你写字,要么你丢图,至于想要自定义,融入bricks?压根没考虑。至于element,算了不提了,垃圾编辑器。思路和阿里巴巴和亚马逊一样,丢图。无可厚非。

          简单谈谈我的想法,就woo来说,想要达到完美,就必须接入新版古滕堡编辑器。或者各大编辑器开放源码(想想就好,不现实)。

          删掉wo,删掉多余插件,甚至smtp都可以直接写到config,删掉鸽子头。删掉站点备份插件。直接用kejilion定期备份。

          我只有,不到3个插件了。巨快,只保留了,一个拖动页面顺序的order插件。

          真是wp用到最后,只剩seo插件。只剩缓存插件。

          实际上,seo也不需要装。bricks有。

          靠,最后只剩缓存插件了。

          饮茶先。

          • Jonnywp
            A

            那wp被你用到极致了已经。我目前最少的话插件也会有6个左右。你是做什么工作的,运营还是专门的建站公司。

            • 猫吃鱼
              猫吃鱼

              我是零基础小白。

              看你的教程一步步学的。

              算是业余爱好吧。

              主要工作还是做游戏的。

              • Jonnywp
                A

                大佬,你做这个就是降维打击了。

                • 猫吃鱼
                  猫吃鱼

                  目前就简单玩玩,不知道新站点还能拿到订单。你要接续更新呀,没教程完全不会。全网就你做bricks的教材。不过我感觉,bilibili都是业余选手。连grid布局都不会玩。

    • 猫吃鱼
      猫吃鱼

      最近,插件litespeed cache,仪表盘点击页面加载时间按钮,会报错:“与QUIC.cloud服务器通信失败: 未知错误: Redis is not defined [server] https://node13.quic.cloud [service] health”,修了一天没修好,重新装了一边redis,”缓存规则“:6,也显示已连接,很奇诡。之前好好的,端口6379,主机地址127.0.0.1。

    • 猫吃鱼
      猫吃鱼

      满满全是干货,写的非常详细,收益匪浅。还想问一下,jonny的网站的鼠标动效怎么搞的,很酷炫,一个小圆点。yyds

      • Jonnywp
        A

        哈喽,谢谢留言,你说的鼠标动效是指我另一个网站是吗?这个网站我没有鼠标效果哦。那个网站的鼠标特效是我用的建站工具bricks builder的一个第三方插件做的,叫做bricksextras,它提供了一些鼠标指针效果。

    有问题?欢迎你加入讨论