Question

我正在尝试在我的自定义主题WordPress网站上努力裁剪图像（315px x 600px），以便图像的左上角显示在我的主页上（并且在各个帖子页面上使用完整图像）。但是，图像仍然显示居中。在我正在使用的函数文件中：

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在我的前两个帖子中。

由于

Answer 1

尝试通过 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);

真的到底是没有必要的，因为当你提到左边和顶部的数组时，这意味着图像将被硬裁剪200px宽和200px高

Answer 2

花了一段时间，但我发现它是什么。作为Jetpack一部分的Photon模块以某种方式迫使从中心裁剪的东西。一旦我将其关闭，图像就会从左侧裁剪掉，因为它应该是。

add_image_size裁剪位置不起作用

2 个答案: