我不是一个大的专业人士，但在涉及 CMS 时，我确实知道我在基本脚本/调整/编辑等方面的方法。现在，我正在为我的网站使用 WordPress。我修改了一个主题，一切都运行得很好（它处于构建模式）。
然而，有一件事我一直在努力完成，但我无法让它发挥作用。
WordPress 具有称为特色图片的功能。这是您可以包含在文章中的图像/缩略图。我在这里尝试做的是将精选图像变成图像悬停。因此，当人们将鼠标移到（黑白）图像上时，它会变成另一个（彩色）图像。
我能够弄清楚的一件事是使用名为 Multiple Post Thumbnails 的 WordPress 插件。它可以让您在一篇文章中添加 2 个特色图片（缩略图）。在这种情况下：黑白图像和彩色图像。
事情是这样的；实际上可以找到某种关于如何激活此修改的教程，但我无法让它工作。网址：http ://www.scratchinginfo.net/hover-two-featured-images-wordpress-via-multiple-post-thumbnails-plugin/
所以我的两个问题：
- 有没有更好（更简单）的方法来完成这个 imagehover？
- 至于教程：
我在所有代码上使用了复制/粘贴，并将其添加到我自己的文件/主题中。它给我的只是一个空白页。我不得不从 functions.php 代码中删除并调整一些代码（例如主题的名称）以使其完全正常工作（意思是：能够显示我的页面）：
教程：
if (class_exists('MultiPostThumbnails')) {
new MultiPostThumbnails(
array(
'label' => 'Colored Image',
'id' => 'colored-image',
'post_type' => 'post'
)
);
}
只显示这样的东西：
if (class_exists('MultiPostThumbnails')) {
new MultiPostThumbnails(
array(
'label' => 'Colored Image',
'id' => 'colored-image',
'post_type' => 'post'
)
);
}
就像我说的，我无法让它工作。调整这段代码让我离开了我开始的地方。仅限黑白图像（特色图像 1）。
我正在使用这个 Cosmox 主题：http ://cosmox.ozythemes.com/ 。我创建了一个页面，其中包含彼此下方的合作伙伴（面孔）的几个图像/缩略图（它们是特色图像）。当您滚动这些图像时，会显示一个包含信息的文本框。它与 WHATS NEW 部分基本相同。
希望有一个简单的解决方案；）
非常感谢！
@dingo_d：
foreach( $myposts as $post ) : the_post(); $more = 0;
echo '<li>';
echo ' <div class="item-wrapper">';
echo ' <div>';
if ( has_post_thumbnail() ):
$upload_dir = wp_upload_dir();
$custom = get_post_custom(); $custom = get_post_meta($custom["_thumbnail_id"][0]);
$custom = unserialize($custom['_wp_attachment_metadata'][0]); $upload_folder = dirname($custom['file']);
if(isset($custom['sizes']) && !empty($custom['sizes'])) {
echo '<img src="'. $upload_dir['baseurl'] . '/' . $upload_folder . '/' . $custom['sizes']['portfolio-featured-thumb-460']['file'] . '" width="100%"/>';
}else{
echo '<img src="'. $upload_dir['baseurl'] . '/' . $custom["file"] . '" width="100%"/>';
}
else:
//no image image
echo '<img src="' . OZY_BASE_URL . 'images/no-image310x140.png" width="100%"/>';
endif;
echo ' <div class="hover"></div>';
echo ' </div>';
echo ' <span class="cfnt" align="center">';
the_title();
echo ' </span>';
echo ' </div>';
if($xml->description=='1') echo '<div class="desc"><span class="cfnt">' . get_the_title() . '</span><p>' . strip_tags(get_the_content('','')) . '</p></div>';
echo "</li>";
endforeach;
编辑2：
echo '<img src="'. $upload_dir['baseurl'] . '/' . $upload_folder . '/' . $custom['sizes']['portfolio-featured-thumb-460']['file'] . '" width="100%" class="nohover" /><img alt="imagehover" src="URL TO HOVER IMAGE" class="hover" />';