User Tools

Site Tools

Trace:

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision		Previous revision
programmieren:wordpress:klassische_metabox_fuer_posts_erstellen [2024/06/22 14:02] – jgehrkeprogrammieren:wordpress:klassische_metabox_fuer_posts_erstellen [2024/08/10 10:38] (current) – jgehrke
Line 53: Line 53:
 } }
 </code> </code>
 +
 +===== 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.  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. 
Line 62: Line 64:
  
 add_action( 'add_meta_boxes', ['wp_admin\wp_metabox\MyMetaBox', 'add_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 final class MyMetaBox
Line 98: Line 101:
  
 </code> </code>
 +
 +===== 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()''
 +
 +<code php>
 +<?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;
 + }
 +}
 +</code>
 +
programmieren/wordpress/klassische_metabox_fuer_posts_erstellen.1719064956.txt.gz · Last modified: by jgehrke
CC Attribution-Share Alike 4.0 International Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International

Page Tools