社交菜单图标问题 - 添加类时没有超链接

问：

我在 littleseabear.com 上使用我自己的无限新闻子主题。Infinity News 使用 ION 图标，为了使图标出现在社交菜单中，CSS 如下所示：

social-icons ul a[href*="website.com/"]:after{
content: \f236}

问题是 Ion 图标没有 Goodreads 图标。我目前将图标设置为一本书，但想要 goodreads 徽标。 我尝试将 fa-brands fa-goodreads（fontawesome 类）添加到菜单中，它给了我正确的图像，删除了超链接。menu-image 插件也这样做。

所以我想我需要将它添加到主题字体中，但不知道该怎么做。

如果我能让超链接正常工作，我什至很乐意使用 fontawesome 删除离子图标，如果两者都会导致冲突。

这些说明让我感到困惑（阅读障碍可能没有帮助）并且找不到视频。

有人可以帮我提供一个简单的、一步一步的细分吗？

我留下了一个例子，说明如果我将类添加到菜单中会发生什么