É possível reorganizar o diretório de uploads do WordPress?

8

Eu tenho um site WordPress no qual todos os uploads foram enviados /wp-content/uploads/*. Agora que existem milhares de imagens, há um impacto no desempenho, e fui designado para ajudar a remediá-lo.

Alguém já ordenou o diretório de uploads antes? Mudando para um AAAA / MM mais estruturado? Eu adoraria ouvir algumas estratégias sobre como isso foi alcançado.

thejimbirch
fonte

Respostas:

10

Infelizmente, esse é um fato muito triste sobre o WordPress, que quase não oferece personalização para os envios no back-end (exceto as coisas da organização y / m).

O que você pode fazer é criar sua própria classe personalizada para gerar as miniaturas (que são a parte mais importante do impacto no desempenho, pois cada imagem gera de algumas dezenas a dezenas de miniaturas) de maneira mais organizada.

Etapa 1,2 e 3: faça um backup de todos os seus envios. O que você fará não poderá ser revertido, a menos que você tenha um backup da sua pasta de uploads!

Etapa 4: faça o download e instale o plugin do Thumbnail Cleaner . Isso permite excluir todas as miniaturas geradas.

Etapa 5: crie seu próprio método de geração. Estou tendo um exemplo para você:

add_filter('wp_image_editors', 'my_wp_image_editors');
function my_wp_image_editors($editors) {
    array_unshift($editors, "my_WP_Image_Editor");
    return $editors;
}
// Include the existing classes first in order to extend them.
require_once ABSPATH . WPINC . "/class-wp-image-editor.php";
require_once ABSPATH . WPINC . "/class-wp-image-editor-gd.php";
// Now we extend the original image editor class
class my_WP_Image_Editor extends WP_Image_Editor_GD {
    public function generate_filename($suffix = null, $dest_path = null, $extension = null) {
        // $suffix will be appended to the destination filename, just before the extension
        if (!$suffix) {
            $suffix = $this->get_suffix();
        }
        $dir = pathinfo($this->file, PATHINFO_DIRNAME);
        $ext = pathinfo($this->file, PATHINFO_EXTENSION);
        $name = wp_basename($this->file, ".$ext");
        $new_ext = strtolower($extension ? $extension : $ext );
        if (!is_null($dest_path) && $_dest_path = realpath($dest_path)) {
            $dir = $_dest_path;
        }
        //we get the dimensions using explode, we could have used the properties of $this->file[height] but the suffix could have been provided
        $size_from_suffix = explode("x", $suffix);
        //we get the slug_name for this dimension
        $slug_name = $this->get_slug_by_size($size_from_suffix[0], $size_from_suffix[1]);
        return trailingslashit( $dir ) . "{$slug_name}/{$name}.{$new_ext}";
    }
    function multi_resize($sizes) {
        $metadata = array();
        $orig_size = $this->size;
        foreach ( $sizes as $size => $size_data ) {
            if ( ! isset( $size_data['width'] ) && ! isset( $size_data['height'] ) ) {
                continue;
            }
            if ( ! isset( $size_data['width'] ) ) {
                $size_data['width'] = null;
            }
            if ( ! isset( $size_data['height'] ) ) {
                $size_data['height'] = null;
            }
            if ( ! isset( $size_data['crop'] ) ) {
                $size_data['crop'] = false;
            }
            $image = $this->_resize( $size_data['width'], $size_data['height'], $size_data['crop'] );
            if ( ! is_wp_error( $image ) ) {
                $resized = $this->_save( $image );
                imagedestroy( $image );
                if ( ! is_wp_error( $resized ) && $resized ) {
                    unset( $resized['path'] );
                    $metadata[$size] = $resized;
                }
            }
            $this->size = $orig_size;
        }
        //we add the slug to the file path
        foreach ($metadata as $slug => $data) {
            $metadata[$slug]['file'] = $slug . "/" . $data['file'];
        }
        return $metadata;
    }
    // Our custom function to retrieve the proper slug by weight and height
    function get_slug_by_size($width, $height) {
        // Make thumbnails and other intermediate sizes.
        $_wp_additional_image_sizes = wp_get_additional_image_sizes();
        $image_sizes = array(); //all sizes the default ones and the custom ones in one array
        foreach (get_intermediate_image_sizes() as $s) {
            $image_sizes[$s] = array('width' => '', 'height' => '', 'crop' => false);
            if (isset($_wp_additional_image_sizes[$s]['width'])) {
                // For theme-added sizes
                $image_sizes[$s]['width'] = intval($_wp_additional_image_sizes[$s]['width']);
            } else {
                // For default sizes set in options
                $image_sizes[$s]['width'] = get_option("{$s}_size_w");
            }
            if (isset($_wp_additional_image_sizes[$s]['height'])) {
                // For theme-added sizes
                $image_sizes[$s]['height'] = intval($_wp_additional_image_sizes[$s]['height']);
            } else {
                // For default sizes set in options
                $image_sizes[$s]['height'] = get_option("{$s}_size_h");
            }
            if (isset($_wp_additional_image_sizes[$s]['crop'])) {
                // For theme-added sizes
                $image_sizes[$s]['crop'] = $_wp_additional_image_sizes[$s]['crop'];
            } else {
                // For default sizes set in options
                $image_sizes[$s]['crop'] = get_option("{$s}_crop");
            }
        }
        $slug_name = ""; //the slug's name
        if($width >= $height){
            foreach ($image_sizes as $slug => $data) { // we start checking
                if ($data['width'] == $width) {//we use only width because regardless of the height, the width is the one used for resizing in all cases with crop 1 or 0
                    $slug_name = $slug;
                }
                /*
                 * There could be custom added image sizes that have the same width as one of the defaults so we also use height here
                 * if there are several image sizes with the same width all of them will override the previous one leaving the last one, here we get also the last one
                 * since is looping the entire list, the height is used as a max value for non-hard cropped sizes
                 *  */
                  if ($data['width'] == $width && $data['height'] == $height) {
                      $slug_name = $slug;
                  }
        }
        } else {
            foreach ($image_sizes as $slug => $data) {
                if ($data['height'] == $height) {
                    $slug_name = $slug;
                }
                if ($data['height'] == $height && $data['width'] == $width ) {
                    $slug_name = $slug;
                }
            }
        }
        return $slug_name;
    }
}

Essa classe é quase copiada da classe original incluída em class-wp-image-editor-gd.php, com uma diferença: ele armazenará as miniaturas em pastas separadas, tudo dentro do diretório de uploads com base no tamanho da lesma. Então, após o upload de uma imagem, você terá algo parecido com isto:

/uploads/image.jpg
/uploads/thumbnail/image.jpg
/uploads/medium/image.jpg
/uploads/large/image.jpg
// And so on...

Isso evitará ter um milhão de imagens dentro de uma única pasta. Você pode editar a classe da maneira que desejar, alterar os caminhos e muito mais. Foi fornecido como um exemplo para demonstrar como as imagens são geradas e armazenadas.

Etapa 6: use o plug-in Regenerar miniaturas para preencher sua pasta de uploads com miniaturas recém-geradas, de maneira sofisticada. Isso impedirá que milhares de miniaturas sejam armazenadas em uma única pasta. Um exemplo de trabalho pode ser encontrado aqui . Clique com o botão direito do mouse e abra uma miniatura em uma nova guia e tente alterar a lesma para ver como ela funciona.

Espero que isso tenha lhe dado uma compreensão mais profunda sobre como manipular a geração de imagens no WordPress.

Jack Johansson
fonte