导航:首页 > 文件教程 > wordpress文章列表缩略图

wordpress文章列表缩略图

发布时间:2023-01-12 14:12:56

wordPress主题如何设置缩略图

WordPress主题
设置
缩略图
方法如下:
1、需要在主题functions.php里面加一段代码

2、单击作为特色图内像,这样就可以将这容个图片作为特色图片显示了

3、做好之后就要对它进行调用然后在前台显示出来,代码是:

4、通过以上操作缩略图就可以显示了

⑵ 如何为 WordPress 老文章自动添加特色图像(缩略图)

如果你的新主题是使用WordPress 3.0 以后的特色图像功能来设置缩略图的,发布新文章时,你可以手动选择特色图像,但是如果老文章没有设置过特色图像,你应该不情愿重新编辑老文章选择特色图像吧,那你可以使用 Easy Add Thumbnail 插件,来为你的老文章自动添加特色图像。Easy Add Thumbnail 简介Easy Add Thumbnail 是一个为 WordPress 文章添加特色图像作为缩略图的插件,在倡萌看来,它的最大用处在于:自动为你的老文章添加特色图像作为缩略图。实现方式:当有人在网站前台访问了你的老文章,而老文章没有设置过特色图像,那么它就会自动将这篇文章的第一张图片设置为特色图像(只执行一次)。当然,对于新文章,你可以手动设置特色图像,如果不设置,就被当做老文章一样处理了。使用前提:①主题必须是使用特色图像功能来设置缩略图;②老文章的图片必须在媒体库(后台 - 多媒体 - 媒体库)中有记录,如果是外链图片,在媒体库中没有记录,或者文章没有图片,那这个插件就无法正常为你工作。Easy Add Thumbnail 下载安装可以直接在后台插件安装页面搜索 Easy Add Thumbnail 在线安装,或者在此下载 Easy Add Thumbnail。直接启用即可,没有任何设置页面。

⑶ wordpress的thumbnail文章列表缩略图函数如何设定

注意catch_image()这个函数,你使用了非wp自由函数,这个还需要你自己看看主题的说明了。

⑷ WordPress文章微信分享显示缩略图和摘要

WordPress文章微信分享显示缩略图和摘要

WordPress文章直接转发到微信或者朋友圈是不显示特色图片和摘要的,就像下面这样。

没有缩略图,没有摘要,标题后面还带有博客名称,如何解决这三个问题呢,我们需要以下两个插件:

WPJAM BASIC

Bosima WeChat Page Sharing 

通过设置以后可以达到以下效果

WPJAM BASIC 是水煮鱼大神做的WordPress神插件,属于WordPress网站必备插件,其他插件可以没有,这个插件是我必装的!具体的功能可以去 水煮鱼博客 查看。

Bosima WeChat Page Sharing 是一个基于WordPress的微信分享插件,可以控制在微信中分享时的图标、标题、描述和Url。

首先安装两个插件,激活。

打开WPJAM插件,一般默认设置即可,此时我们需要设置一下SEO功能,依次点击WPJAM-扩展管理-勾选SEO扩展,具体设置可以参考: 关于 WordPress SEO,你只要这两个功能就够了 。

下面设置微信分享插件,这个也有详细的教程,可以参考这篇文章:https://github.com/bosima/wechat-page-sharing

需要注意的是,你需要有一个微信公众号,或者使用其他人的微信公众号,在后台添加IP白名单和JS接口安全域名,保证博客和微信链接。具体操作,上面的链接有详细的介绍。

两个插件设置完毕后,你的文章基本就可以分享到微信显示缩略图和摘要了。

如果你想要文章在微信显示置顶的缩略图和摘要,需要在文章下面进行SEO设置,如下图。

标题是文章分享到微信后现实的标题,描述就是你设置的摘要,缩略图是你设置的特色图片, 这里要注意:如果标题为空,文章分享到微信后,显示的标题后有自己的博客名字。

通过上面的设置,就可以完美实现WordPress文章分享到微信显示特色图片和摘要了!

本文原文链接: WordPress文章微信分享显示缩略图和摘要

⑸ wordpress怎样调用文章缩略图

第一步:在主题模板的function.php里添加下面的函数,代码如下:

//截取内容中第一张图片函数 
function catch_that_image() { 
global $post, $posts; 
ob_start(); 
ob_end_clean(); 
preg_match('/<imgs[^回<>]*?src=['"]([^'"<>]+?)['"][^<>]*?>/i', $post->post_content, $matche); 
if($matche[1]) 
return $matche[1]; 
//否则取默认图片 
return 'default.gif'; 
}

第二步答:在wordpress需要调用缩略图的地方直接用这个函数调用,如下面例子,代码如下:

<img src="<?php echo catch_that_image(); ?>" alt="<?php the_title(); ?>" title="<?php the_title(); ?>" width="200px" height="200px" />

⑹ 如何开启WordPress缩略图

一、开启缩略功能

在主题的functions.php中,添加一段代码,代码如下:

add_theme_support( 'post-thumbnails' );

如果你仅想让文章信息开启缩略图功能,则使用以下代码:

add_theme_support('post-thumbnails', array('post'));

如果你仅想让页面信息开启缩略图功能,则使用以下代码:

add_theme_support('post-thumbnails', array('page'));

二、设置缩略图大小

三、编辑文章,上传缩略图

上传的图片将保持在/wp-content/uploads

四、调用缩略图

判断一篇文章是否存在缩略图,如果有,则显示缩略图,否则显示默认缩略图。

<?php if ( has_post_thumbnail() ) : ?>
<?php the_post_thumbnail( 'thumbnail' ); ?>
<?php else: ?>
//显示默认图片
<?php endif; ?>

the_post_thumbnail可以是字符串或数组

a.字符串参数时:thumbnail(小尺寸)、medium(中等尺寸)、large(大尺寸)、full(完整尺寸)

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

b.数组参数

//尺寸60x60
<?php the_post_thumbnail( array(60,60) ); ?>

c.默认尺寸:

<?php the_post_thumbnail(); ?>

五、add_image_size

如果大中小满足不了你的尺寸可使用

add_image_size('newchicun',148,100,$crop);

使用时:

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

阅读全文

与wordpress文章列表缩略图相关的资料

热点内容
在java的菜单如何导入文件 浏览:982
现在什么网站销量最高 浏览:760
angularjsclass定义 浏览:157
ug数控编程怎么导出程序 浏览:466
cmdb文件 浏览:710
鹎文件夹 浏览:763
网络舆情应对的基本理念是什么 浏览:433
word2007层次结构 浏览:456
去掉文件名的数字 浏览:713
word公司 浏览:710
淘宝店数据包怎么上传 浏览:341
pbt文件 浏览:204
HX基础编程怎么改变字体 浏览:876
怎么开网络教学 浏览:915
630升级工程武器 浏览:936
用换机助手接收的软件文件在哪找 浏览:282
阅达app一教一辅五年级有哪些 浏览:7
win10系统用f2调节音量 浏览:19
压缩文件密码器 浏览:840
线下活动数据分析有哪些 浏览:314

友情链接