1牍帚、圖片存儲(chǔ)位置
wordpress的圖片等media資源不存在數(shù)據(jù)庫中，而是在主題同級(jí)目錄按時(shí)間自動(dòng)保存：
image
2料饥、圖片鏈接獲取
直接獲取所有圖片鏈接（media庫上傳的資源在wp_posts表格中保存為post_type='attachment'的文章形式的文章~编振，只保存了原始圖片的鏈接）
image
$query_images_args = array(
'post_type' => 'attachment',
'post_mime_type' => 'image',
'post_status' => 'inherit',
'posts_per_page' => 40,
'paged' => 1
);
$query_images = new WP_Query( $query_images_args );
$images = array();
foreach ( $query_images->posts as $image ) {
$images[] = wp_get_attachment_url( $image->ID );
}
echo count($images);
從數(shù)據(jù)庫中直接關(guān)聯(lián)獲取圖片鏈接届案，只記錄了一個(gè)屠列，并未記錄其他尺寸圖片的鏈接
禁止img-srcset屬性:
function disable_srcset( $sources ) {
return false;
}
add_filter( 'wp_calculate_image_srcset', 'disable_srcset' );
3啦逆、相關(guān)查詢信息
- 數(shù)據(jù)庫中查詢所有media資源的posts
SELECT * FROM `wp_posts` WHERE post_type='attachment'
-
查看media數(shù)
image -
設(shè)置圖片裁剪尺寸
image
會(huì)按照這個(gè)尺寸自動(dòng)為上傳的圖片添加不同尺寸,后臺(tái)自動(dòng)裁剪生成指定尺寸大小保存在uploads目錄下。
img-srcset屬性：以最合適的src去匹配不同屏幕
<img src="source.jpg" srcset="source_2x.jpg 2x, source_3x.jpg 3x">
<img src="source.jpg" width="100%" srcset="source_400.jpg 400w, source_600.jpg 600w, source_1280.jpg 1280w">
2x笛洛、3x 表示目標(biāo)屏幕的像素密度夏志；400w、600w表示目標(biāo)瀏覽器的寬度的限度苛让，如瀏覽器寬度550w時(shí)沟蔑，匹配600w的src。
