如何在wordpress的主页上显示裁剪图像？

Question

如何在wordpress中显示非常长图像的裁剪图像，并在底部的完整文章/帖子中放置“阅读更多”永久链接。喜欢这个

这是来自主页

http://s28.postimg.org/l8qbm85rh/image.jpg

这是完整的帖子（原始图片很长）

http://s28.postimg.org/85zagp4x9/image.jpg

Answer 1

裁剪图像有很多选项。 This jsfiddle包含一对。 取消注释css部分中的样式以查看执行此操作的两种方法。

HTML 的

<div>
    <img id="myImage" src="http://s28.postimg.org/85zagp4x9/image.jpg">
</div>

CSS

/*div{
    overflow:hidden;
    width:300px;
    height:300px;
}*/

OR

/*#myImage {
    position:absolute;
    clip:rect(150px, 650px, 640px, 140px);
}*/