WordPress自带thumbnail缩略图功能使用介绍

WordPress自带thumbnail缩略图功能使用介绍,第1张

WordPress自带thumbnail缩略图功能使用介绍

从wordpress2.9开始就可以应用内置的缩略图功能,补全方法非常简单

1.加上作用

在function.php中插入一个代码。

add_theme_support('post-thumbnails');

以后后台管理文章内容撰写的网页右下方会出现特色照片,(有些版本可能是文章内容的缩略图)。


点击设置的特色图片后,会得到与添加图片相同的页面。但仔细观察,你会发现在本地上传照片或者从新闻媒体打开文件后,特色图片的选择就更多了。

点击它,等它显示信息,就可以关闭小窗口了~

2.怎样启用

向要显示信息的区域添加代码。

<?phpthe_post_thumbnail();?>

可以启用,比如插在首页的大循环系统里。

3.事后改善

(1)要是没有缩略图时启用别的照片

复制代码编码以下:
<?php
if(has_post_thumbnail()){?>
<?phpthe_post_thumbnail();?>
<?php}else{?>
<imgsrc=”<?phpbloginfo(‘template_url’);?>/images/xx.jpg”/>
<?php}?>

把下边的哪个改为你自己图片的详细地址就可以了~
(2) *** 纵缩略图尺寸
在function.php中不久插进的add_theme_support(‘post-thumbnails’);后边加上

复制代码编码以下:
set_post_thumbnail_size(50,50,true);

规格的设定次序是:总宽、高宽比(以清晰度为企业)
(3)一张图片,要有多种多样尺寸的缩略图
在function.php中不久插进的add_theme_support(‘post-thumbnails’);后边加上

复制代码编码以下:
set_post_thumbnail_size(155,110,true);//305pixelswideby380pixelstall,setlastparametertotrueforhardcropmode
add_image_size(‘one’,155,110,true);//Setthumbnailsize
add_image_size(‘two’,350,248,true);//Setthumbnailsize
add_image_size(‘big’,546,387,true);//Setthumbnailsize

在其中第一个为默认设置的缩略图尺寸,后边三个是独特的尺寸,能够依据具体情况应用。冒号中的one,big,two还可以换为自身要想的名字。
启用,以启用351080x*248px的为例子,

复制代码编码以下:
<?php
$thumbID=get_the_post_thumbnail($post->ID,‘two’,$imgsrcparam);?>
<?phpecho“$thumbID”;?>相互配合以前的哪个,最终的编码便是:
<?php
if(has_post_thumbnail()){?>
<?php
$thumbID=get_the_post_thumbnail($post->ID,‘two’,$imgsrcparam);?>
<?phpecho“$thumbID”;?><?php}else{?>
<imgsrc=”<?phpbloginfo(‘template_url’);?>”/>
<?php}?>

类似就这么多了~期待多已经科学研究、或是已经写wordpress主题风格的人有点儿协助吧~(1)如果没有缩略图,启用另一张照片

,复制下面的代码:
<?PHP
if(has_post_thumbnail()){?>
<;?PHPthe_post_thumbnail();?>
<;?php}else{?>
<;imgsrc="<?PHPbloginfo('template_URL');?>/images/xx.jpg"/>;
<;?php}?>

把下面的改成自己图片的详细地址就行了~
(2) *** 控缩略图大小
Add_theme_support('post-thumbnails')在function.php插入不久;添加

复制以下代码:
set_post_thumbnail_size(50,50,true);

规格按以下顺序设定:总宽度、长宽比(定义为企业)
(3)一张各种大小缩略图的图片
Add_theme_support('后缩略图')即将在function.php插入;添加

复制以下代码:
set_post_thumbnail_size(155,110,true);//305像素宽380像素高,硬裁剪模式
add_image_size('one',155,110,true)设置最后一个参数为true;//设置缩略图大小
add_image_size('two',350,248,true);//设置缩略图大小
add_image_size('big',546,387,true);//设置缩略图大小

第一个是默认缩略图大小,后三个是唯一大小,可以根据具体情况应用。冒号里的一、大、二也可以改成你想要的名字。
启用,以启用351080x*248px的为例,

复制以下代码:
<?PHP
$thumbid=get_the_post_thumbnail($post->;ID,'two',$imgsrcparam);?>
<;?phpecho"$thumbID?>最终代码是
<?PHP
if(has_post_thumbnail()){?>
<;?PHP
$thumbid=get_the_post_thumbnail($post->;ID,'two',$imgsrcparam);?>
<;?phpecho"$thumbID?><?php}else{?>
<;imgsrc="<?PHPbloginfo('template_URL');?>/>;
<;?php}?>

就这么多了~期待已经做过科研或者写过wordpress主题风格的人能有一点点帮助~

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/772636.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-03
下一篇 2022-05-03

发表评论

登录后才能评论

评论列表(0条)

保存