http://postimg.org/image/h3nttjhof/
这是我的更新代码
if (is_admin())
{
add_action('admin_menu', 'user_menu');
}
function user_menu()
{
add_menu_page('Pesananku', 'Pesananku', 'subscriber', 'userslug',
'user_funct',get_template_directory_uri().'/img/favicon.ico',22);
}
function user_funct()
{
?>
<h2 class="nav-tab-wrapper">
<a href="#tab1" class="nav-tab">Tab #1</a>
<a href="#tab2" class="nav-tab nav-tab-active">Tab #2</a>
<a href="#tab3" class="nav-tab">Tab #3</a>
</h2>
<div id="tab1"><!--content tab1--></div>
<div id="tab2"><!--content tab2--></div>
<div id="tab3"><!--content tab3--></div>
<?php
}
我想要'user_funct()'创建标签与样式wordpress像这样
http://postimg.org/image/h3nttjhof/
如何使用链接选项卡菜单创建不同的内容
谢谢
你可以这样做;
首先,您需要创建一个函数,该函数根据当前选择的选项卡创建结构:
function page_tabs( $current = 'first' ) {
$tabs = array(
'first' => __( 'First tab', 'plugin-textdomain' ),
'second' => __( 'Second tab', 'plugin-textdomain' )
);
$html = '<h2 class="nav-tab-wrapper">';
foreach( $tabs as $tab => $name ){
$class = ( $tab == $current ) ? 'nav-tab-active' : '';
$html .= '<a class="nav-tab ' . $class . '" href="?page=ipl_dbx_import_export&tab=' . $tab . '">' . $name . '</a>';
}
$html .= '</h2>';
echo $html;
}
然后在调用回调函数来显示包含选项卡的页面时,您需要像这样使用这个函数:
<?php
// Code displayed before the tabs (outside)
// Tabs
$tab = ( ! empty( $_GET['tab'] ) ) ? esc_attr( $_GET['tab'] ) : 'first';
page_tabs( $tab );
if ( $tab == 'first' ) {
// add the code you want to be displayed in the first tab
}
else {
// add the code you want to be displayed in the second tab
}
// Code after the tabs (outside)
?>
然后调用页面,您可以添加一个名为tab
的GET值,对应于您想要显示的选项卡,例如:
admin.php?page=my_plugin_page_slug&tab=second