Campo personalizado wordpress

[satanson123]

Hola amigos aqui de nuevo, tengo otro problemita espero que me ayuden. Como puedo colocar 2 editores en wordpress o un custom field que acepte html?

La idea es colocar como si fuera 2 entradas en la misma entrada pero separados uno al lado del otro. El del lado derecho sera la entrada y el del lado izquierdo sera el otro editor o el otro custom field, lo colocare como si fuera un sidebar.

Esto me pidio el cliente Gracias por la ayuda.

[ArturoGallegos]

checa esto
http://codex.wordpress.org/Function_Reference/wp_editor

[satanson123]

Iniciado por ArturoGallegos

checa esto
http://codex.wordpress.org/Function_Reference/wp_editor

Gracias por contestar amigo tenia mucho que no te leia, bueno al agregar el codigo de la pagina que me sugeriste sale de esta manera



No se guarda y no se como llamar los datos que se coloquen ahi, y quiero que aparesca abajo del otro editor. Gracias por tu ayuda por favor contesta lo antes posible.

Use este codigo para colocarlo

Código PHP:

$content = '';
$editor_id = 'mycustomeditor';
 
wp_editor( $content, $editor_id );
 

[ArturoGallegos]

Debes utilizarlo como cualquier otro campo que agregues dígase de texto, textarea u otro.

Lo indispensable para guardar y mostrar el campo es que tenga nombre, si ves los argumentos que soporta uno de ellos es textarea_name agrégaselo y procede como lo harías de costumbre con los custom fields

[satanson123]

Iniciado por ArturoGallegos

Debes utilizarlo como cualquier otro campo que agregues dígase de texto, textarea u otro.

Lo indispensable para guardar y mostrar el campo es que tenga nombre, si ves los argumentos que soporta uno de ellos es textarea_name agrégaselo y procede como lo harías de costumbre con los custom fields

Mi amigo gracias por todo, buscando como 2 horas con google y bing encontre este codigo que funciona perfecto.

Código PHP:

define('WYSIWYG_META_BOX_ID', 'my-editor');
define('WYSIWYG_EDITOR_ID', 'myeditor'); //Important for CSS that this is different
define('WYSIWYG_META_KEY', 'extra-content');
 
add_action('admin_init', 'wysiwyg_register_meta_box');
function wysiwyg_register_meta_box(){
        add_meta_box(WYSIWYG_META_BOX_ID, __('WYSIWYG Meta Box', 'wysiwyg'), 'wysiwyg_render_meta_box', 'post');
}
 
function wysiwyg_render_meta_box(){
 
        global $post;
 
        $meta_box_id = WYSIWYG_META_BOX_ID;
        $editor_id = WYSIWYG_EDITOR_ID;
 
        //Add CSS & jQuery goodness to make this work like the original WYSIWYG
        echo "
                <style type='text/css'>
                        #$meta_box_id #edButtonHTML, #$meta_box_id #edButtonPreview {background-color: #F1F1F1; border-color: #DFDFDF #DFDFDF #CCC; color: #999;}
                        #$editor_id{width:100%;}
                        #$meta_box_id #editorcontainer{background:#fff !important;}
                        #$meta_box_id #$editor_id_fullscreen{display:none;}
                </style>
 
                <script type='text/javascript'>
                        jQuery(function($){
                                $('#$meta_box_id #editor-toolbar > a').click(function(){
                                        $('#$meta_box_id #editor-toolbar > a').removeClass('active');
                                        $(this).addClass('active');
                                });
 
                                if($('#$meta_box_id #edButtonPreview').hasClass('active')){
                                        $('#$meta_box_id #ed_toolbar').hide();
                                }
 
                                $('#$meta_box_id #edButtonPreview').click(function(){
                                        $('#$meta_box_id #ed_toolbar').hide();
                                });
 
                                $('#$meta_box_id #edButtonHTML').click(function(){
                                        $('#$meta_box_id #ed_toolbar').show();
                                });
 
                //Tell the uploader to insert content into the correct WYSIWYG editor
                $('#media-buttons a').bind('click', function(){
                    var customEditor = $(this).parents('#$meta_box_id');
                    if(customEditor.length > 0){
                        edCanvas = document.getElementById('$editor_id');
                    }
                    else{
                        edCanvas = document.getElementById('content');
                    }
                });
                        });
                </script>
        ";
 
        //Create The Editor
        $content = get_post_meta($post->ID, WYSIWYG_META_KEY, true);
        the_editor($content, $editor_id);
 
        //Clear The Room!
        echo "<div style='clear:both; display:block;'></div>";
}
 
add_action('save_post', 'wysiwyg_save_meta');
function wysiwyg_save_meta(){
 
        $editor_id = WYSIWYG_EDITOR_ID;
        $meta_key = WYSIWYG_META_KEY;
 
        if(isset($_REQUEST[$editor_id]))
                update_post_meta($_REQUEST['post_ID'], WYSIWYG_META_KEY, $_REQUEST[$editor_id]);
 
}
 

Y para mostrarlo

Código PHP:

  <?php $content = get_post_meta($post->ID, WYSIWYG_META_KEY, true); ?>
<p><?php echo $content; ?></p>  

[ArturoGallegos]

jeje me da mucho gusto ver que te has esmerado en conseguirlo... ahora te mostrare el código de como lo hago yo.

Código PHP:

function add_box_field(){
    add_meta_box('id',__('titulo del box'),'add_box_content','myposttype');
}
add_action( 'add_meta_boxes', 'add_box_field' );
 
function add_box_content(){
    $txt_content = get_post_meta( $post->ID, 'my_txt_name', true );; //carga el contenido guardado
    $txt_editor_id = 'my_txt_id';//id del campo
    $txt_settings = array('textarea_name'=>'my_txt_name');//asigna nombre para poder guardarlo
    wp_editor($txt_content, $txt_editor_id, $txt_settings );//muestra el campo
}
 
function save_box(){
    global $post;
    if($post->post_type=='myposttype'){//comprueba el tipo de post sea el correcto - en caso se ser un custom post type
        if(isset($_POST['my_txt_name'])){
            update_post_meta($post->ID, 'my_txt_name', $_POST['my_txt_name']);
        }
    }
}
add_action('save_post', 'save_box');
 

Para mostrarlo en el frontend es el mismo método que ya tienes así que lo omito.