web-dev-qa-db-fra.com

formats post - comment changer de meta box quand changer de format?

Problème

Après avoir réalisé que les formats de publication sont assez populaire, mais seulement un concept extrêmement rudimentaire, je vois que les utilisateurs se heurteront à de possibles pièges.

Format du post ...

  • utilise des champs de méta postaux et l'utilisateur ne se souvient pas du nom exact de la clé méta.
  • prend le lien/incorporer/quel que soit l'objet de l'éditeur de publication et l'utilisateur entre de mauvaises données.

Les deux sont des exemples de pièges possibles qu'un utilisateur pourrait frapper.

Idée

Le format de publication a une méta-boîte personnalisée qui permet uniquement de saisir les données attendues.

L’idée elle-même n’est pas si mauvaise, mais il reste le problème que l’utilisateur devrait

  • mettre les données dans la bonne meta box
  • puis sélectionnez le format de publication correspondant.

Question

Ce que je cherche, c'est

  • une solution qui bascule (ajax) la boîte à méta (ou simplement son contenu) en fonction de la sélection effectuée par l'utilisateur à l'intérieur de la boîte à méta post formats

OU...

  • utiliser un onglet ajax/jquery-ui à l'intérieur de la boîte à méta pour changer le contenu de la boîte à méta et enregistrer le format de publication correspondant sur 'save_post'

Remarque:
Je ne cherche pas le contenu exact de la boîte à méta. Ce qui m'intéresse le plus, c’est de voir les "environs" dans différents exemples code.

Je vous remercie!

post-metaajaxpost-formatsmetabox
7
kaiser

J'ai déjà fait quelque chose comme cela une fois, mais lorsque vous avez cliqué sur une certaine catégorie (essentiellement la même), ce n'est certainement pas une vraie solution ajax, elle masque et révèle la div avec les paramètres, mais c'est une solution qui fonctionne. Vous devrez certainement le modifier pour répondre à vos besoins, mais si vous maîtrisez jQuery, je suis sûr que vous pourrez le modifier pour répondre à vos besoins. Si vous êtes un peu plus précis quant à vos besoins, je serais ravi de le modifier pour qu'il corresponde plus précisément à ce que vous recherchez.

Le code:

Je l'ai utilisé dans un plugin, mais vous pouvez simplement le mettre dans le functions.php de votre thème.

function customadmin_testimonial() {
    if ( is_admin() ) {
        $script = <<< EOF
<script type='text/javascript'>
    jQuery(document).ready(function($) {
        $('#testimonial-information').hide();
        $('#in-category-3').is(':checked') ? $("#testimonial-information").show() : $("#testimonial-information").hide();
        $('#in-category-3').click(function() {
            $("#testimonial-information").toggle(this.checked);
        });
    });
</script>
EOF;
        echo $script;
    }
}
add_action('admin_footer', 'customadmin_testimonial');

En gros, vous avez ici un script jQuery qui cache initialement une méta-boîte que j'ai déjà configurée. L'identifiant de la boîte est # testimonial-information. Ensuite, il vérifie si la case de la catégorie spécifique est cochée et si c'est le cas, l'affiche. Ensuite, il écoute pour un clic sur la case de la catégorie spécifique et bascule sa visibilité.

Le résultat:

Une méta-boîte visible uniquement lorsque l'utilisateur a choisi une catégorie spécifique. Tout ce que vous avez à faire est de configurer vos métaboxes et d'obtenir tous les identifiants des éléments dont vous avez besoin. Vous aurez besoin des identifiants des métaboxes ainsi que des cases à cocher en question. Ensuite, tout ce que vous avez à faire est de suivre cette formule pour obtenir ce que vous recherchez.

Si vous avez tout configuré mais que vous avez du mal à écrire le javascript, donnez-moi simplement les identifiants des métaboxes et les cases à cocher correspondantes et je serais plus qu'heureux de les écrire pour vous.

4
Drew Gourley

C'est la fonction javascript finale. Il devrait être accroché au crochet admin_footer.

/**
 * jQuery show/hide for meta box, post editor meta box
 * 
 * Hides/Shows boxes on demand - depending on your selection inside the post formats meta box
 */
function wpse14707_scripts()
{
    wp_enqueue_script( 'jquery' );

    $script = '<<< EOF
    <script type="text/javascript">
        jQuery( document ).ready( function($)
            {
                $( "#post_format_box" ).addClass( "hidden" );

                $( "input#post-format-0" ).change( function() {
                    $( "#postdivrich" ).removeClass( "hidden" );
                    $( "#post_format_box" ).addClass( "hidden" );
                } );

                $( "input:not(#post-format-0)" ).change( function() {
                    $( "#postdivrich" ).addClass( "hidden" );
                    $( "#post_format_box" ).removeClass( "hidden" );
                } );

                $( "input[name=\"post_format\"]" ).click( function() {
                    var mydiv = $(this).attr( "id" ).replace( "post-format-", "" );
                    $( "#post_format_box div.inside div" ).addClass("hidden");
                    $( "#post_format_box div.inside div#"+mydiv).removeClass( "hidden" );
                } );
            }
        );
    </script>
    EOF';

    return print $script;
}
add_action( 'admin_footer', 'wpse14707_scripts' );
5
kaiser