2017-09-24 148 views
0

感謝您看這裏,並試圖提供一些有用的答案。最近我已經下載了插件https://wordpress.org/plugins/olevmedia-shortcodes/,它工作得很好。但是,試圖使用「最近的文章」短代碼,當我面對你附在下面的圖片上看到的圖像大小相關的問題:WordPress的圖像中等大小顯示不同尺寸

enter image description here

它看起來非常難看。我開了一個代碼,發現了一小段代碼此功能:

$out .= '<div class="omsc-recent-posts-title"><h3><a href="'. get_permalink() .'">'. get_the_title() .'</a></h3></div>'; 

       if($thumbnail && has_post_thumbnail()) { 

        $img = wp_get_attachment_image_src(get_post_thumbnail_id(), apply_filters('omsc_sc_recent_posts_img_size', 'medium')); 
        if($img) { 
         $img_html=apply_filters('omsc_sc_recent_posts_img', '<a href="'. get_permalink() .'"><img src="'.$img[0].'" alt="'.esc_attr($post->post_title).'" /></a>', array(
          'img_src' => $img[0], 
          'link' => get_permalink(), 
          'alt' => $post->post_title, 
         )); 
         $out.='<div class="omsc-recent-posts-thumb">'.$img_html.'</a></div>'; 
        } 
       } 

然後我期待在圖像大小和它說:

$img = wp_get_attachment_image_src(get_post_thumbnail_id(), apply_filters('omsc_sc_recent_posts_img_size', 'medium')); 

檢查通過螢火對於一些職位「中」大小設置爲222x221,爲他人300×300和其餘222x167

所有我想要做的是使具有相同尺寸的所有縮略圖。所以,我創建這段代碼爲我的主題的function.php文件:

if (function_exists('add_image_size')) { 
add_image_size('custom-recpost-thumb', 222, 221,true); 
} 

,然後插件php文件我用這種方式做出了函數的調用:

$img = wp_get_attachment_image_src(get_post_thumbnail_id(), apply_filters('omsc_sc_recent_posts_img_size', 'custom-recpost-thumb')); 

我見一樣。絕對沒有變化。我做錯了什麼?

回答

1

,因爲我可以看到它是你上傳的圖片是不一樣的尺寸,以便它適合你的寬度,並使高度自動有非常兩種方法可以解決這個問題1.修復前,您的圖片問題您上傳或CSS二號適合它=讓你的盒子,握着你的img所需的寬度和高度,並使其溢出隱藏,然後把你的形象,說這必須是相同的高度框和寬度都是汽車的原因,大多數圖片是作爲一個風景,所以這樣你的圖片可以適合..爲記錄這是不是一個漂亮的方式來做到這一點,我會建議你修復你的照片,然後上傳它們

+0

嘿安克。其實你提到的第二種方法我已經聯繫了,這就是爲什麼我認爲CSS不起作用。現在讓我試試通過CSS的第一個。我將無法重新上傳所有圖像。 –

+0

解決:)謝謝。我認爲PHP的大小調整功能可以解決這個問題,而無需CSS操作。學到了新東西。 –

+0

不錯,你得到它的工作。只要記住,取決於你的照片有多大的尺寸,如果它的照片太多,它會再次變形。你可以通過將圖片的高度設置在盒子的高度來解決問題,但就像我說的那樣,這不是一個好方法。 – Anker

0

不同尺寸的原始圖像將創建不同大小的「中等」圖像。這是因爲WordPress中的媒體設置適合不同尺寸的圖片。一般來說,這些像素設置可爲任何尺寸的原始圖像提供相當好看的中等尺寸圖像。我懷疑WordPress正在重寫你的函數調用,根據它的算法和圖像優化來顯示它的「最佳」圖像。

即使有WordPress.org的編碼選項,WP仍然會使用一些通用設置來創建「良好」的網站。也許這是一個聲譽的事情,也許這是技術組織告訴用戶什麼是最適合他們的另一個例子。

在任何情況下,我與安克爾同意,優化圖片,然後上傳到一個更好的解決方案。它會給你更多的控制權,並提高WP可以隨心所欲地顯示你的圖像的機會。

+0

你提到的細節我不知道。我會考慮這個建議。我總是嘗試通過尼康上傳原始圖像,也許我應該調整它們? –

+0

我不知道尼康是否做了任何圖像優化,但它聽起來像他們不調整圖像大小。也許試試看3張圖片,看看它是否適合你。 –