Tilpasning av WordPress admin: Utviklerguiden 2026

Når du leverer en WordPress-side til en kunde, er standard kontrollpanel ofte overveldede. Det er fullt av “Upsell-varsler”, forvirrende menyer som “Kommentarer” (når kommentarer er deaktivert), og teknisk sjargong.

Et generisk dashbord sier “Jeg installerte et tema.” Et tilpasset dashbord sier “Jeg bygde en profesjonell applikasjon.”

I denne guiden skal vi mestre WordPress Admin-tilpasning for å skape en ren, white-label opplevelse for kundene dine.

1. Opprydding av admin-menyen

Første steg er remove_menu_page. De fleste kunder trenger ikke å se “Verktøy” eller “Innstillinger”.

Best Practice: Sjekk rettigheter (capabilities), ikke ID-er. Aldri skjul menyer for Administratorer.

/**
 * Rydd opp i Admin-menyen for ikke-administratorer
 */
function wppoland_clean_admin_menu() {
    // Alltid la Admin se alt
    if ( current_user_can( 'manage_options' ) ) {
        return;
    }

    // Fjern toppnivå-menyer
    remove_menu_page( 'tools.php' );                // Verktøy
    remove_menu_page( 'options-general.php' );      // Innstillinger
    remove_menu_page( 'edit-comments.php' );        // Kommentarer
    remove_menu_page( 'edit.php?post_type=acf-field-group' ); // ACF (Sikkerhet!)

    // Fjern undermenyer
    remove_submenu_page( 'themes.php', 'theme-editor.php' );
    remove_submenu_page( 'plugins.php', 'plugin-editor.php' );
}
add_action( 'admin_menu', 'wppoland_clean_admin_menu', 999 );

Advarsel: remove_menu_page skjuler bare lenken. En smart bruker kan fortsatt få tilgang til /wp-admin/options-general.php direkte. For å virkelig blokkere tilgang, verifiser tillatelser på current_screen eller admin_init.

2. Legge til egne meny-sider

Ikke bruk rammeverk for tema-alternativer hvis du ikke må. Det innebygde API-et er raskt og lett.

function wppoland_register_support_page() {
    add_menu_page(
        'Kundesupport',             // Sidetittel
        'Support',                  // Menytittel
        'edit_posts',               // Rettighet
        'wppoland-support',         // Slug
        'wppoland_render_support',  // Callback
        'dashicons-sos',            // Ikon
        90                          // Posisjon
    );
}
add_action( 'admin_menu', 'wppoland_register_support_page' );

function wppoland_render_support() {
    ?>
    <div class="wrap">
        <h1>Trenger du hjelp?</h1>
        <div class="card">
            <h2>Kontakt utvikleren din</h2>
            <p>E-post: <a href="mailto:dev@wppoland.com">dev@wppoland.com</a></p>
            <p>Telefon: +48 729 108 200</p>
        </div>
    </div>
    <?php
}

3. Tilpasning av verktøylinjen (toolbar)

Verktøylinjen er synlig på frontend for innloggede brukere. Det er et perfekt sted for “Hurtighandlinger” som “Tøm Cache” eller “Rediger i Sidebygger”.

function wppoland_customize_toolbar( $wp_admin_bar ) {
    // Fjern WordPress-logoen (Profesjonalitet)
    $wp_admin_bar->remove_node( 'wp-logo' );

    // Legg til en egendefinert handling
    $wp_admin_bar->add_node( [
        'id'    => 'clear-redis',
        'title' => '⚡ Tøm Cache',
        'href'  => admin_url( 'admin-post.php?action=wppoland_clear_cache' ),
        'meta'  => [ 'title' => 'Tøm Redis Object Cache' ]
    ] );
}
add_action( 'admin_bar_menu', 'wppoland_customize_toolbar', 999 );

4. Dashbord-widgeter: Velkomstskjermen

Når en kunde logger inn, lander de på Dashbordet. Standard widgeter (“WordPress-arrangementer”, “Hurtigutkast”) er vanligvis ubrukelige for dem.

Erstatt dem med en egendefinert status-widget.

function wppoland_dashboard_widgets() {
    // Fjern standarder
    remove_meta_box( 'dashboard_primary', 'dashboard', 'side' );   // WP Events
    remove_meta_box( 'dashboard_quick_press', 'dashboard', 'side' ); // Quick Draft

    // Legg til egen widget
    wp_add_dashboard_widget(
        'wppoland_status_widget',
        'Nettstedstatus',
        'wppoland_render_status_widget'
    );
}
add_action( 'wp_dashboard_setup', 'wppoland_dashboard_widgets' );

function wppoland_render_status_widget() {
    echo '<p>✅ <strong>WordPress Kjerne</strong>: Oppdatert</p>';
    echo '<p>✅ <strong>Sikkerhetskopier</strong>: Daglig (Siste: 02:00)</p>';
    echo '<p>📈 <strong>Trafikk</strong>: <a href="/nb/#">Se Analyse</a></p>';
}

5. White labeling via CSS

Til slutt, legg til litt polish. Last inn en egen CSS-fil for admin-området for å matche kundens merkevare (eller byråets ditt).

function wppoland_admin_styles() {
    echo '<style>
        /* Endre farge på Admin Bar */
        #wpadminbar { background: #2c3e50; }

        /* Fremhev egendefinert meny */
        #toplevel_page_wppoland-support .wp-menu-image { color: #e74c3c !important; }

        /* Skjul irriterende programtillegg-varsler */
        .notice.is-dismissible { display: none; } /* Bruk med forsiktighet! */
    </style>';
}
add_action( 'admin_head', 'wppoland_admin_styles' );

Oppsummering

Tilpasning av admin-området handler ikke bare om forfengelighet. Det handler om Brukeropplevelse (UX). Ved å fjerne rot og fremheve viktige verktøy, reduserer du supporthenvendelser og får kundene til å føle at de eier et premium-produkt.