cómo crear un menú de pestañas en la página de administración de wordpress

2 minutos de lectura

avatar de usuario
Iwan Firmawan

este es mi código de actualización

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
}

yo quiero ‘función_usuario()‘crear pestaña con estilo wordpress como este


http://postimg.org/image/h3nttjhof/


cómo crear contenido diferente con el menú de pestaña de enlace

Gracias

  • github.com/bueltge/WordPress-Admin-Style

    – brasofilo

    24 de junio de 2014 a las 5:24

  • ¿Cómo puedo usar la pestaña jquery en la página de administración de mi menú personalizado?

    – Iwan Firmawan

    24 de junio de 2014 a las 6:40

  • Pruebe algo primero, si no funciona, actualice su pregunta. Por favor, lea Cómo preguntar.

    – brasofilo

    24 de junio de 2014 a las 6:47

  • ok, lo siento, solo quiero contenido dinámico con el menú de enlaces de pestañas

    – Iwan Firmawan

    24 de junio de 2014 a las 7:29

  • Agregar scripts a su complemento: wordpress.stackexchange.com/…

    – brasofilo

    24 de junio de 2014 a las 7:35


avatar de usuario
Dexter0015

Así es como puede hacerlo;

Primero, debe crear una función que cree la estructura según la pestaña actual seleccionada:

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="https://stackoverflow.com/questions/24378753/?page=ipl_dbx_import_export&tab=" . $tab . '">' . $name . '</a>';
    }
    $html .= '</h2>';
    echo $html;
}

Luego, en la función de devolución de llamada llamada para mostrar la página que contendrá las pestañas, debe usar esta función así:

<?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)
?>

Además, luego de llamar a la página, puede agregar un valor GET llamado tab correspondiente a la pestaña que desea mostrar, por ejemplo:

admin.php?page=my_plugin_page_slug&tab=second

¿Ha sido útil esta solución?