2016-10-18 78 views
-1

我試圖在我的自定義主題WordPress網站上艱難地裁切圖像(315px by 600px),以便圖像的左上方出現在我的主頁上(並且完整圖像用於個人帖子頁)。但是,圖像仍然顯示居中。在我的函數文件我使用:add_image_size作物位置不起作用

function invadingholland_setup() { 

add_theme_support('post-thumbnails'); 
add_image_size('post-cartoon', 200, 200, array('left', 'top')); 

} 

add_action('after_setup_theme', 'invadingholland_setup'); 

...在我的循環,我使用:

<div class="post-thumbnail"> 
<a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('thumbnail-cartoon'); ?></a> 
</div> 

...然後這個CSS周圍:

.post-thumbnail { 
margin: 0px 10px 0px 0px; 
width: 200px; 
height: 200px; 
float: left; 
text-align: left; 
border: 1px; 
border-style: solid; 
border-color: #000; 
} 

...我嘗試重新生成所有圖像。如果我在add_image_size代碼中使用大小,我會看到一個更改,但如果將不同的值放入數組中,則會發生更改。我也向主持人證實我有php-gd。

只是爲了讓事情變得更加奇怪,它在筆記本電腦上的本地測試服務器上運行,但不在真實站點上。

我跺腳,爲什麼它不工作。我是否缺少一個java腳本?這是一個WordPress的設置?誰能幫忙?這個問題的一個例子可以在這裏看到:http://www.invadingholland.com在我的前兩個職位。

感謝

+1

1.這是JavaScript,而不是CSS。 2.這不是原生JavaScript。 –

+0

對不起。我的錯。我沒有意識到這種情況,因爲我對JavaScript知之甚少。 –

回答

0

嘗試掛鉤它通過函數到after_setup_theme掛鉤。

function mkwilson_setup_theme() { 
    add_theme_support('post-thumbnails'); 
    add_image_size('post-cartoon', 200, 200, array('left', 'top')); 
} 

add_action('after_setup_theme', 'mkwilson_setup_theme'); 

此外,請檢查您是否正確地在循環中調用您的張貼縮略圖。

一個或多個音符:

add_image_size('post-cartoon', 200, 200, array('left', 'top'), true); 

到底真正是沒有必要的,因爲當你提及與左邊的陣列和頂部這意味着圖像將被硬裁剪200像素,寬200像素高的

+0

謝謝。我應該提到那是我已經有的(如果我正確地理解它的話): –

+0

那麼,您是否已經使用它了?還有你在你的後循環中使用正確的名稱? –

+0

對不起。我試圖將我的代碼複製到第一條評論中,但出錯了。我仍然看到如果我能得到它顯示正確:) –

0

它花了一段時間,但我發現它是什麼。作爲Jetpack一部分的Photon模塊以某種方式迫使東西從中心收割。一旦我將它關閉,圖像就會從左側剪切,因爲它應該是。