如何为插件设置页面设计类似WooCommerce的管理标签？

时间：2019-10-18 作者：Dragos Micu

我正在开发一个WooCommerce插件，并在仪表板的WooCommerce菜单下创建了一个自定义管理子页面。

现在，我希望根据WooCommerce下的设置页面添加选项卡和子导航。

WooCommerce settings tab

我想知道是否有WordPress/WooCommerce这样做，或者我是否需要使用自定义代码复制它？

编辑：理想情况下，它应该在我的自定义管理子页面上，但也欢迎您提供指导，为WooCommerce->设置添加一个新选项卡。

1 个回复
最合适的回答,由SO网友:Dragos Micu 整理而成

我已经在我的自定义管理页面上找到了如何实现它。

您可以使用默认wordpress类并获得如下可变技巧：

<?php
    if( isset( $_GET[ \'tab\' ] ) ) {
        $active_tab = $_GET[ \'tab\' ];
    } // end if
?>

<h2 class="nav-tab-wrapper">
    <a href="?page=sandbox_theme_options&tab=display_options" class="nav-tab <?php echo $active_tab == \'display_options\' ? \'nav-tab-active\' : \'\'; ?>">Display Options</a>
    <a href="?page=sandbox_theme_options&tab=social_options" class="nav-tab <?php echo $active_tab == \'social_options\' ? \'nav-tab-active\' : \'\'; ?>">Social Options</a>
</h2>
然后把其他的都包起来if($active_tab == \'desired_option\'){} 声明。

信用证：https://code.tutsplus.com/tutorials/the-wordpress-settings-api-part-5-tabbed-navigation-for-settings--wp-24971

标签： plugin-development   woocommerce-offtopic   admin-menu   小码农  

相关推荐