ブログのテーマを変更したところです。ページ幅が狭いため、レイアウトが崩れます。私の以前の画像(投稿に添付されている)のほとんどは幅が約600pxです、そして今私はそれらをすべて450pxに比例してサイズ変更する必要があります。一度にすべてのサイズを変更するにはどうすればよいですか。このためのプラグインはありますか?
P.S .: CSSルールを書くことは良い選択です、そして私はすでにそれをしました。しかし、画像のサイズを変更すると、各ページのダウンロードのオーバーヘッドも削減されます。
私は 類似しているがより広い質問 を尋ねました、そして私はまだ完全な答えを研究して書く必要があります。それまでの間、ここにあなたを助けるかもしれないいくつかのポインタがあります:
私は エディタで使用されるサイズにすべての画像のサイズを変更するプラグインのセット を書きました。これは、<img src="image.jpg" width="200" height="400"/>
を<img src="image-200x400.jpg" width="200" height="400"/>
( Resize img tags )に変換し、要求に応じて不足している中間サイズを取得して生成することで機能します( On-Demand Resizer )。最初の部分をまとめて実行してから、2番目のプラグインに新しい画像を処理させることができます。これは部分的な情報でも動作します。image-200x.jpg
は、幅が200ピクセルのプロポーショナルサイズの画像を返します。
サムネイルの再生成 実際に異なるサイズの画像を再作成しますが、投稿のコンテンツもこれらの画像を参照するように更新するとは思われませんか。さらに悪いことに、古い中間サイズを削除しても、あなたの投稿はimage-600x400.jpg
の代わりに今は存在しないimage-450x300.jpg
を参照することになります。
サーバーにログインして、ワードプレスのルートディレクトリに移動します。次に実行します。
cd wp-content/uploads/;
for img in `find . -name *.jpg -printf '%p\n'`
do
mogrify -resize "450>x" $img;
done
これにより、アップロードフォルダ(およびすべてのサブフォルダ)内のすべてのJPGのサイズが、この幅に比例して450pxより広くなります。 PNG、GIFなどがある場合は、それぞれのファイルの末尾を付けて再実行してください。
私はあなたが標準のアップロードフォルダを使用し(そうでなければ最初の行を適応させる)そしてあなたのサーバーがimagemagickをインストールしていると仮定します。
もちろん無保証です。
プラグイン「再生サムネイル」を試してみてください、それはあなたが探しているものだけを行います。
http://www.viper007bond.com/wordpress-plugins/regenerate-thumbnails/ /
if ( defined( 'WP_CLI' ) && WP_CLI ) {
class RegenThumbs extends WP_CLI_Command
{
var $errors = false;
var $unique_size_name = 'past_favourites';
var $unique_size = 170;
public function __construct()
{
global $wpdb;
if ( !$images = $wpdb->get_results( "SELECT ID FROM $wpdb->posts WHERE post_type = 'attachment' AND post_mime_type LIKE 'image/%' ORDER BY ID asc" ) ) {
WP_CLI::error( "Unable to find any images. Are you sure some exist?" );
return;
}
WP_CLI::line( 'Found ' . count( $images ) . ' pictures to regenerate!' );
foreach ( $images as $image )
$this->process( $image->ID );
if ( $this->errors )
WP_CLI::error( 'Finished regenerating images - however, there were some errors throughout.' );
else
WP_CLI::success( 'Finished - without any errors either!' );
}
function process( $id=false )
{
if( ! $id )
return;
$image = get_post( $id );
if ( !$image || 'attachment' != $image->post_type || 'image/' != substr( $image->post_mime_type, 0, 6 ) ) {
$this->errors = true;
WP_CLI::line( "FAILED: {$image->post_title} - invalid image ID" );
return;
}
$meta_data = wp_get_attachment_metadata( $image->ID );
if( isset( $meta_data['sizes'][ $this->unique_size_name ] ) && $meta_data['sizes'][ $this->unique_size_name ]['width'] == $this->unique_size )
{
WP_CLI::line( "SKIPPED: $image->ID - There is an image called " . $this->unique_size_name );
return;
}
$fullsizepath = str_replace( array(
'/home/username/public_html/',
'/home/17196/domains/domain.com/html/',
'/nfs/c02/h07/mnt/17196/domains/domain.com/html/',
'/mnt/gs02/herd04/17196/domains/domain.com/html/',
'/nfs/c02/h04/mnt/17196/domains/domain.com/html/'
),
'/srv/www/domain.com/current/',
get_attached_file( $image->ID )
);
if ( false === $fullsizepath || !file_exists( $fullsizepath ) ) {
$this->errors = true;
WP_CLI::line( "FAILED: {$image->post_title} - Can't find it $fullsizepath" );
return;
}
// 5 minutes per image should be PLENTY
@set_time_limit( 900 );
$array_path = explode( DIRECTORY_SEPARATOR, $fullsizepath );
$array_file = explode( '.', $array_path[ count( $array_path ) - 1 ] );
$imageFormat = $array_file[ count( $array_file ) - 1 ];
unset( $array_path[ count( $array_path ) - 1 ] );
unset( $array_file[ count( $array_file ) - 1 ] );
$imagePath = implode( DIRECTORY_SEPARATOR, $array_path ) . DIRECTORY_SEPARATOR . implode( '.', $array_file );
$dirPath = explode( DIRECTORY_SEPARATOR, $imagePath );
$imageName = sprintf( "%s-", $dirPath[ count( $dirPath ) - 1 ] );
unset( $dirPath[ count( $dirPath ) - 1 ] );
$dirPath = sprintf( "%s%s", implode( DIRECTORY_SEPARATOR, $dirPath ), DIRECTORY_SEPARATOR );
// Read and delete files
$dir = opendir( $dirPath );
$files = array();
while ( $file = readdir( $dir ) ) {
if ( !( strrpos( $file, $imageName ) === false ) ) {
$thumbnail = explode( $imageName, $file );
if ( $thumbnail[ 0 ] == "" ) {
$thumbnailFormat = substr( $thumbnail[ 1 ], -4 );
$thumbnail = substr( $thumbnail[ 1 ], 0, strlen( $thumbnail[ 1 ] ) - 4 );
$thumbnail = explode( 'x', $thumbnail );
if ( count( $thumbnail ) == 2 ) {
if ( is_numeric( $thumbnail[ 0 ] ) && is_numeric( $thumbnail[ 1 ] ) ) {
WP_CLI::line( "Thumbnail: {$thumbnail[0]} x {$thumbnail[1]} was deleted." );
@unlink( $dirPath . $imageName . $thumbnail[ 0 ] . 'x' . $thumbnail[ 1 ] . $thumbnailFormat );
}
}
}
}
}
$metadata = wp_generate_attachment_metadata( $image->ID, $fullsizepath );
if ( is_wp_error( $metadata ) ) {
WP_CLI::line( $metadata->get_error_message() );
return;
}
if ( empty( $metadata ) ) {
$this->errors = true;
WP_CLI::line( 'Unknown failure reason.' );
return;
}
wp_update_attachment_metadata( $image->ID, $metadata );
WP_CLI::line( esc_html( get_the_title( $image->ID ) ) . " (ID {$image->ID}): All thumbnails were successfully regenerated in " . timer_stop() . " seconds " );
}
}
WP_CLI::addCommand( 'regen_thumbs', 'RegenThumbs' );
}
サンプルのワードプレステーマ: 画像