显示选项卡的图像按钮

时间:2018-08-28 17:24:49

标签: wordpress tabs wordpress-theming

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

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

2 个答案:

答案 0 :(得分:0)

您需要具备一些编程知识,例如WordPress开发,JavaScript / jQuery,PHP,CSS才能自行开发此类画廊。您可能要从这里开始: reactjs

如果您需要特定领域的帮助,可以提及这一点,以便我能适当地帮助您。

答案 1 :(得分:0)

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

#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

进行构建

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