时间戳

首页 > 解决方案 > 显示选项卡的图像按钮

wordpress - 显示选项卡的图像按钮

问题描述

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

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

标签： wordpresstabswordpress-theming

解决方案

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

#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>

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

我不完全确定您在寻找什么，但希望这在某种程度上可以帮助您。

推荐阅读