如何在WordPress中修改特色图片

WordPress特色图片


图片是每个网站的重要组成部分。在您开始质疑图像的重要性之前,只需尝试想象一下您最喜欢的博客或网站没有它们。如果网站上没有图片,您是否会对阅读技术,汽车,食品或时尚和化妆品感兴趣??

当第一个网站上线时,图像在它们的存在中就不会发挥重要作用。互联网连接速度太慢,没有人可以在每页中加载数十张图片。幸运的是,情况已经改变,现在我们离不开在线媒体。相同的原则可以适用于个人博客或您的网站。在现代世界中,您只是拥有一个没有图片的博客网站。它们比您想像的还要重要.

  1. WordPress中的特色图片是什么
  2. 特色图片尺寸指南–如何在WordPress中进行更改
  3. 在WordPress中自动设置特色图片
  4. 自动将精选的帖子缩略图链接到其原始帖子
  5. 如何在帖子/页面编辑列表中添加缩略图预览
  6. 在发布帖子之前让您的作者选择特色图片
  7. 更改管理页面中的精选图片文字

1. WordPress中的特色图片是什么

尽管精选图片只是您可以添加到WordPress的另一个媒体文件,但值得特殊对待。这种图片可以帮助您吸引访客的注意力. 它用于吸引个人阅读您的故事,提高博客的视觉质量,甚至在社交媒体共享中起着显著作用. 因此,不要忽略特色图片的重要性.

精选图片由WordPress主题控制.

不久前,许多WordPress主题还没有对此提供支持。只是最谨慎的开发人员足够友好地将特色图像引入他们的主题,而其他所有开发人员都必须自己编写功能。幸运的是,时代变了,现在 大部分主题已完全准备好特色图片.

特色图片在您的网站上显示在哪里?

通常,WordPress中的精选图片会在您首页的焦点下找到位置. 它们用作代表整个帖子的缩略图. 相同的帖子缩略图(也是特色图片的另一个名称)通常直接链接到该帖子。通过选择帖子的特色图片,您可以设置故事的整个色调。一张好的照片可能会吸引访客阅读整篇文章,而一张不好的照片很容易击退普通读者.

WordPress特色图片在首页上

此外,相同的特色图片 通常显示在单个帖子,页面和自定义帖子类型的顶部 在WordPress中。根据您使用的主题,精选图​​片可能会显示在上方或下方 标题. 它可能以不同的维度出现;这完全取决于从事细节工作的主题开发人员.

同样,根据主题,特色图片可能会在其他地方使用。例如,如果您添加一个小部件以显示最新帖子,则可以使用帖子缩略图为小部件添加更多样式并吸引访问者更多的关注.

某些主题甚至会在WordPress管理页面的指定帖子旁边显示图像。.

如何添加特色图片

当我们逐步引导您在WordPress中添加第一条帖子时,我们还提到了位于屏幕右侧的“特色图片”标签. 万一您找不到该标签,则应检查屏幕选项:

  1. 添加新帖子或编辑现有帖子
  2. 一直向上滚动
  3. 点击右上角的“屏幕选项”标签
  4. 确保选中“特色图片”框

WordPress屏幕选项帖子编辑器

在新的WordPress网站上,精选图片标签将位于右侧边栏的最底部。检查您是否有一个,并做好准备 添加您的第一个帖子缩略图:

  1. 单击“特征图像”框中的“设置特征图像”链接
  2. 新的窗口将打开媒体库
  3. 选择您拥有的任何图像或从计算机上传新图像
  4. 选择图片后,点击“设置特色图片”按钮

WordPress特色图片

就是这个!现在,您可以在“特色图像”框中查看图片的预览。如果您想查看帖子的外观,可以快速向上滚动并单击“预览”按钮.

拖放特色图片

价格:免费

在WordPress中拖放特色图片

如果您想将图像拖放到WordPress媒体库中,则应 考虑添加此免费插件 到您网站上的活动列表。只需安装拖放特性图片插件,添加缩略图帖子的常规链接就会更改。无需单击链接然后上传新图像,您可以将图片直接拖放到现场.

如何删除或替换帖子缩略图

有时,您将要删除或替换帖子缩略图。是否找到或创建了更好的照片,或者第一张照片有问题, 只需单击几下即可进行更改:

  1. 单击缩略图下方“特色图片”框中的“删除特色图片”链接
  2. 如果要设置新图像,请重复添加新特征图像的步骤。

如果您的主题没有选项怎么办?

尽管当今的大多数主题都可以使用精选图片,但仍有一些主题没有使用该功能。要手动添加元素,您需要对WordPress开发有一些基本的了解。幸运的是,您可以解决这个问题并忘记代码. 我们将向您展示一些WordPress插件,这些插件将快速为您的主题引入缩略图. 有了这些扩展,您甚至可以让WordPress自动处理精选图片.

动态精选图片

价格:免费

动态精选图片

这个免费的插件拥有超过70,000个活跃用户这一事实告诉您,仍然有很多主题需要特别关注帖子缩略图。动态精选图片可让您  多张图片, 因此您不必仅依赖通常可用的那个。无需触摸代码,该插件即可准备选定的图片,并在必要时允许其他主题功能访问它们。你可以放松一下;您无需为此做任何事情.

当您与其他需要特色图片和滑块以将其显示给用户的插件一起使用时,该插件是绝佳的选择。甚至还有一个高级版本,其中增加了一些不同的功能.

快速精选图片

价格:免费

快速精选图片

从安装此插件的那一刻起,一切都可以在自动驾驶仪上运行。快速精选图片将让您 设置默认的特色图片. 因此,每当您忘记设置一个时,插件都将使用默认缩略图。它还可以一次替换或删除任意数量的选定帖子中的图像.

此外,此免费插件在帖子,页面和自定义帖子类型列表中的可排序图像列中添加图片。还有其他过滤器和规则,可让您自定义网站处理帖子缩略图的方式.

在现代的在线世界中,一切都由媒体文件组成。尽管视频已经开始占领互联网,但是图像仍然是不可或缺的重要组成部分。无论您打开哪个网站,它都应至少附有几张图片. 媒体文件丰富了帖子和首页, 每当您偶然发现一个没有媒体文件的网站时,您都会提醒自己媒体文件的重要性。您甚至可以自己寻找免费图片。将它们添加到博客中后,它们将使整个博客看起来更加生动并吸引普通访问者.

特色图片尺寸指南

通常,特色图片由主题控制。无论您要拥有一个,您将获得多少个尺寸选项以及它将在何处显示, 完全取决于您的主题开发人员. 不幸的是,并非所有开发人员都倾向于给予特色图像足够的关注。因此,在某些情况下,您将不得不对特色图像尺寸进行调整。在其他情况下,您需要设置额外的维度,以容纳插件,新的小部件或您要自定义网站的其他区域.

虽然注册新的图像大小对于WordPress开发人员来说是小菜一碟,但对于非编码人员来说却是一场噩梦。因此,在这一部分, 我们不会向您展示代码段. 相反,我们将向您展示基本设置的工作原理,以及如何通过免费的WordPress插件扩展特色图片的功能.

基本图像设置

首先,您应该知道WordPress允许您更改一些基本的媒体设置,这些设置会影响您上传到站点的所有新图像。默认情况下,每个WordPress安装都只能使用四种图像大小:

  • 原始尺寸
  • 缩图
  • 介质

基本图像设置

上传新图像后,WordPress将存储原始文件,而无需对其进行任何修改。数据传输之后,系统将获取该原始文件,并进行您在“媒体设置”中设置的所有其他尺寸。它还可以添加您正在使用的主题注册的一些额外尺寸,这些尺寸可能在媒体设置中不可见.

要访问媒体设置,请导航至 设置->媒体

缩略图有些独特. 它是平方的,无论您设置了什么尺寸,WordPress都将以图片的部分为中心并对其进行裁剪以获得所需的尺寸。一些主题可能将此预设用作特色图片.

当涉及大中型时,WordPress的工作方式略有不同。您可以指定最大宽度和高度,系统会根据这些设置按比例缩小图像,因此不会被裁剪。这些通常是您将在帖子和页面内部使用的图像.

WordPress为什么会产生更多尺寸?

如果WordPress无法生成其他图像尺寸,则必须手动创建. 另一种方法是在整个网站上使用相同的图像尺寸 否则设计人员将不得不更加努力地通过代码设置每个图像的尺寸。此选项还将使自定义更加困难.

想象一下,您需要多少时间在照片编辑器中打开每个文件,设置自定义尺寸,然后将其上传到WordPress?

您是否知道WordPress主题可以根据位置在多个不同维度上使用同一图像?这意味着每次您要上传新图像时都会生成多个图像文件!没有人会有时间.

更改特色图片尺寸

显然,并非所有WordPress主题都使用相同的特色图片尺寸。因此,当在主题之间切换时,或者只是想根据需要和喜好修改主题时,您可能需要调整特色图像的大小.

在WordPress中更改特色图片大小

也许较小的尺寸会更好地突出标题?也许您希望特色图片更宽?幸运的是,无论出于何种原因更改特色图片尺寸, 您将无需自己编写任何代码. 我们将向您展示一个梦幻般的免费插件,它将帮助您.

检查您的主题设置

在安装任何其他插件之前,您应该彻底检查主题设置。在过去的几年中,主题开发人员已允许修改许多主题功能。因此,取决于您拥有的主题, 有机会在主题设置中找到精选的图像尺寸选项.

去 外观->主题->自定义 并寻找选项。此外,某些主题还具有其他设置,通常可以在 出现 菜单。如果可以找到一个,那很幸运,因为您只需单击几下即可更改特色图像的大小。如果没有,请不要担心;以下插件仍然足够简单,可以进行必要的更改.

简单图像尺寸

价格:免费

简单图像尺寸

当您安装简单图像尺寸时,我们刚才讨论的基本媒体设置将立即得到扩展。该插件可以识别当前活动主题中的所有其他图像尺寸,还可以让您自己创建自定义尺寸.

激活插件后,请导航至 设置->媒体. 在所有其他图像尺寸中, 您应该找到专用于精选图片的图片. 如果您使用的是标准的“二十一”主题,则应该找到“二十一”功能图像尺寸。在这里,您可以轻松设置特色图片的自定义宽度和高度.

根据您使用的主题,可能会有不止一个特色图片尺寸。例如,主题可能会在首页上显示特色图片,单个帖子以及一些小部件。在这种情况下,将需要三种尺寸来充分利用该功能。根据您想要个性化特色图像的方式,相应地更改设置。不要忘记点击更新按钮,保存更改并打开您的网站以查看图片发生了什么.

那旧的图像呢?

通常,更改图像尺寸时, WordPress仅对您要上传的新内容进行更改. 但是您已经在使用的旧版呢??

缩略图再生

幸运的是,Simple Images Size的开发人员足够友好地介绍了可以解决此问题的功能。在同一“媒体设置”页面上,只需向下滚动图像尺寸列表即可。你会发现一个 缩略图再生功能 可以选择要重建的缩略图。由于我们只在谈论特色图片,因此请选择您之前编辑过的缩略图.

如果您想进一步控制缩略图,请再滚动一点并选择要在其上重建的帖子类型.

准备就绪后,请单击是否要重新生成缩略图,并且不要忘记保存更改.

更改图像尺寸的缺点

使用简单图像尺寸设置新图像尺寸非常容易, 修改图片时要小心.

如果您是在较小的站点上工作而仍然没有太多照片,则可以放松并重新生成缩略图。但请注意,有些网站上有数十万张图片.

为每个图像生成新尺寸可能会占用服务器上的大量空间。因此,在确认更改之前,请确保您知道自己在做什么.

此外,WordPress并不会真正照顾您的旧缩略图。因此,即使您不再使用它们, 所有这些图像仍将坐在文件夹中 并占用宝贵的硬盘空间。如果您运行的网站较小,某些图像清理插件可以为您提供帮助。但是对于拥有大量照片的大型网站,您将需要一种更专业的方法(不幸的是更加复杂和昂贵).

3.在WordPress中自动设置特色图片

即使您的主题不从头开始支持功能,在WordPress中使用特色图片也很容易且相对容易设置。我们已经向您展示了如何设置和显示基本的特色图片,并且您将学习如何检查是否有特色图片集,并向忘记设置图片的作者显示通知。.

如果您不喜欢该选项,则可以快速实现一个稍有不同的功能-您可以对WordPress进行编程,以自动为您设置一个特色图片.

不同于上面提到的方法,WP会通知您有关丢失的特色图片的情况,您仍然需要自己选择一个,而这种方法会自动将图片设置为特色图片。为了使这项工作有效,您至少需要在帖子中附加一张图片.

在发布没有特色图片的帖子之后, 该功能将拍摄该文章的第一张图片并将其设置为特色图片.

这样做的好处是,一旦功能为您设置了特色图片,即使您决定从帖子中删除图片,该功能也将保持打开状态(该功能最初用于制作特色图片).

如果您的帖子没有任何图片,并且单击了“发布”按钮,则不会有任何通知,当然,也不会有任何图像可供选择。因此,对于在大多数帖子中使用图片的人来说,这是一个不错的选择。但是,如果您经常忘记图片而又不定期附加图片,建议您使用较早的方法来防止发布没有图片的帖子.

现在,当您知道可以得到什么时,让我们向您展示代码。要安装该功能,您将必须打开您的functions.php文件并复制/粘贴以下代码段:

函数autoset_featured(){
全球$ post;
$ already_has_thumb = has_post_thumbnail($ post-> ID);
如果(!$ already_has_thumb){
$ attached_image = get_children(“ post_parent = $ post-> ID&post_type = attachment&post_mime_type = image&numberposts = 1”);
如果($ attached_image){
foreach($ attached_image as $ attachment_id => $ attachment){
set_post_thumbnail($ post-> ID,$ attachment_id);
}
}
}
}

add_action('the_post','autoset_featured');
add_action('save_post','autoset_featured');
add_action('draft_to_publish','autoset_featured');
add_action('new_to_publish','autoset_featured');
add_action('pending_to_publish','autoset_featured');
add_action('future_to_publish','autoset_featured');

粘贴代码后,不要忘记保存更改。现在,您可以尝试添加一个新帖子,其中包含任何图像并发布。您是否看到特色图片出现在网站上的情况?魔法.

现代WordPress主题是艺术品,其设计考虑了最新技术。这意味着开发人员已经照顾到您和您未来的网站访问者从主题中需要的每件事。这包括精美的设计和后端和前端中添加的众多功能.

WordPress推出精选帖子缩略图后, 主题开发人员必须找到一种方法将这些图像链接到其原始帖子. 这个简单的特色图片成为WordPress的游戏规则改变者,将流行的博客平台转变为更流行的CMS。有时这些照片不必链接到任何地方,但是如果您问我们, 每个精选的缩略图都必须指向原始帖子.

即使许多开发人员发现此主题是主题中的必备功能,但许多WordPress主题(大多数将是免费赠品)在默认情况下都不会安装该主题。而且,如果您像我们一样遇到无法单击后缩略图的问题,这可能会让您感到不安。但请放心,以下几行可以找到一种快速的解决方案.

在本教程的这一部分中,我们将向您展示如何自动将特色图片链接到帖子永久链接,从而 允许任何点击图片的人重定向到原始帖子.

将特色图片链接到帖子:

  1. 打开functions.php
  2. 复制并粘贴以下代码:
  3. 函数wcs_auto_link_post_thumbnails($ html,$ post_id,$ post_image_id){
    $ html =''。 $ html。 '';
    返回$ html;
    }
    add_filter('post_thumbnail_html','wcs_auto_link_post_thumbnails',10,3);
  4. 保存更改

就是这样,伙计们。保存更改后,您无需担心那些精选的帖子缩略图不会链接到原始帖子。现在,精选缩略图和“阅读更多”文字都将引导访问者浏览您的帖子.

5.如何在帖子/页面编辑列表中添加缩略图预览

如果您的日常WordPress主题具有标准功能,则您可能已经习惯了WordPress管理面板的外观。当我们谈论帖子和页面的编辑选项时,您可能会有一个标准视图,其中标题,作者,类别,标签和日期显示在不同的列中.

如您所见,没有有关特色图片的信息。因此,如果您想查看某个帖子是否已设置特色图片,并可能看到图片的外观,则必须分别编辑每个帖子.

如何在帖子/页面编辑列表中添加缩略图预览

想象一下,浏览数十篇文章只是为了快速浏览精选图片,这样您就不会重复任何内容,也不会留下任何内容。那只是浪费时间,这就是为什么我们将向您显示快速修复的原因.

在本部分教程中, 我们将向您展示一个简单的代码,您可以将其添加到主题中,然后将其直接添加到帖子/页面列中. 为了使这个“技巧”起作用,请确保您的主题 支持帖子缩略图.

谈话足够了;让我们将代码插入主题并在帖子编辑器中显示缩略图:

  1. 打开您的function.php文件
  2. 复制并粘贴以下代码:
  3. add_filter('manage_posts_columns','posts_columns',5);
    add_action('manage_posts_custom_column','posts_custom_columns',5,2);
    
    add_filter('manage_post-type_posts_columns','posts_columns',5);
    add_action('manage_post-type_posts_custom_column','posts_custom_columns',5,2);
    函数posts_columns($ defaults){
    $ defaults ['riv_post_thumbs'] = __('Thumbs');
    返回$ defaults;
    }
    函数posts_custom_columns($ column_name,$ id){
    if($ column_name ==='riv_post_thumbs'){
    if(has_post_thumbnail()){
    回声the_post_thumbnail('medium');
    }其他{
    _e('没有缩略图的帖子');
    }
    
    回声““;}}
  4. 保存更改
  5. 帖子->所有帖子 看到变化

在上面的代码中,我们将缩略图大小设置为100×100像素。由于这仅用作特色图像预览,因此实际上不需要更大的图片。当然,您可以随意将缩略图的大小更改为所需的任何大小。在以下各行中,您可以看到一些关于如何编辑代码最后一行的示例:

显示全功能图片而不是缩略图:

回声the_post_thumbnail('featured-thumbnail');

缩略图大小的两倍:

回声the_post_thumbnail(array(200,200));

我们的标题是您可以在帖子和页面的编辑屏幕中显示缩略图。您已经尝试过该代码,但是看不到页面上的拇指吗?不用担心,您将需要这两行代码,并且应将它们添加到上面显示的代码段的开头:

add_filter('manage_pages_columns','posts_columns',5);
add_action('manage_pages_custom_column','posts_custom_columns',5,2);

添加这段代码后,缩略图也将在页面编辑器上可见.

6.在发布帖子之前让您的作者选择特色图片

当WordPress达到2.9版时,人们就有机会在其帖子中添加特色图片。从那时起,如果主题允许,您便可以上传或选择适合您帖子的图片,以更好地表现出来,而您仍然没有义务在帖子中显示该图片.

WordPress用户很快就习惯了该新功能,现在,没有特色图片就很难找到主题.

但是,如果您发表大量文章并拥有不止一位作者, 有时您会忘记添加特色图片 这可能会导致网站混乱。您的没有图片的帖子在主页上看起来很空白并且没有完成,在您最近的帖子小部件中肯定会有一个孔,并且如果您使用缩略图在文章开头显示图片,则您的帖子看起来会很普通而没有照片.

如果您忘记添加精选图片,那么这些只是您可能会遇到的一些简单问题。在这些问题出现之前,让我们看看如何使其永远消失.

在本教程的这一部分中,我们将向您展示一段代码,该代码可以让您忘记问题. 安装代码后,每个尝试发布帖子但没有特色图片的作者都会收到一条错误消息. 然后他或她的帖子最终将被保存为草稿而不是被发布。这样一来,特定作者就可以在发布信息之前使用任何精选图片,并且在您匆忙忙忙时将成为救生员.

如果您准备好使用该功能,请按照以下步骤操作:

  1. 打开您的functions.php文件
  2. 复制并粘贴以下代码:
  3. add_action('save_post','pu_validate_thumbnail');
    
    函数pu_validate_thumbnail($ post_id)
    {
    //仅验证帖子的帖子类型
    if(get_post_type($ post_id)!='发布')
    返回;
    
    //检查帖子有缩略图
    如果(!has_post_thumbnail($ post_id)){
    
    //确认验证缩略图失败
    set_transient(“ pu_validate_thumbnail_failed”,“ true”);
    
    //删除此操作,以便我们可以将该帖子重新保存为草稿,然后重新附加该帖子
    remove_action('save_post','pu_validate_thumbnail');
    
    wp_update_post(array('ID'=> $ post_id,'post_status'=>'草稿'));
    add_action('save_post','pu_validate_thumbnail');
    }其他{
    
    //如果帖子有缩略图,请删除瞬态
    delete_transient(“ pu_validate_thumbnail_failed”);
    
    }
    }
  4. 保存更改

一旦作者单击“发布”按钮,此代码将检查发布状态。它仅适用于帖子,如果该功能找不到附加的缩略图,则将保存草稿,并且WordPress将准备显示错误消息. 如果找到缩略图,则通常发布帖子而不显示消息.

由于上面显示的代码并不包含错误消息本身,因此您仍然需要一个小的代码片段来进行准备:

  1. 在前面的代码之后,复制并粘贴以下代码:
  2. add_action('admin_notices','pu_validate_thumbnail_error');
    函数pu_validate_thumbnail_error()
    {
    if(get_transient(“ pu_validate_thumbnail_failed”)==“ true”){
    回声“

    必须先设置帖子缩略图,然后再保存帖子.

    “; delete_transient(“ pu_validate_thumbnail_failed”); } }
  3. 保存更改并尝试新功能

如果要个性化错误消息,请导航至第5行,并将“保存帖子之前必须先设置帖子缩略图”更改为所需的任何内容.

而已。享受您的帖子,而不必担心没有特色图片.

7.更改管理页面中的精选图像文本

如果您正在编辑主题或创建新主题,则可能需要处理特色图片.

WordPress特色图片

例如,如果您使用了从帖子中的第一张图片自动添加特色图片的功能,那么对 让您的作者知道发生了什么. 您可以简单地更改文本并将其用作简短通知,该通知将告诉作者如果作者未亲自选择该图片,则会自动选择特色图片。因此,如何将显示“设置特色图片”的文本更改为其他内容?

  1. 打开您正在使用的主题的functions.php文件
  2. 复制并粘贴以下代码:
  3. 函数change_featured_image_text($ content){
    return $ content = str_replace(__('设置特色图片'),__('您的自定义文本在这里'),$ content);
    }
    add_filter('admin_post_thumbnail_html','change_featured_image_text');
  4. 更改“您的自定义文字在这里”,但不要忘记留下单引号
  5. 保存更改
  6. 转到任何帖子并查看更改的文本

包起来

特色图片可能是博客上最重要的媒体文件类型。因此,外观漂亮至关重要。拥有精美的照片或生成良好的计算机图像是必不可少的,但您应尽其所能,尽其所能.

幸运的是,您不必成为开发人员,也不必完全了解WordPress如何处理图像. 您只需要一个简单的插件或代码段,即可帮助您设置新的特色图片;我们希望本指南可以帮助您.

此条目发布在WordPress中。收藏永久链接.
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map