Creare Metabox con Wysiwyg html editor

Partiamo dal presupposto di sapere come si creano delle Metabox¬† personalizzate nel wp-admin in WordPress, vediamo ora come arricchire una text area usando l’editor html nativo di WordPress con pochissime righe di codice. Con queste preziose righe si possono creare delle metabox utilizzando l’editor html nativo Wysisyg di WordPress.

prima di tutto nel nostro file functions.php dichiariamo la metabox inizializzandola:

Inizializzazione della Metabox

//This function initializes the meta box.
 function custom_editor_meta_box() {    
           add_meta_box ( 
           	  'custom-editor', 
           	  __('Custom Editor', 'custom-editor') , 
           	  'custom_editor', 
           	  'portfolio'
           );
 
 }
 
 add_action('admin_init', 'custom_editor_meta_box');

Rendering della Metabox

Successivamente creiamo una funzione per renderizzare il contenuto della metabox facendo uso di wp_editor

<?php
 
 //Displaying the meta box
 function custom_editor($post) {          
          echo "<h3>Add Your Content Here</h3>";
          $content = get_post_meta($post->ID, 'custom_editor', true);
          
          //This function adds the WYSIWYG Editor 
          wp_editor ( 
           $content , 
           'custom_editor', 
           array ( "media_buttons" => true ) 
          );
 }
 
?>

Leave a Reply

Your email address will not be published. Required fields are marked *