有没有办法让我的用户定义缩略图后的作物区域?缩略图始终是现有的帖子附件,我宁愿每个缩略图创建额外的附件。

缩略图应为200x100像素,并来自帖子中使用的图像之一。因此,在我的理想世界中,当您单击“设置特色图像”链接时,您将获得已经包含的图像的概述,当您单击其中一个链接时,您可以自己定义裁剪区域(移动或调整裁剪区域,但要保留) 2x1纵横比)。当您单击“确定”时,新的文章缩略图将保存使用原始附件(在 _wp_attachment_metadata['sizes']['post-thumbnail'] 例如,元数据字段),不是新附件。使用已经用作另一个帖子的缩略图的图像不得允许,或者至少发出警告。

我相信随附的图像编辑器将不适合我的需求,因为您可以选择编辑图像的所有版本或常规缩略图,而不仅仅是缩略图。我也发现知道我正在编辑的版本有些混乱,因此我认为我的用户会遇到更多麻烦。

是否有一个可以执行我想要的插件,或者可以轻松地扩展到我的需求?

更新:示例UI

我真的很喜欢Mac OS X地址簿图像选择器的界面:您选择一个图像,并通过滑块调整固定比率缩略图Cropper。您也可以将基本图像拖动。您可以将此想法扩展到多个图像大小(我有一个 post-thumbnailpost-thumbnail-1/2 例如,那个大小的一半)。让用户选择他现在使用复选框编辑的尺寸,并在屏幕上绘制适当的裁剪矩形。

The Address Book image cropper in action

有帮助吗?

解决方案

该代码仍然是一团糟,但即使在IE 8上也似乎有效。我计划在存储库中发布它,但与此同时,您可以使用 我当前的版本. 。要访问它,您在添加或编辑图像时单击“编辑图像”,它替换了通常的图像编辑器(它们很难组合)。由于大多数管理区域都使用常规缩略图,而我的当前版本编辑了缩略图,因此似乎没有效果,但是可以通过显示缩略图后尝试一下,您应该看到它更改。

这个插件需要我的 按需图像恢复, ,这仍然是一团糟,进行实际调整大小。

Example image in the cropper

其他提示

最好的选择是使用基于JavaScript的图像作物,然后使用PHP与ImageMagick或Image GD结合使用。

它必须将其写入您的功能或插件中,因为我不知道架子WordPress插件的任何手中,这令人惊讶。

有一个带有PHP的保存选项的YUI图像作物 http://developer.yahoo.com/yui/examples/imagecropper/conn_crop.html

这是关于如何使用php的jQuery cropper的另一个教程
http://www.webmotionuk.co.uk/php-jquery-image-image-upload-and-crop/

第三个选项与上述链接使用相同的jQuery Cropper但不同的代码非常相似。http://www.leonkessler.com/blog/?p=132

这是另一个使用jQuery的jcrop, http://www.talkincode.com/jcrop-extension-implementation-in-php-932.html

谁准备新的插件,这肯定会很受欢迎:)

假设您已经在谈论“特色图像”选项时已经添加了对the词后指数的支持。

如果是这样,一个选项您可以将其添加到上传数组中的新图像大小。因此,默认情况下,您的缩略图,中等,大。在以下代码中,根据您想要的任何尺寸,这为该分类添加了第四张图像。这一点代码将添加到您的functions.php文件中。

add_image_size( 'new_thumb', 200, 100, true );

“ new-thumb” =新自定义图像的名称
“ 200” =宽度
“ 100” =高度
“ true” =硬作物选择。这将迫使图像被裁剪到定义的宽度/高度。没有,它只是比例缩放。

现在,要在页面或帖子阵列上显示新的缩略图,您将以下内容插入HTML

<?php the_post_thumbnail('new_thumb'); ?>

您可能需要使用CSS以具有较大的灵活性,修复主题中的缩略图(如果需要)并避免文件混乱:

http://www.seifi.org/css/creating-thumbnails-using-the-css-clip-property.html

请记住,将加载整个图像,因此请勿为此使用3MB原件。

根据JAN的要求更新:如果您确实想动态剪辑,请考虑:

  • 对于用户=管理员,通过PHP创建CSS;您只需链接到读取适当设置并相应调整剪辑参数的PHP即可。
  • 对于用户=访问者,请使用JavaScript更改图像样式属性中的剪辑参数。
  • 作为一种侵入性的解决方案,请考虑创建一个快速代码(通过伟大的插件快捷代码执行PHP),例如[thumb w = ?? h = ??] url [/thumb],您可以将其转换为带有内联CSS的合适的HTML标签。

我们有时会使用一个较旧的插件,称为WP Post Post Thumbnail。它不是完美的,并且有一些较小的错误,其中有最新版本的FO WP(自2008年以来一直没有更新,因此不一定可靠)。 http://wordpress.org/extend/plugins/wp-post-thumbnail/

我相信您正在寻找: http://wordpress.org/support/topic/scissors-for-wordpress-29-also-works-on-30-hurray

我还没有尝试过,但是它应该为您提供所需的功能。

原始插件页面。 http://wordpress.org/extend/plugins/scissors/

我也需要一个正在从事的项目。

我认为解决此问题的最终解决方案是从中修改插件http://www.seoadsensethemes.com/wordpress-wpress-wp-post-thumbnail-plugin/

并自定义它,以便在functions.php文件中定义的任何自定义图像大小(使用 add_image_size( 'new_thumb', 200, 100, true ); )自动使用,然后在要修改图像时获取代码以替换(或扩展)“编辑”链接。

使用这种方法WordPress可以继续创建其适用的图像尺寸,但是如果您想专门修改任何特定图像的裁剪区域,则可以做到的能力,从而又代替了该大小的自动生成的图像。嗯...虽然这听起来令人困惑地阅读了它,但我觉得缺少的东西。

目前,我相信该插件将这些自定义图像大小保存到帖子中的自定义字段,而不是适用图像的帖子。

我决定使用本机“ WP_GET_ATTACHMENT_IMAGE”裁剪缩略图...这里是图像库的示例,带有裁剪的缩略图

http://wpworks.wordpress.com/2010/12/27/image-gallery-with-image-crop/

此致

许可以下: CC-BY-SA归因
scroll top