WooCommerce-platformen er den mest populære inden for e-handel og kan tilpasses til ethvert formål. Når du har et WooCommerce-websted, kan du bygge brugerdefinerede admin-sider for at udvide funktionaliteten og tilføje flere kontrolpaneler, der gør det let for dig at administrere webstedet. I denne artikel lærer du, hvordan du bygger brugerdefinerede admin-sider til dit WooCommerce-websted.
Trin 1: Opret et plugin
Først skal du oprette et plugin, der registrerer WooCommerce-admin-sider. Dette plugin indeholder alle kodefiler, der er nødvendige for at konstruere dine brugerdefinerede admin-sider. Du skal oprette et plugin som et WordPress-plugin og derefter indsætte følgende kode:
<?php
/*
Plugin Name: Custom WooCommerce Admin Pages
Plugin URI:
Description: Build custom WooCommerce admin pages
Version: 1.0
Author:
Author URI:
*/
// The code below registers the custom admin page
function custom_admin_pages() {
add_menu_page(
'Custom Page',
'Custom Page',
'manage_options',
'custom-page',
'custom_admin_page_callback',
'dashicons-admin-generic',
30
);
}
add_action( 'admin_menu', 'custom_admin_pages' );
// The code below renders the custom admin page
function custom_admin_page_callback() {
?>
<h1>Custom Admin Page</h1>
<p>This is a custom admin page</p>
<?php
}
?>
Koden ovenfor registrerer den brugerdefinerede admin-side og gør den tilgængelig via WordPress-admin-menuen. Med denne kode kan du oprette en side med titlen “Custom Page” og en beskrivelse “This is a custom admin page”.
Trin 2: Tilføj ekstra felt til admin-siden
Når du har oprettet den brugerdefinerede admin-side, kan du begynde at tilføje ekstra felt til den. For at gøre dette skal du bruge WordPress-funktionen add_settings_field(). Denne funktion gør det muligt at tilføje et felt, der vises på admin-siden. Du skal indsætte følgende kode i plugin-filerne:
<?php
// The code below adds a custom field to the admin page
function custom_admin_page_fields() {
add_settings_field(
'custom_field_name',
'Custom Field Name',
'custom_field_callback',
'custom-page',
'custom_section'
);
}
add_action( 'admin_init', 'custom_admin_page_fields' );
// The code below renders the custom field
function custom_field_callback() {
?>
<input type="text" name="custom_field_name" id="custom_field_name" />
<?php
}
?>
Koden ovenfor tilføjer et felt med navnet “Custom Field Name” til admin-siden. Denne kode kan bruges til at tilføje flere felter til admin-siden.
Trin 3: Gem brugerdefinerede felter
Når du har tilføjet brugerdefinerede felter til admin-siden, skal du gemme disse felter. Dette er nødvendigt for at gemme brugerens input og indstillinger. Du skal tilføje følgende kode til plugin-filerne:
<?php
// The code below saves the custom field
function save_custom_field() {
if ( isset( $_POST['custom_field_name'] ) ) {
update_option( 'custom_field_name', sanitize_text_field( $_POST['custom_field_name'] ) );
}
}
add_action( 'admin_init', 'save_custom_field' );
?>
Koden ovenfor gemmer den brugerdefinerede feltværdi. Denne kode kan bruges til at gemme flere brugerdefinerede felter.
Konklusion
WooCommerce giver dig mulighed for at tilføje brugerdefinerede admin-sider til dit websted. I denne artikel har du lært, hvordan du bygger disse brugerdefinerede admin-sider. Du skal oprette et plugin, tilføje ekstra felt til admin-siden og gemme brugerdefinerede felter. Når du har følgt disse trin, vil du være i stand til at oprette et komplet brugerdefineret admin-panel til WooCommerce-webstedet.