显示选项卡的图像按钮

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

如你所见, 我有2个不同的选项卡, 但是这些选项卡是由主题创建的, 而且我不知道如何独自创建它们, 更不用说将它们变成有趣的图像了。

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

然后, 你可以使其链接到带有图库的页面, 你可以像这样进行构建

我不确定你要寻找的是什么, 但希望能以某种方式对你有所帮助。