2016-10-18 58 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模块以某种方式迫使东西从中心收割。一旦我将它关闭,图像就会从左侧剪切,因为它应该是。