【问题标题】: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一样构建它

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

      【讨论】:

        猜你喜欢
        • 2016-08-08
        • 2023-03-22
        • 2013-05-13
        • 1970-01-01
        • 1970-01-01
        • 2017-02-17
        • 2016-07-30
        • 2019-04-26
        • 2013-12-20
        相关资源
        最近更新 更多