web-dev-qa-db-ja.com

[ギャラリー]に表示されているすべての画像をZIPでダウンロードし、ダウンロードリンクとして提供する

私は私の訪問者に全体のフォトギャラリー(専用の[ギャラリー]ページに表示される)を各ギャラリーページの下部に表示されるZipファイルとしてダウンロードするオプションを提供したいと思います。 - フルサイズの画像を含める必要があります。

David Walshは、自分の投稿 here にZip up filesのコードをいくつか書いていますが、それをWordpressの機能と統合するのに問題があります。

NextGENギャラリーのダウンロードプラグインがあることは承知していますが、ネイティブのワードプレスギャラリー機能を使用するため、それを使用する立場にはありません。

上記を完了するための別の方法(手動の方法)についての同様の質問はここで見つけることができます: 添付メディアファイルをダウンロードするためのプラグイン?

任意の助けは大歓迎です。ありがとう。

13
Paul Thomson

まず画像を取得する必要があります。ギャラリーのすべての画像を取得する方法は here で説明されています。

WordPressはファイルの解凍に2つのクラスを使用します。 PHPはZipArchive()に入ります(使用法はDavid Walshを参照してください)。そして PclZip 、このクラスはwp-admin/includes/class-pclzip.phpにあります。 ZipArchive()で問題が発生した場合は、PclZipクラスを試してください。

今、あなたはただ両方を一緒に接着しなければなりません。たぶん私は後でサンプルコードを投稿することができます、現在私は机にいません。

更新

あなたの質問は2つの部分に分けられます。 1つ目はギャラリーからすべての画像を取得することです。 2つ目は画像を圧縮してZipファイルを送信することです。
私は最初の部分だけを説明するつもりです。それはギャラリーのすべての画像を取得することです。なぜなら、ファイルを圧縮するのはわずかにトピックが異なるからです。

他の解決策があるかもしれませんが、この例では、画像を取得するためにオリジナルのギャラリーのショートコードをカスタムのものに置き換えます。その理由は、WordPressがv3.5のギャラリーを少し変更したことです。
3.5以前は、ギャラリーの画像は投稿の添付ファイルです。 3.5以降では、画像は属性としてショートコードに渡されます。 WP3.5以降、投稿の添付画像を取得できなくなりましたので、ショートコードの属性からリストを取得する必要があります。私の戦略は、オリジナルのショートコードをカスタムのショートコードに置き換え、属性を取得し、オリジナルのショートコードを呼び出してギャラリーの出力を取得することです。

ギャラリーに関連するものはすべてクラス内にあります。 Zipファイルを作成するために、入力としてギャラリークラスの出力を受け取る別のクラスを使用できます。クラスと単純なコンストラクタから始めましょう。

class GalleryZip
{
    private static $instance = null;

    public static $images = array();

    public static function get_instance() {
        if ( ! session_id() )
          session_start();

        if ( null === self::$instance )
            self::$instance = new self();

        return self::$instance;
    }

    private final function __construct() {
        remove_shortcode( 'gallery' );
        add_shortcode( 'gallery', array( __CLASS__, 'gallery_Zip_shortcode' ) );
    }
}

後でプラグインの中でフックplugins_loadedを使ってメソッドget_instance()を呼び出します。コンストラクタ内で、元のショートコードを削除し、それをカスタムショートコードgallery_Zip_shortcode()に置き換えます。今すぐ私たちはショートコードコールバックが必要です

public static function gallery_Zip_shortcode( $atts ) {

    $post = get_post();

    if ( ! function_exists( 'gallery_shortcode' ) )
      require_once ABSPATH . 'wp-includes/media.php';

    self::get_gallery_images_from_shortcode( $post->ID, $atts );
    $output = gallery_shortcode( $atts );

    $gallery_id = count( self::$images[$post->ID] ) - 1;

    $link = sprintf( '<div><a href="#" gallery-id="%d" post-id="%d" class="gallery-Zip">%s</a></div>', $gallery_id, $post->ID, __( 'Get as Zip' ) );
    $output .= $link;

    return $output;

}

このメソッドの最初のことは、投稿IDが必要なので投稿を取得することです。 wp-includes/media.phpを含めるよりも、このファイルには元のギャラリーのショートコードのコールバック関数が含まれています。すべての画像を含む配列を取得するメソッドを呼び出し、元のギャラリーコールバックを呼び出してギャラリー出力を作成し、リンクを作成してリンクをギャラリー出力に追加します。画像自体、それぞれの画像へのパスは、クラス変数$imagesに格納されます。後でこの配列が必要になります。
クラス変数$imageはギャラリーを持つ各投稿のエントリを保持するので、フロントページまたはシングルビューで関数を使用できます。各投稿には複数のギャラリーが存在する可能性があるため、各エントリには各ギャラリーの配列が含まれています。

プラグインの中核は、ショートコードから画像を取得する方法です。

protected static function get_gallery_images_from_shortcode( $id, $atts ) {

    // use the post ID if the attribute 'ids' is not set or empty
    $id = ( ! isset( $atts['ids'] ) || empty( $atts['ids'] ) ) ?
        (int) $id : $atts['ids'];

    $exclude = ( isset( $atts['exclude'] ) && ! empty( $atts['exclude'] ) ) ?
        $atts['exclude'] : '';

    if ( ! isset( self::$images[$id] ) || ! is_array( self::$images[$id] ) )
        self::$images[$id] = array();

    $images = self::get_gallery_images( $id, $exclude );

    array_Push( self::$images[$id], $images );

    return $images;

}

最初に、それが単一の投稿なのか投稿IDのリストなのかを判断します。投稿IDのリストであれば、WP3.5以降のギャラリーを処理します。その後、exclude属性を処理する必要があります。すべての変数を設定した後、ついにギャラリーから画像を取得できます。回収された画像は後で使用するためにクラスvar $imagesにプッシュされます。

protected static function get_gallery_images( $id, $exclude ) {
    $images     = array();
    $query_args = array(
            'post_status'    => 'inherit',
            'post_type'      => 'attachment',
            'post_mime_type' => 'image',
    );

    // handle gallery WP3.5+
    // if $id contains an comma, it is a list of post IDs
    if ( false !== strpos( $id, ',' ) ) {
        $query_args['include'] = $id;
    } elseif ( ! empty( $exclude ) ) {
        // handle excluding posts
        $query_args['post_parent'] = $id;
        $query_args['exclude']     = $exclude;
    } else {
        // handle gallery before WP3.5
        $query_args['post_parent'] = $id;
    }

    $attachments = get_posts( $query_args );

    $img_sizes = array_merge( array( 'full' ), get_intermediate_image_sizes() );

    $img_size = ( in_array( self::IMAGE_SIZE, $img_sizes ) ) ?
            self::IMAGE_SIZE : 'full';

    foreach ( $attachments as $key => $post ) {
        $img = wp_get_attachment_image_src( $post->ID, $img_size, false, false );
        $images[] = sprintf( '%s/%s', dirname( get_attached_file( $post->ID ) ), basename( $img[0] ) );
    }

    return $images;
}

これはプラグインの金です。単純にクエリ引数で配列を設定し、get_posts()で添付ファイルを取得し、取得した添付ファイルを調べます。さまざまなサイズを処理するために、添付ファイルの画像とURLのストリップを取得します。添付ファイルからパスを取得し、ファイル名と一緒に配置します。配列$imagesには、ギャラリーからのすべての画像とそれらのパスが含まれています。

基本的にあなたの質問はこの時点で答えられます。しかし、あなたはまた、画像からZipファイルを作成したいと思います。最後の方法で配列$imagesからZipファイルを作成できます。しかし、このメソッドはギャラリーが表示されるたびに呼び出され、Zipファイルの作成にはしばらく時間がかかります。たぶん誰もあなたがここで作成したZipファイルを要求することはないでしょう、これはリソースの浪費です。

どうすればもっとうまくやれるでしょうか。すべての画像をクラス変数$imagesに入れたことを覚えていますか。このクラスvarをajaxリクエストに使用できます。しかし、ajaxリクエストは別のページロードであり、ギャラリーの出力が作成されたときにのみ画像にアクセスできます。別のページリクエストがあってもアクセスできる場所に画像を保存する必要があります。
この例では、セッション変数を使用して配列をイメージと共に格納しています。別のページがリロードされた後もセッション変数にアクセスできます。画像を保存するために、私はメソッドをshutdownhookに登録します。 WordPressがページのレンダリングを終えた後、shutdownフックが呼ばれます。この時点で、表示されているすべてのギャラリーからすべての画像を収集しているはずです。画像を保存するだけで、Ajaxリクエストでそれらにアクセスできます。

Ajaxリクエストがトリガーされると、セッションvarが呼び出され、そのデータからZipファイルが作成されます。しかし、これはこの質問にとってはちょっとした話題です。

私は リポジトリをGitHub 上に完全なプラグインコードで作成しました。それがあなたを正しい方向に向けてくれることを願っています。

13
Ralf912

私はRalfのプラグインがギャラリー全体を一度にダウンロードできるようにするのが好きですが、うまく機能させることができませんでした。私たちの目的のために働く回避策を思い付きました。この方法は、ネイティブのWPギャラリーを、テーマのfunctions.phpファイルの末尾に配置した独自のギャラリーと置き換え、アクティブなテーマフォルダーにdownload.phpという名前の次のファイルを追加することです。カスタムギャラリーでは、ファイルの下にあるリンクがファイルdownload.phpを呼び出し、自動的にファイルのダウンロードをハードドライブに強制します。私は最新のChrome、Firefox、Safariのバージョンでこれをテストしました、そしてそれはうまく動きます。 Twenty Twelveテーマを使用してきましたが、それが他のテーマでも機能しない理由はありません。

a)functions.phpの最後に以下を追加してください。これは単にmedia.phpから取得されます

remove_shortcode('gallery');
function gallery_with_download_links($attr) {
    $post = get_post();
    static $instance = 0;
    $instance++;
    if ( ! empty( $attr['ids'] ) ) {
        // 'ids' is explicitly ordered, unless you specify otherwise.
        if ( empty( $attr['orderby'] ) )
            $attr['orderby'] = 'post__in';
        $attr['include'] = $attr['ids'];
    }
    // Allow plugins/themes to override the default gallery template.
    $output = apply_filters('post_gallery', '', $attr);
    if ( $output != '' )
        return $output;
    // 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) ) {
        $_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) ) {
        $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);
    $icontag = tag_escape($icontag);
    $valid_tags = wp_kses_allowed_html( 'post' );
    if ( ! isset( $valid_tags[ $itemtag ] ) )
        $itemtag = 'dl';
    if ( ! isset( $valid_tags[ $captiontag ] ) )
        $captiontag = 'dd';
    if ( ! isset( $valid_tags[ $icontag ] ) )
        $icontag = 'dt';

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

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

    $gallery_style = $gallery_div = '';
    if ( apply_filters( 'use_default_gallery_style', true ) )
        $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 -->";
    $size_class = sanitize_html_class( $size );
    $gallery_div = "<div id='$selector' class='gallery galleryid-{$id} gallery-columns-{$columns} gallery-size-{$size_class}'>";
    $output = apply_filters( 'gallery_style', $gallery_style . "\n\t\t" . $gallery_div );

    $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='wp-caption-text gallery-caption'>
                " . wptexturize($attachment->post_excerpt) . "
                </{$captiontag}>";
        }
// This is my addon which outputs a link to download the file through download.php . NB your file uri will be public! 
        $output .= '<br/ ><a href="'.get_template_directory_uri().'/download.php?file='.get_attached_file( $id ).'">Download image</a>';
        $output .= "</{$itemtag}>";
        if ( $columns > 0 && ++$i % $columns == 0 )
            $output .= '<br style="clear: both" />';
    }

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

    return $output;
}
add_shortcode( 'gallery' , 'gallery_with_download_links' );

b)以下をコピーしてテーマのベースディレクトリのdownload.phpというファイルに貼り付けます。

<?php
$file = $_GET['file'];
if (file_exists($file)) {
header('Content-Description: File Transfer');
header('Content-Type: application/octet-stream');
header('Content-Disposition: attachment; filename='.basename($file));
header('Content-Transfer-Encoding: binary');
header('Expires: 0');
header('Cache-Control: must-revalidate');
header('Pragma: public');
header('Content-Length: ' . filesize($file));
ob_clean();
flush();
readfile($file);
exit;
}
?>

c)。ギャラリー内のファイルへのリンクを忘れないでください。重要!

0
Sam Edgecombe