标签： HTML

  • 【网站】WordPress中如何获得无间隔的区块

        "spacing": {
        "blockGap": "1.2rem",
        "padding": {
            "left": "var:preset|spacing|50",
            "right": "var:preset|spacing|50"
        }
    },

    6.X版本的Wordpress中，区块之间会有一个默认1.2rem的间隔，这个间隔在页眉页脚设置中会与其他不同色彩的区块产生非常显眼的割裂，或者同一种非白色区块中间产生间隔缝隙。

    如何修改这个问题？很简单，我们可以在主题样式和区块设置 (theme.json)中进行更改，去掉这个间隔，让我们的区块背景更加融合或者分离的更明显，具体如上代码，找到 “spacing” 中的 “blockGap” 部分，将预设的 “1.2rem” 改为null即可（不用带引号），修改完毕的代码如下所示↓

    修改完毕后最好检查一下页面是否有其他区块被影响，目前观察容易受到影响的有导航栏，可以在其单独的样式中针对性调整区块间隔。

        "spacing": {
        "blockGap": null,
        "padding": {
            "left": "var:preset|spacing|50",
            "right": "var:preset|spacing|50"
        }
    },

  • 【小贴士】WordPress中锚点注意事项

    开始之前，建议先阅读：WordPress官方关于锚点的介绍

    WordPress在现在的古登堡编辑器中，可以在“侧边栏-高级-HTML锚点”中很方便为页面添加锚点，但是这其中有一些建议和注意事项。

    问题1、锚点的地址设置

    在WP目前的设置中，如果我们在页面中将锚点前加上完整的URL，点击锚点时，(在某些浏览器中)页面跳转会非常突兀，Not elegant。

    示例：

    Not elegant
    Elegant

    因此我们在同一页面中只要直接设置“#锚点”，就可以实现顺滑的跳转。

    问题2、锚点的唯一性

    这是接着问题1引申出来的，我们在每个单独页面中肯定是会注意到锚点的唯一性，但是多页面的锚点一旦多起来呢？重复的话会发生什么问题？

    在一般的用户场景这个问题并不显著，但是在WP的合集页面（目录、标签）中，如果我们有多个关于MV的文章，里面每个MV都在各自页面设置了“#MV”的锚点，那么WP在合计页面只能选择第一个文章的“#MV”锚点进行跳转。

    因此，我们可以在结合WP文章的URL结构，在每个锚点单词前加上对应文章URL的数字码，可以一定程度确保每个锚点的唯一性。

    演示区域

    这是一个锚点

    以优雅的方式回到测试点

  • 【网站】通过nginx为站点启用HTTP2

    启用过程还是比较简单的，但是过程让我学习到，问Ai之前先看官方手册，，，毕竟Ai的知识库不一定是最新的，而且会一本正经的胡说八道！

    过程：

    1、通过nginx -v检查nginx版本，翻阅nginx的官网手册对nginx配置文件进行编辑。

    2、配置文件server部分要注意是：

    server {
    listen 443 ssl;
    http2 on;
    }

    有些教程会告诉你是listen 443 ssl http2；这一语法已经在1.25.1版本之后被弃用了！所以如果你的nginx版本较高，参考官网的语法进行启用！

    3、按照你的需求配置其他选项。

    4、最重要的，编辑完毕使用nginx -t指令测试nginx的配置文件是否通过，然后重启nginx服务即可。

    效果：

    访问网站，检查协议是否为h2。