翻译插件美化国旗图标——Gtranslate和polylang

综合, 页面设计
浏览次数 147

Gtanslate和Polylang是经常用的两个插件,但是都有一个缺点就是国旗图标太过时;

所以第一步就是下载2套国旗图标,在flaticon

Gtranslate 直接用短代码,然后修改css如下

替换图标,禁止插件自动更新;

Polylang用的是simple menu,然后短代码如下;

#menu-language .lang-item a img{
opacity: 0;
width: 25px !important;
height: 25px !important;
}
#menu-language .lang-item a{
background-size: contain !important;
background-repeat: no-repeat !important;
}

#menu-language .lang-item-en a{
background: url(/wp-content/uploads/2021/03/en.png);
}

#menu-language .lang-item-zh a{
background: url(/wp-content/uploads/2021/03/cn-ZH.png);
}

.header_ver .l-header .w-menu #menu-language {
width: 100%;
display: inline-flex !important;
}

.header_ver .l-header .w-menu #menu-language li {
padding:0.8rem;
}

关注微信公众号

菜单