Blocksy主题中添加自定义社交媒体?

要在Blocksy主题中添加自定义的社交媒体,如Bilibili,可以按照以下步骤进行:

  1. 准备SVG格式图标

首先,需要找到Bilibili的SVG格式的图标文件。可以在网上搜索,或者到阿里云的Iconfont网站下载,但请注意版权问题。

下载Bilibili的图标
  1. 获取SVG图标代码

使用记事本或其他文本编辑器打开获取的SVG格式的图标文件,可以看到Bilibili图标对应的SVG代码。

复制SVG图标代码
  1. 修改代码

使用下面的代码来添加自定义的社交媒体。在代码中,将`’id’`的值改为你想要的社交媒体的名称(例如,’Bilibili’或’qq’等),将`’name’`的值改为你想在网站上显示的社交媒体的名称(例如,’Bilibili’或’QQ’),将`’icon’`的值改为你在第二步中获取的SVG代码。

add_filter('blocksy:social-box:dynamic-social-networks', function ($networks) {
    $networks[] = [
        'id' => 'bilibili',
        'name' => __('Bilibili', 'blocksy'),
        'icon' => '<svg
          class="ct-icon"
          viewBox="0 0 1024 1024"
          xmlns="http://www.w3.org/2000/svg"
          width="20" height="20">
            <path d="M977.2 208.2c33.4 36.2 48.8 79.4 46.6 131.4v404.8c-0.8 52.8-18.4 96.2-53 130.2-34.4 34-78.2 51.8-131 53.4H184.04c-52.9-1.6-96.42-19.6-130.56-54.4C19.364 838.8 1.534 793 0 736.4V339.6c1.534-52 19.364-95.2 53.48-131.4C87.62 175.5 131.14 157.54 184.04 156h58.76L192.1 104.38c-11.5-11.46-17.26-26-17.26-43.58 0-17.6 5.76-32.12 17.26-43.594C203.6 5.736 218.2 0 235.8 0s32.2 5.736 43.8 17.206L426.2 156h176l149-138.794C763.4 5.736 778.4 0 796 0c17.6 0 32.2 5.736 43.8 17.206 11.4 11.474 17.2 25.994 17.2 43.594 0 17.58-5.8 32.12-17.2 43.58L789.2 156h58.6c52.8 1.54 96 19.5 129.4 52.2z m-77.6 139.4c-0.8-19.2-7.4-34.8-21.4-47-10.4-12.2-28-18.8-45.4-19.6H192.1c-19.18 0.8-34.9 7.4-47.16 19.6-12.28 12.2-18.8 27.8-19.56 47v388.8c0 18.4 6.52 34 19.56 47s28.76 19.6 47.16 19.6H832.8c18.4 0 34-6.6 46.6-19.6 12.6-13 19.4-28.6 20.2-47V347.6z m-528.6 85.4c12.6 12.6 19.4 28.2 20.2 46.4V546c-0.8 18.4-7.4 33.8-19.6 46.4-12.4 12.6-28 19-47.2 19-19.2 0-35-6.4-47.2-19-12.2-12.6-18.8-28-19.6-46.4v-66.6c0.8-18.2 7.6-33.8 20.2-46.4 12.6-12.6 26.4-19.2 46.6-20 18.4 0.8 34 7.4 46.6 20z m383 0c12.6 12.6 19.4 28.2 20.2 46.4V546c-0.8 18.4-7.4 33.8-19.6 46.4-12.2 12.6-28 19-47.2 19-19.2 0-34.8-6.4-47.2-19-14-12.6-18.8-28-19.4-46.4v-66.6c0.6-18.2 7.4-33.8 20-46.4 12.6-12.6 28.2-19.2 46.6-20 18.4 0.8 34 7.4 46.6 20z" p-id="5048"></path>
        </svg>',
    ];

    return $networks;
});
将代码添加到Snippets

一般情况下,只需要修改<path>部分代码就可以了。然后,将上述代码添加到主题的Functions.php文件中,或者Snippets插件对应的代码区块中。

  1. 添加账号
成功添加了BiliBili图标

添加完上面的代码之后,在外观自定义里面,比如我们需要将社交媒体添加到页头区域,我们可以在里面找到及添加Bilibili的社交媒体了。

这样,你就可以在Blocksy主题中添加自定义的社交媒体了。

作者:牛奇网,本站文章均为辛苦原创,在此严正声明,本站内容严禁采集转载,面斥不雅请好自为之,本文网址:https://www.niuqi360.com/blocksy/blocksy-add-a-custom-social-network/

(0)
牛奇网牛奇网
上一篇 2023年9月19日 上午11:29
下一篇 2023年9月20日 上午8:59

相关推荐

发表回复

登录后才能评论
很多新手不知道如何选择外贸独立站主机,这里推荐一款使用量最大,性价比最高的国外独立站主机Hostinger,立即获取优惠