wordpress给文章添加缩略图

百度是个好东西,翻了半个小时的文章,终于把这个问题解决了。

一个问题的解决方法很多,但要找到一个自己理解的方法,缺比较难找,不管怎样,多动手,可能弄着弄着就会了。

教程开始:

1.先去后台管理安装Easy Thumbnail Switcher插件  直接搜索  下载完成后  启用就行了

2.启用之后,就可以给文章设置缩略图了,文章后面会多个功能,如下图:

3.添加成功后,我们去文章列表看看效果,貌似没什么反应。

4.去主题文件找到functions.php这个文件,将下面的代码添加进去(如果没有functions.php这个文件,就自己新建一个)

//缩略图获取post_thumbnail
function post_thumbnail( $width = 275,$height = 170 )
{
global $post;
//如果有特色图片则取特色图片
if ( has_post_thumbnail() )
{
echo ‘<a href="‘.get_permalink().‘" class="thumbnail">‘;
$domsxe = simplexml_load_string(get_the_post_thumbnail());
$thumbnailsrc = $domsxe->attributes()->src;
echo ‘<img src="‘.$thumbnailsrc.‘" alt="‘.trim(strip_tags( $post->post_title )).‘" width="‘.$width.‘" height="‘.$height.‘"/>‘;
echo ‘</a>‘;
}
else
{
$content = $post->post_content;
preg_match_all(‘/<img.*?(?: |\\t|\\r|\\n)?src=[\‘"]?(.+?)[\‘"]?(?:(?: |\\t|\\r|\\n)+.*?)?>/sim‘, $content, $strResult, PREG_PATTERN_ORDER);
$n = count($strResult[1]);
//没有设置特色图片则取文章第一张图片
if($n > 0)
{
echo ‘<a href="‘.get_permalink().‘" class="thumbnail"><img src="‘.$strResult[1][0].‘"  alt="‘.trim(strip_tags( $post->post_title )).‘" width="‘.$width.‘" height="‘.$height.‘"/></a>‘;
}
else
{
//既没有设置特色图片、文章内又没图片则取默认图片
echo ‘<a href="‘.get_permalink().‘" class="thumbnail"><img src="‘.get_bloginfo(‘template_url‘).‘/img/no-has-thumbnail.png" alt="wordpress技巧——特色图像功能以及自定义缩略图设置"  alt="‘.trim(strip_tags( $post->post_title )).‘" width="‘.$width.‘" height="‘.$height.‘"/></a>‘;
}
}
}

从代码中可以看出,其实不用安装上面那个插件也行的,插件的作用主要是上传自己想要的图片。

整个代码分为三个部分,一个部分就是有特色图,第二个就是没有特色图,第三个就是以上都没有的情况下调用默认的缩略图。

5.在页面中显示缩略图,在要显示缩略图的地方,加上下面这段代码即可

<?php post_thumbnail(210,130); ?>

那么调用代码中的210和130就分别是宽度和高度了,大家根据自己的情况适当修改。

教程参考地址:http://www.banyuner.com/7401.html

原文地址:https://www.cnblogs.com/Mrrabbit/p/8282587.html

时间: 2024-10-13 16:18:09

wordpress给文章添加缩略图的相关文章

为WordPress某个文章添加额外的样式

如需把css直接写在某文章,把下面代码放如function.php /* 为特定文章添加特定css最简单的方式. */ /*添加自定义CSS的meta box*/ add_action('admin_menu', 'cwp_add_my_custom_css_meta_box'); /*保存自定义CSS的内容*/ add_action('save_post', 'cwp_save_my_custom_css'); /*将自定义CSS添加到特定文章(适用于Wordpress中文章.页面.自定义文章

如何为wordpress 的文章添加分页

原文参考:http://www.wpdaxue.com/add-next-page-button-wordpress-post-editor.html 1.在编辑文章时切到text 模式,然后加上<!--nextpage--> 2.每次都要手动添加分页代码 <!--nextpage-->是一件非常费力的事,其实,我们只要在当前主题的 functions.php 添加下面的代码,就可以显示“下一页”按钮啦: 如果你是 WP 4.2 或以上的版本,可以使用下面的代码: flymood:

WordPress 后台文章列表设置文章特色图片(缩略图)集成版

functions.php添加以下代码 /** * WordPress 后台文章列表设置文章特色图片(缩略图)集成版 * Plugin Name: Easy Thumbnail Switcher */ class doocii_Easy_Thumbnail_Switcher { public $add_new_str; public $change_str; public $remove_str; public $upload_title; public $upload_add; public

黄聪:在WordPress后台文章编辑器的上方或下方添加提示内容

WordPress 3.5 新增了一对非常有用的挂钩,可以快速在WordPress后台文章编辑器的上方或下方添加提示内容,下面是一个简单的例子,直接将代码添加到主题的 functions.php 文件: function below_the_title() { echo '<h3>在编辑器上方添加的提示内容</h3>'; }   add_action( 'edit_form_after_title', 'below_the_title' );   function below_th

为你的WordPress博客添加CSS3炫酷读者墙

为你的WordPress博客添加CSS3炫酷读者墙,也就是把你文章的评论最活跃的读者显示在单独的一个页面,先看看效果吧: 1.复制主题的page.php,另存为readerwall.php,然后在其顶部添加代码 1 2 3 4 5 < ?php /* Template Name: Reader wall */ ?> 2.接着改文件下面找到 1 < ?php the_content('');?> 在它的前面添加下面的代码 1 2 3 4 5 6 7 8 9 10 11 12 13 1

WordPress 更改文章密码保护后显示的提示内容

WordPress 有一个密码保护功能,你可以在文章和页面的编辑界面看到设置选项: 设置了密码后,你就可以在前台看到如下提示内容: 本文的目的就是要修改这个提示内容,核心函数如下(添加到当前主题的 functions.php 即可): 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 /** * WordPress 更改文章密码保护后显示的提示内容 * https://www.wpdaxue.com/change-

杨泽业:给你的wordpress博客添加经典语录功能,适合所有php网站

我们做一个网站就是要不断给访客提供最佳的用户体验,同时提升自己的品牌价值,而文章结束的经典语录的功能,完全可以实现我们所要达到的效果.(如下图) 给你的wordpress博客添加经典语录功能 这个是怎样实现的呢?其实很简单,下面我就将核心文件和代码分享给大家. 第一步:添加语录功能的核心文件. 在网站的根目录里面添加一个yulu的文件夹,里面含有index.php和yulu.txt两个文件.其中index.php里面是核心代码,yulu.txt是要显示的经典语录,一条占用一行. 文末免费给出了所

杨泽业:给你的wordpress博客添加SMTP邮件服务,评论以后邮件通知

当你的博客有人评论的时候,就会收到邮件通知,那是非常好的体验,有人评论了自己第一时间知晓.特别是,有人在你的博客留言,需要有人解答问题的时候,这个人是迫切的需要及时通知的,有的评论自动邮件通知的话,那么就轻松了. 要实现评论邮件通知,还是不难的.下面,我就说说,使用腾讯的免费企业邮箱配置SMTP邮件服务.(没有企业邮箱的请查看我上一个文章<用你自己的域名免费的开通腾讯企业邮箱图文教程>) 先在模板函数 (functions.php)文件底部添加下面代码即可,邮箱的帐号密码改成自己的帐号密码.

再谈WordPress获取文章图片——制作文章图片集

有一次接到一个项目,客户要求:如果一篇文章中存在多幅图片,要能把这些图片在当前文章页面制作成一个图片集. 仔细分析这个要求,前端设计无悬念,无非就是如何获取当前文章中所有图片的 src 值的问题. 联想到几乎每个网站都必备的获取文章首张图片的那个函数: function catch_that_image()   (前文已有相关描述:也谈WordPress获取文章中首张图片),在这个函数中,仅仅使用了首张图片,而那里获得的 $matches 是一个二维数组啊. 先将该变量dump出来看一下,插入: