Come personalizzare l'output dello shortcode della galleria di immagini WP da un plugin?


17

Stiamo costruendo un plug-in che visualizza post e vogliamo anche visualizzare la galleria di immagini quando viene utilizzata in un post. Tuttavia, dobbiamo limitare il numero di foto visualizzate? È possibile?

Risposte:


36

Ci sono due modi in cui puoi procedere, ma entrambi implicano la creazione di una funzione che fa praticamente la stessa della funzione di shortcode della galleria esistente ...

Puoi ..

  1. Aggancia post_gallerye manipola i dati in arrivo (puoi usare la funzione shortcode della galleria come base per il filtro se necessario)
  2. Annullare la registrazione del codice funzione della galleria e registrare un nuovo codice funzione della galleria con le modifiche (di nuovo è possibile utilizzare la funzione esistente come base se necessario)

Ho fatto qualcosa di simile in questo thread e mi riferisco ad esso solo perché prenderò lo stesso approccio per l'esempio che segue.

Filtro di esempio per lo shortcode della galleria

add_filter( 'post_gallery', 'my_post_gallery', 10, 2 );
function my_post_gallery( $output, $attr) {
    global $post, $wp_locale;

    static $instance = 0;
    $instance++;

    // We're trusting author input, so let's at least make sure it looks like a valid orderby statement
    if ( isset( $attr['orderby'] ) ) {
        $attr['orderby'] = sanitize_sql_orderby( $attr['orderby'] );
        if ( !$attr['orderby'] )
            unset( $attr['orderby'] );
    }

    extract(shortcode_atts(array(
        'order'      => 'ASC',
        'orderby'    => 'menu_order ID',
        'id'         => $post->ID,
        'itemtag'    => 'dl',
        'icontag'    => 'dt',
        'captiontag' => 'dd',
        'columns'    => 3,
        'size'       => 'thumbnail',
        'include'    => '',
        'exclude'    => ''
    ), $attr));

    $id = intval($id);
    if ( 'RAND' == $order )
        $orderby = 'none';

    if ( !empty($include) ) {
        $include = preg_replace( '/[^0-9,]+/', '', $include );
        $_attachments = get_posts( array('include' => $include, 'post_status' => 'inherit', 'post_type' => 'attachment', 'post_mime_type' => 'image', 'order' => $order, 'orderby' => $orderby) );

        $attachments = array();
        foreach ( $_attachments as $key => $val ) {
            $attachments[$val->ID] = $_attachments[$key];
        }
    } elseif ( !empty($exclude) ) {
        $exclude = preg_replace( '/[^0-9,]+/', '', $exclude );
        $attachments = get_children( array('post_parent' => $id, 'exclude' => $exclude, 'post_status' => 'inherit', 'post_type' => 'attachment', 'post_mime_type' => 'image', 'order' => $order, 'orderby' => $orderby) );
    } else {
        $attachments = get_children( array('post_parent' => $id, 'post_status' => 'inherit', 'post_type' => 'attachment', 'post_mime_type' => 'image', 'order' => $order, 'orderby' => $orderby) );
    }

    if ( empty($attachments) )
        return '';

    if ( is_feed() ) {
        $output = "\n";
        foreach ( $attachments as $att_id => $attachment )
            $output .= wp_get_attachment_link($att_id, $size, true) . "\n";
        return $output;
    }

    $itemtag = tag_escape($itemtag);
    $captiontag = tag_escape($captiontag);
    $columns = intval($columns);
    $itemwidth = $columns > 0 ? floor(100/$columns) : 100;
    $float = is_rtl() ? 'right' : 'left';

    $selector = "gallery-{$instance}";

    $output = apply_filters('gallery_style', "
        <style type='text/css'>
            #{$selector} {
                margin: auto;
            }
            #{$selector} .gallery-item {
                float: {$float};
                margin-top: 10px;
                text-align: center;
                width: {$itemwidth}%;           }
            #{$selector} img {
                border: 2px solid #cfcfcf;
            }
            #{$selector} .gallery-caption {
                margin-left: 0;
            }
        </style>
        <!-- see gallery_shortcode() in wp-includes/media.php -->
        <div id='$selector' class='gallery galleryid-{$id}'>");

    $i = 0;
    foreach ( $attachments as $id => $attachment ) {
        $link = isset($attr['link']) && 'file' == $attr['link'] ? wp_get_attachment_link($id, $size, false, false) : wp_get_attachment_link($id, $size, true, false);

        $output .= "<{$itemtag} class='gallery-item'>";
        $output .= "
            <{$icontag} class='gallery-icon'>
                $link
            </{$icontag}>";
        if ( $captiontag && trim($attachment->post_excerpt) ) {
            $output .= "
                <{$captiontag} class='gallery-caption'>
                " . wptexturize($attachment->post_excerpt) . "
                </{$captiontag}>";
        }
        $output .= "</{$itemtag}>";
        if ( $columns > 0 && ++$i % $columns == 0 )
            $output .= '<br style="clear: both" />';
    }

    $output .= "
            <br style='clear: both;' />
        </div>\n";

    return $output;
}

Modifica quella funzione per imporre qualsiasi restrizione ti piaccia (è solo una base) ..

Puoi trovare l'hook che sto usando wp-includes/media.phpall'interno della funzione di callback dello shortcode della galleria (vedi riga 763).

http://core.trac.wordpress.org/browser/tags/3.0.1/wp-includes/media.php#L745

Spero possa aiutare.. :)


grazie per il suggerimento. Ho cercato questo filtro **** ora per 2 ore. +1
kaiser,

Sembra come in WP 4.2.2 che 'orderby' => 'menu_order ID' non funzioni più?
Peanuts,

-2

È possibile specificare il numero di immagini per galleria. Questo può essere configurato tramite la scheda della galleria nella casella multimediale nell'editor dei post. Dopo aver già inserito la galleria, penso che puoi modificarlo modificando la galleria nell'editor visivo.

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.