Wordpress Metabox (klassisch) für Post erstellen

Um eine einfache Metabox bei der Beitragsbearbeitenseiten (Post Edit Screen) einzufügen, kann folgender Code genutzt werden.

<?php
/*  Metabox init */
new MetaboxPost();
 
/**
 * METABOX KLASSE
 */
class MetaboxPost
{
 
	function __construct( )
	{
		add_action( 'add_meta_boxes', [ $this, 'add_meta_box' ] );
		add_action( 'save_post', [ $this, 'save' ] );
	}
 
	public function add_metabox()
	{
		$mb_id            = 'plugin_metbox_name';
		$mb_title         = 'Meine Metabox';
		$mb_callback      = [ $this, 'render_metabox' ];
		$mb_screens       = ['post','event'];
		$mb_position      = 'side';
		$mb_priority      = 'low';
		$mb_callback_args = null;
		add_meta_box( $mb_id, $mb_title, $mb_callback, $mb_screens, $mb_position, $mb_priority, $mb_callback_args );
	}
 
 
	public function render_metabox()
	{
		echo "<p>HTML Ausgabe der Metabox</p>";
	}
 
	public function save()
	{
		// Nichts machen bei Auto-Save
		if ( defined( 'DOING_AUTOSAVE' ) && DOING_AUTOSAVE ) {
			return $post_id;
		}
 
		// Sanitizen von Eingaben
		//$mydata = sanitize_text_field( $_POST['myplugin_new_field'] );
 
		// Update von einem Metafeld
		//update_post_meta( $post_id, '_my_meta_value_key', $mydata );
	}
}

Alternative als statische Klasse

Das hier ist eine alternative Version mit einer Klasse aus Static-Methods. Der Vorteil ist, dass diese nicht initialisiert werden muss, und wirklich nur aufgerufen wird, wenn Metaboxes von Wordpress gerendert werden.

<?php 
 
namespace wp_admin\wp_metabox;
 
add_action( 'add_meta_boxes', ['wp_admin\wp_metabox\MyMetaBox', 'add_metabox'] );
add_action( 'save_post', ['wp_admin\wp_metabox\MyMetaBox', 'save'] );
 
final class MyMetaBox
{
	private static $ID              = 'my_metabox_id';
	private static $title           = 'My Metabox Title';
	private static $render_callback = ['wp_admin\wp_metabox\MyMetaBox', 'render_metabox'];
	private static $show_on_screens = [ 'post' ];
	private static $position        = 'side';
	private static $priority        = 'default';
 
	public static function add_metabox()
	{	
		add_meta_box( self::$ID, self::$title, self::$render_callback, self::$show_on_screens, self::$position, self::$priority );
	}
 
	public static function render_metabox()
	{
		echo "<h1>Mein lustiges HTML</h1>";
	}
 
	public static function save()
	{
		// Nichts machen bei Auto-Save
		if ( defined( 'DOING_AUTOSAVE' ) && DOING_AUTOSAVE ) {
			return $post_id;
		}
 
		// Sanitizen von Eingaben
		//$mydata = sanitize_text_field( $_POST['myplugin_new_field'] );
 
		// Update von einem Metafeld
		//update_post_meta( $post_id, '_my_meta_value_key', $mydata );
	}
}

Erweitertes Beispiel mit statischer Klasse

In diesem Beispiel ist alles etwas konkreter. Es zeigt wie Daten aus einer Textarea gespeichert und geladen werden.

Mit dieser Variante, kann man auf die gespeicherten Daten der Metabox auch direkt über die statische Methode zurück greifen, via: $metabox_value_description = AdditionalPostInfos::get_description()

<?php 
 
 namespace theme\functions\theme_setup\metaboxes;
 
add_action( 'add_meta_boxes', ['theme\functions\theme_setup\metaboxes\AdditionalPostInfos', 'add_metabox'] );
add_action( 'save_post', ['theme\functions\theme_setup\metaboxes\AdditionalPostInfos', 'save'] );
 
final class AdditionalPostInfos
{
	private static $ID              = 'mb_additional_post_infos';
	private static $title           = 'Additional Post Infos';
	private static $render_callback = ['theme\functions\theme_setup\metaboxes\AdditionalPostInfos', 'render_metabox'];
	private static $show_on_screens = [ 'post' ];
	private static $position        = 'side';
	private static $priority        = 'high';
 
	private static $entry_meta_key  = 'additional_post_infos';
 
	public static function add_metabox()
	{	
		add_meta_box( self::$ID, self::$title, self::$render_callback, self::$show_on_screens, self::$position, self::$priority );
	}
 
	public static function render_metabox()
	{
		$value_description = self::get_description();
 
		echo <<<HTML
			<div class="mb_additional_post_infos">
				<label>
					<strong>Descriptive Copy</strong>
					<textarea type="text" name="additional_post_infos[description]" placeholder="add text here..." rows="3">{$value_description}</textarea>
				</label>
				<p><em>This will be displayed above the title on the blog post page.</em></p>
			</div>
 
			<style>
				.mb_additional_post_infos label{
					width : 100%;
				}
				.mb_additional_post_infos input{
					width : 100%;
				}
				.mb_additional_post_infos textarea{
					margin           : 2px 0px 0px 0px;
					width            : 100%;
					border           : none;
					outline          : none;
					border-radius    : 0px;
					border-left      : 2px solid rgb(0,124,186,0.0);
					background-color : rgb(245,245,245,1);
					color            : rgb(90,90,90);
					resize           : none;
					transition       : border 250ms, background-color 250ms, color 250ms;
					box-shadow       : none;
				}
					.mb_additional_post_infos textarea:hover{
						border-left      : 2px solid rgb(0,124,186,0.5);
						background-color : rgb(250,250,250,1);
					}
					.mb_additional_post_infos textarea:focus{
						border           : none;
						outline          : none;
						border-left      : 2px solid rgb(0,124,186,1.0);
						color            : rgb(0,0,0);
						background-color : rgb(255,255,255,1);
						box-shadow       : none;
					}
 
				.mb_additional_post_infos p em {
					margin      : 4px 0px 0px 0px;
					font-size   : 10px;
					line-height : 12px;
				}
			</style>
		HTML;
 
	}
 
	public static function save( $post_id )
	{
		// Nichts machen bei Auto-Save
		if( defined( 'DOING_AUTOSAVE' ) && DOING_AUTOSAVE ) return;
 
		// Nichts tun, wenn gar kein Meta mit geschickt wurde
		if( !isset( $_POST['additional_post_infos'] ) ) return;
 
		update_post_meta( $post_id, 'additional_post_infos', $_POST['additional_post_infos'] );
	}
 
 
 
	public static function get_description():string
	{
		global $post;
		$post_meta_description = get_post_meta( $post->ID, 'additional_post_infos',true )['description'] ?? '';
 
		return $post_meta_description;
	}
}

Sidebar

Lesezeichen

Programmieren

Webserver

Table of Contents

Wordpress Metabox (klassisch) für Post erstellen

Alternative als statische Klasse

Erweitertes Beispiel mit statischer Klasse

User Tools

Site Tools

Sidebar

Lesezeichen

Programmieren

Webserver

Table of Contents

Wordpress Metabox (klassisch) für Post erstellen

Alternative als statische Klasse

Erweitertes Beispiel mit statischer Klasse

Page Tools