Bygning af brugerdefinerede WooCommerce Admin-sider

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.

Skriv et svar

Din e-mailadresse vil ikke blive publiceret. Krævede felter er markeret med *