也想出现在这里?联系我们

WordPress自定义字段实现外链缩略图

2024.01.15 wordpress教程
  • 文章介绍
  • 升级版本
  • 评价&建议

要在WordPress中使用自定义字段实现外链缩略图,你可以按照以下步骤进行操作:

  1. 登录WordPress后台:首先,请登录到你的WordPress网站的后台管理界面。

  2. 编辑文章或页面:选择你想要添加外链缩略图的文章或页面,并进入编辑模式。

  3. 添加自定义字段:在文章编辑界面的右上角,你会找到一个名为“自定义字段”或“自定义字段”(Custom Fields)的选项。点击它以展开自定义字段区域。

  4. 创建一个自定义字段:在自定义字段区域,你需要创建一个新的自定义字段。通常,你需要两个字段:一个用于存储外链图片的URL,另一个用于存储缩略图的URL。

    外链图片URL字段:在“名称”列中,输入一个名称,例如“外链图片”,然后在“值”列中输入外链图片的URL。确保URL正确并以http://或https://开头。

    缩略图URL字段:在同一个自定义字段区域中,再创建一个自定义字段,例如“缩略图”,并在“值”列中输入缩略图的URL。

  5. 保存文章:在添加了自定义字段后,确保保存文章或页面。

  6. 在主题中显示自定义字段:要在你的主题中显示这些自定义字段,你需要编辑你的主题文件(通常是single.php或page.php),并在文章循环中添加代码来获取和显示这些字段的值。以下是一个示例代码:

<?php
$external_image_url = get_post_meta(get_the_ID(), '外链图片', true); // 获取外链图片URL
$thumbnail_url = get_post_meta(get_the_ID(), '缩略图', true); // 获取缩略图URL

if (!empty($external_image_url)) {
    echo '<img src="' . esc_url($external_image_url) . '" alt="外链图片" />';
}

if (!empty($thumbnail_url)) {
    echo '<img src="' . esc_url($thumbnail_url) . '" alt="缩略图" />';
}
?>

将上述代码插入到你的主题文件中适当的位置,以显示外链图片和缩略图。这将根据你的文章或页面的自定义字段值来显示这些图像。

  1. 保存主题文件:在编辑主题文件后,确保保存更改。

现在,你的WordPress文章或页面应该能够显示外链缩略图,前提是你在自定义字段中正确地输入了相关URL。确保备份你的网站和主题文件,以防不必要的问题。如果你不熟悉主题文件的编辑,请谨慎操作或寻求专业的WordPress开发帮助。

有用0
  • 2024.01.15初次和大家见面了!

等待您对该主题的建议

发表评论

还能输入240个字

Hi, 欢迎加入Wordpress技术交流群,带你装逼带你飞!

我要入群
也想出现在这里?联系我们
wordpress加速

我来推荐一个更牛逼的给你看看?

  • 猛戳我吧