显示标签的图像按钮

Question

虽然我有HTML背景，但我对wordpress和编码还是比较陌生的。我正在寻找一些应该相当简单的东西。我想在页面上创建3个圆形图像按钮。当我点击它们时，我希望它们能够显示相关的图库。例如，您可以在此处查看我的测试网站：http://centralia2050.dreamhosters.com/fanarttest/

正如你所看到的，我有2个不同的标签，但是这些是由主题创建的，我不知道如何自己创建它们，更不用说将它们变成有趣的图像了。

Answer 1

你需要拥有一些编程知识，如WordPress开发，JavaScript / jQuery，PHP，CSS来自己开发这种类型的库。你可能想从这里开始：https://developer.wordpress.org/

如果您需要特定领域的帮助，您可以提及，以便我可以正确帮助。

Answer 2

如果您正在使用主题，则必须编辑主题文件，因为您必须更改菜单按钮的外观。找到菜单样式的位置后，您可以将其编辑为圆圈，例如

#circle {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: lightgray;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: .5s;
}

#circle:hover {
  opacity: .5;
  transition: .5s;
}

<a href="#">
  <div id="circle">
    <div>option 1</div>
  </div>
</a>

然后你可以把它链接到一个带有画廊的页面，你可以像this一样构建它

我不完全确定你在寻找什么，但希望这会以某种方式帮助你。