显示选项卡的图像按钮答案

【问题标题】：Image Buttons that reveal Tabs显示选项卡的图像按钮
【发布时间】：2019-02-03 09:53:40
【问题描述】：

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

如您所见，我有 2 个不同的标签，但它们是由主题创建的，我不知道如何自己创建它们，更不用说将它们制作成有趣的图像了。

【问题讨论】：

标签： wordpress tabs wordpress-theming

【解决方案1】：

您需要具备一些编程知识，例如 WordPress 开发、JavaScript/jQuery、PHP、CSS 才能自行开发此类图库。您可能想从这里开始： https://developer.wordpress.org/

如果您在特定领域需要帮助，您可以提及，以便我可以提供适当的帮助。

【讨论】：

【解决方案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一样构建它

我不完全确定您在寻找什么，但希望这对您有所帮助。

【讨论】：