在标题中的主徽标旁边添加第二个徽标

时间:2019-08-04 作者:Rok1215

我想在我的网站上的主徽标右侧添加第二个徽标,并在单击时将其重定向到其他网站。我见过有人建议编辑标题中的代码。php,但我仔细查看了代码,找不到任何表示更改徽标url或添加第二个徽标的代码。我使用的是Avada 3.7.3主题,是的,我知道它非常过时,但我不认为我可以在不支付许可证的情况下更新它。这是一个旧网站,我从一位前同事那里接管了它,我不知道他是如何将其添加到该网站的。

我希望有人能在这方面帮助我,谢谢。

1 个回复
最合适的回答,由SO网友:Louis S 整理而成

下面是一些javascript,希望能在当前徽标的右上角添加一个新链接。您需要将此脚本添加到主题中。

我已经添加了一些评论来解释我所做的事情,但如果不清楚,请随时问我任何问题。

<script>
// Create a div element with class secondary-logo which will contain the secondary link inside.
var secondary_logo_link = document.createElement(\'div\');
secondary_logo_link.className=\'secondary-logo\';

// Add the secondary link (replace https://www.google.com with your desired url) to the new container element. Also adding custom CSS styling to help position/size the new element correctly. 
secondary_logo_link.innerHTML = \'<a href="https://www.google.com"></a><style>.logo{ position:relative; }.secondary-logo{position: absolute; top: 0; right: 0; width: 27%; height: 100%; z-index: 1;}.secondary-logo a{height: 100%; width: 100%;}</style>\';

//Finally append the new secondary-logo element to both occurances of the logo (header and sticky).
document.getElementsByClassName(\'logo\')[0].appendChild(secondary_logo_link.cloneNode(true));
document.getElementsByClassName(\'logo\')[1].appendChild(secondary_logo_link.cloneNode(true));
</script>