WordPress首页日志缩略图实现方法

2023-08-27 7145阅读 0评论
Kdatacenter:$17.1/月/1G内存/100GB SSD空间/1TB流量/1Gbps端口/KVM/韩国SK/直连;原生IP


Wordpress实现缩略图的方法有几种,一是插件,最简单,二是使用timthumb.php,三是添加代码。爱吧使用第三种方法,定制性较高,且不易出错。
功能上,实现调用文中第一个图片作为缩略图,没有图片,调用随机图片。
下面给出方法:
一、在主题文件夹下的functions.php添加代码

//文章缩略图获取
function dm_the_thumbnail() {
global $post;
if ( has_post_thumbnail() ) {
echo ‘’;
$domsxe = simplexml_load_string(get_the_post_thumbnail());
$thumbnailsrc = $domsxe->attributes()->src;
echo ‘post_title )).'” />’;
echo ‘’;
} else {
$content = $post->post_content;
preg_match_all(‘//sim’, $content, $strResult, PREG_PATTERN_ORDER);
$n = count($strResult[1]);
$random = mt_rand(1, 5);
if($n > 0){
echo ‘’;
}else {
echo ‘’;
}
}
}
add_theme_support(‘post-thumbnails’);
set_post_thumbnail_size(100, 140, true);

二、在主题文件index.php;category.php;archive.php里面的

WordPress首页日志缩略图实现方法 第1张
(图片来源网络,侵删)

前面添加

the_content也可能是the_excerpt。
三、将如下css代码添加到主题文件style.css。

.post .intro img {
float:left;
width:140px;
height:100px;
margin:12px 10px 8px 15px;
padding:4px;
border:1px solid #ccc;
position:relative;
z-index:3;
}

其中,.post是日志及相关信息的css, .intro是the_content的css。
提供随机图片(放在主题目录的images下,放其它地方记得改代码):random
图片演示:


免责声明
1、本网站属于个人的非赢利性网站,转载的文章遵循原作者的版权声明。
2、本网站转载文章仅为传播更多信息之目的,凡在本网站出现的信息,均仅供参考。本网站将尽力确保所
提供信息的准确性及可靠性,但不保证信息的正确性和完整性,且不对因信息的不正确或遗漏导致的任何
损失或损害承担责任。
3、任何透过本网站网页而链接及得到的资讯、产品及服务,本网站概不负责,亦不负任何法律责任。
4、本网站所刊发、转载的文章,其版权均归原作者所有,如其他媒体、网站或个人从本网下载使用,请在
转载有关文章时务必尊重该文章的著作权,保留本网注明的“稿件来源”,并白负版权等法律责任。

手机扫描二维码访问

    文章版权声明:除非注明,否则均为主机测评原创文章,转载或复制请以超链接形式并注明出处。

    发表评论

    快捷回复: 表情:
    评论列表 (暂无评论,7145人围观)

    还没有评论,来说两句吧...

    目录[+]