显示选项卡的图像按钮

尽管我有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="http://www.srcmini.com/#"> < div id="circle"> < div> option 1< /div> < /div> < /a>

然后, 你可以使其链接到带有图库的页面, 你可以像这样进行构建
我不确定你要寻找的是什么, 但希望能以某种方式对你有所帮助。

    推荐阅读