文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

一文详解 WordPress 文章特色图片或缩略图功能

从 WordPress 2.9 开始，WordPress 开始内置了文章缩略图的功能，后面又把名称改为特色图片（Featured Image），这里为了统计叫法，还是使用文章缩略图的名称，并且 WordPrss...今天就讲解一下如何使用开启，自定义和使用文章缩略图。...开启文章缩略图功能 要使用文章缩略图功能，首先需要通过函数 add_theme_support() 来开启，具体是在当前 WordPress 主题的 functions.php 文件中添加以下代码： add_theme_support...比如上图中，我就首先定义从标签缩略图中获取，如果没有，再从第一张图片，最后从分类缩略图中获取。 关于 WPJAM Basic 的缩略图设置更详细设置请点击这里。...get_the_post_thumbnail()：获取文章缩略图而不是输出它 有时候，我们可能在 PHP 代码中返回文章缩略图，而不是输出它，可以使用下面简单的代码： $image = get_the_post_thumbnail

2.3K10
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    WordPress获取缩略图thumbnail调取最佳策略实践

    给WordPress新站改模板调用分类缩略图时遇到了一个问题， 有个模块要调用缩略图显示，如下图:图片但是在如何获取分类文章循环输出头疼了一天之后，循环出来之后又为缩略图调取方式头疼。...最开始的策略（别人写好策略）的直接获取文章的特色图片，而我因为模板的原因,基本上习惯了不特殊设置特色图片，因为Grace可以自动获取第一张图片做特色图 图片 。所以这种方法调用。图基本都是挂掉的。...WordPress获取缩略图thumbnail调取最佳策略实践----首先优先级第一肯定是文章特色图片，如果没有设置特色图片，那么就调取文章里第一张图片来当缩略图，如果文章内也没有图的话，就直接调用主题设置好的默认缩略图...图片参考代码:代码参考下边的文章:wordpress 缩略图功能函数 the_post_thumbnailWordPress获取文章缩略图函数：get_the_post_thumbnail下边是我的。...>" />图片functions.php代码/* * WordPress获取缩略图thumbnail调取最佳策略实践 文章:https://www.zuanmang.net/5288.html

    2.4K20

    在Genesis主题中手动添加WordPress相关文章

    “相关文章（Related posts ）” 或者叫“你可能还感兴趣的文章”，是WordPress中呼声最高的需求之一。许多博客，新闻网站和企业网站都有这个需求。有很多第三方插件都可以提供这个的功能。...甚至Automattic，WordPress背后的公司，也有一个插件JetPack提供此功能。 唯一的问题是，大多数插件都太臃肿了，包含太多我不需要的东西。带来了很多累赘。...我们在这里实现的效果是以网格形式显示三篇相关文章，包括文章特色图像、标题和最多20个单词的摘录，并且允许你自己选择要显示的文章。通过这种方式，你可以更好地控制与某篇文章相关的内容。...所以，让我们开始吧 第一步：使用ACF创建自定义字段 首先，我们需要创建所需的自定义字段，以帮助我们获取所需的数据，即关系字段类型。请按照下图进行正确设置。...IMPORTANT) echo ''; echo 'ID ) . '">' . get_the_post_thumbnail

    1.9K30

    【译】WordPress 中的50个过滤器(4)：第21-30个过滤器

    设置上传图片的压缩率 默认的，WordPress 会对上传到多媒体的图片进行压缩，通过wp_editor_set_quality这个过滤器，你可以修改压缩率或者禁止这个压缩功能。...例子：禁止WordPress 压缩图片 <?...> 过滤feed 中的文本内容 正如过滤文章的文本内容是通过the_content函数，你可以过滤feed的文本内容，相关函数是the_content_feed。...> 修改下拉列表的图片尺寸 如果你打算插入张图片在你的文章中，你需要提前确定图片的尺寸。下面的例子的过滤器允许我们添加自定义的图片尺寸（通过函数提前产生）到可选择的下拉列表中。...manage_posts_columns函数允许我们通过动作机制隐藏或增加文章。

    1.6K90

    WordPress主题开发，从入门到精通。

    / 官方开发文档：https://developer.wordpress.org/themes/basics/theme-functions/ 主题相关 1.如何为不同分类的页面显示不同的模板。...主题可用函数 带s的方法一般是钩子函数的包装器，可以直接传入函数作为钩子； 1.add_theme_support WordPress 默认隐藏了很多功能，我们可以通过 add_theme_support...'=>"后",'post'=>1]); 指定相关属性输出标题 get_the_title，获取文章标题 the_guid，文章的GUID get_the_guid，获取文章的GUID the_content...update_option 更新WP设置选项 delete_option，从 WordPress 选项数据表中安全删除“选项/值”对的方法。...wp_enqueue_media加载前端所需的调用媒体中心的代码 wp.media({ title: '选择或上传图片', // 窗口标题 button: { text: '选择', /

    12.5K40

    一个函数就搞定 WordPress 后台文章列表栏目开发

    有些小伙伴对此深表怀疑，嘿嘿，没关系，下面我们通过一个专题，给大家讲解如何使用 WPJAM Basic 进行快速二次开发，让你也能一个晚上搞定后台界面的开发。...第三讲：一个函数就搞定 WordPress 后台文章列表栏目开发 WordPress 后台文章列表栏目是指在 WordPress 后台文章列表页面，给文章列表表格添加一些栏目来显示数据，比如文章的浏览数...我们继续使用一个函数就搞定 WordPress 设置页面开发里面创建的「WPJAM SEO」插件来演示，怎么在文章列表栏目显示设置的 SEO 标题，关键字和描述。...wpjam_register_posts_column 这个就是标题中说的那个牛逼的函数，是的，我们只用了 wpjam_register_posts_column 这一个函数就在 WordPress 后台搞定文章列表栏目开发...column_callback：定义怎么获取数据，如果不定义这个参数，则直接从 post meta 获取数据。。

    48410

    大胆尝试 | 不懂php用ai-kimi花2小时写一个wordpress网站的采集微信文章的插件

    修改文章采集功能代码在`article-collector.php`文件中的`article_collector_page`函数中，对获取的文章内容进行解析，提取正确的标题和正文内容，并处理文章中的图片资源...下面是更新后的完整代码，包括了从$html中获取标题、正文内容和图片，并上传到WordPress媒体库的部分：“`phpfunction collect_and_publish_article($html...) {// 通过xpath获取标题和正文内容$title_xpath = "//h1"; // 填写标题的xpath路径$content_xpath = "//*[@id=”js_content”]";...;}}“`现在，这个函数可以从$html中采集标题、正文内容和图片，并将内容发布到WordPress中。如果您有任何其他问题或需要进一步帮助，请告诉我。...总结（以下内容来自AI助手Kimi）：文章的主要内容包括：需求定义：作者首先明确了自己的需求，即创建一个WordPress插件，能够通过输入目标微信公众号文章的链接，采集文章的标题、正文内容和图片，并上传到自己的

    1.7K10

    WordPress SEO 宝典：让你的博客流量增长10倍

    WordPress 博客中怎么进行一些最基本的 SEO 操作： 文章目录[隐藏] 内容为王 页面优化 标题 链接（URL） Meta 标签 语义化 H1 H2 H3 等标签的使用 图片优化 链接建设...向搜索引擎主动提交 Sitemap 站内链接优化 获取反向链接 WordPress SEO 总结 简单来说 SEO 分为页面优化和链接建设两大部分，页面优化是基础，而链接建设则是重点，两者缺一不可。...如果你在首页或者其他分类这样的列表页中输出了全文，你可以使用动态修改 WordPress Heading 标签这个技巧来使得标签更加语义化。...获取反向链接 从外部链接到你的网站的链接，称为“反向链接”，反向链接是搜索引擎衡量网站质量的重要依据，是SEO工作的重点，如何增加反向链接？ 提供高质量的原创内容，自然能得到大量的反向链接。...提供免费的服务和产品，比如提供免费的 WordPress 主题给人下载，用的人越多，你获取的链接越多。

    1.3K20

    微信机器人详细介绍：自定义回复

    自定义回复 前面一章，我们已经演示如何添加文本类型的自定义回复： 微信公众号支持“文本”，“图片”，“语音”，“视频”，“音乐”和“图文”这6种类型的被动回复。...自定义图文：按照要求输入标题，摘要，图片链接，链接； 文章图文：请输入单篇文章ID。 素材图文：请输入素材图文的 Media ID，Media ID 从素材管理获取。...图片：请输入图片的 Media ID，Media ID 从素材管理获取。 语音：请输入语音的 Media ID，Media ID 从素材管理获取。...音乐：请输入音乐的标题，描述，链接，高清连接，缩略图的 Media ID，每个一行，Media ID 从素材管理获取。 转到第三方：请选择相应的第三方。...其他图片，语音，音乐回复需要 Media ID，都可以通过这方式获取。

    1.4K20

    让WordPress RSSFeed订阅数据延迟发布，附RSS技巧集锦

    想了想如何解决，对于一览的合作采集，对博客增加外链还是不错的，所以直接禁止 feed 的做法是不合理的，而且我博客也有少数邮箱订阅用户。...下面附加分享一些我搜集自网络的其它 RSS 技巧： 二、添加全文链接 这个方法适合在 WordPress 阅读设置中设置了 Feed 仅输出摘要内容的情况： 此时可以在 functions.php 里面加上如下代码...target="_blank">查看全文'; } add_filter ('the_excerpt_rss', 'feed_read_more'); 三、添加文章版权 这个方法适合在 WordPress...四、输出特色图片 //Feed 输出文章特色图像（缩略图） function rss_post_thumbnail($content) { global $post; //查询全局文章 if(has_post_thumbnail...($post->ID)) { //如果有特色图像 $output = get_the_post_thumbnail($post->ID) ; //获取缩略图 $content = $output

    1.4K50

    使用 Dify 和 Moonshot API 构建你的 AI 工作流（一）：让不 AI 的应用 AI 化

    /wordpress:/var/www/html完整的验证环境当然，为了更简单一些，我将文章相关的代码和配置都开源到了 soulteary/dify-with-wordpress，你可以在项目中获取所有的代码...“content” 的变量，在随后的真实模型调用中，我们可以在 API 的请求参数中动态的调整这个数据内容，来让它解决不同的文章的标题生成任务。...制作 WordPress 标题生成插件在 Dify 配置的 AI 应用页面中，我们点击“发布”按钮，在下拉菜单中选择“访问 API”，我们就能得到如何通过 API 访问配置好的 AI 应用的文档说明了。...而让 WordPress 能够在我们的文章有内容，没有标题的时候，调用上面的函数，就更简单了（借助 WordPress 定制能力中的 hooks/the_post）：// 当文章发布或更新时，如果标题为空...打开机器之心的文章，复制一部分用于标题生成的文本内容。当然，你也可以自己写一些内容，替换我们直接从网上找的测试验证内容。

    9K82

    开发 | 无需后端编码，手把手教你把 WordPress 做成小程序

    关注「知晓程序」公众号，在微信后台回复「开发」，获取小程序开发技巧精选文章。 小程序如何读取 WordPress 博客内容？ WordPress 在 4.6 版本推出了 REST API。...微信小程序通过 REST API，可以获取到 WordPress 网站上的数据。对数据进行处理后，通过前端代码渲染，就是你在微信客户端上看到的界面。...index.js 文件的核心，是通过 wx.request 接口，访问上面的 API URL 获取到文章数据，再 setData 进行渲染。 ? 我将这些代码封装在函数中，方便后续重复调用。...因为我需要将文章 ID 与标题保存，而只有 single.js，才会同时获取这两种数据。 ? 最后，我还需要在 log.js 的 onShow 生命周期函数中，绑定一个更新数据的函数： ?...这种图片路径，在微信 web 开发者工具也能正常显示。但是，在真机上就不能正常加载了。在真机上必须是 HTTPS 开头的绝对路径。 服务端数据侧不好处理的话，可以通过下面的函数处理： ? 4.

    2.4K30

    WordPress微信QQ分享插件 – 让你的网站在微信和QQ中完美展示

    当用户在微信或QQ中分享你的WordPress网站链接时，你是否遇到过以下问题：分享后只显示链接，没有标题和描述？分享图片显示错误或模糊不清？分享内容与页面实际内容不符？...第三步：填写插件配置登录WordPress后台进入“设置”→“微信/QQ分享”在“基本配置”选项卡中填写以下信息：启用插件：勾选以启用分享功能配置类型：选择“微信公众号”或“微信开放平台”AppID：填写从微信平台获取的...AppIDAppSecret：填写从微信平台获取的AppSecret默认标题：设置默认分享标题（支持使用{title}变量）默认描述：设置默认分享描述（支持使用{excerpt}变量）默认图标：设置默认分享图标...access_tokenJSAPI Ticket：检查是否成功获取jsapi_ticket签名生成：检查签名是否正确生成如果所有测试都通过，说明配置成功！...使用方法默认分享行为插件启用后，会自动为所有页面添加微信/QQ分享功能：文章页面：使用文章标题、摘要和特色图片页面页面：使用页面标题、摘要和特色图片首页：使用网站名称、描述和网站图标其他页面：使用默认配置的标题

    10410

    使用 Dify 和 Moonshot API 构建你的 AI 工作流（一）：让不 AI 的应用 AI 化

    /wordpress:/var/www/html 完整的验证环境 当然，为了更简单一些，我将文章相关的代码和配置都开源到了 soulteary/dify-with-wordpress[19]，你可以在项目中获取所有的代码...，我们设置了一个名为 “content” 的变量，在随后的真实模型调用中，我们可以在 API 的请求参数中动态的调整这个数据内容，来让它解决不同的文章的标题生成任务。...制作 WordPress 标题生成插件 访问 Dify 应用 API 在 Dify 配置的 AI 应用页面中，我们点击“发布”按钮，在下拉菜单中选择“访问 API”，我们就能得到如何通过 API 访问配置好的...而让 WordPress 能够在我们的文章有内容，没有标题的时候，调用上面的函数，就更简单了（借助 WordPress 定制能力中的 hooks/the_post[21]）： // 当文章发布或更新时，...找另外一篇机器之心的文章做素材 打开机器之心的文章，复制一部分用于标题生成的文本内容。当然，你也可以自己写一些内容，替换我们直接从网上找的测试验证内容。

    5.2K11

    WordPress 教程：使用 wp_localize_script 从 PHP 传递参数给 JavaScript

    WordPress 的 wp_localize_script 函数从它名字可以看出它是用来进行前端本地化的，它的工作方式是加载翻译之后的文本，接着将它们当做一个 JavaScript 对象输出到 HTML...使用 wp_localize_script 从 PHP 传递参数给 JavaScript 但是我们使用 wp_localize_script 过程中，反而主要用来从 PHP 传递参数给 JavaScript...，下面我通过微信机器人插件来讲讲如何使用该函数从 PHP 传递参数给 JavaScript。...微信公众平台在用户分享的时候可以让用自定义标题，摘要，图片和链接，我们需要把标题，摘要，图片和链接这些参数从 PHP 传递给 JavaScript， 首先使用 wp_enqueue_script 函数加载微信.../template/static/weixin.js', array('jweixin', 'jquery') ); 然后我们可以把需要自定义的标题，摘要，图片和链接作为一个数组， $weixin_data

    3.4K20

    WordPress 网站基于REST API 开发“微信小程序”实战

    这篇文章主要记录自己在开发第一版的过程，顺便为有兴趣的你剖析如何将一个WordPress 网站借助 REST API 开发微信小程序版。本文目标受众为了解WordPress 且有初级前端知识的同学。...原理篇 WordPress 与 REST API WordPress 在4.4 版本后推出了 REST API， REST API 简单来说就是一种通过 HTTP 请求来获取、更新、删除数据的一种连接客户端与服务端的交互方式...WordPress + 小程序 微信小程序通过 REST API 获取到 WordPress 网站上的数据，然后通过一定的方式在小程序端进行数据处理后通过前端代码渲染，然后就是你在微信客户端上看到的界面...index.js 文件里面核心是通过wx.request 接口访问上面的API URL 获取到文章数据并setData 供后续数据渲染： // https://devework.com/wordpress-rest-api-weixin-weapp.html...// https://devework.com/wordpress-rest-api-weixin-weapp.html // 调用API从本地缓存中获取阅读记录并记录 var logs = wx.getStorageSync

    4.3K60

    WordPress安装后必做的18件事

    另外需要用WordPress来搭建个人网站的可以参考文档 如何搭建网站（熟悉建站流程+建站程序） WordPress如何搭建个人网站（Linux版本） WordPress如何搭建个人网站（Windows...可以从WordPress.org插件库下载免费版本WPForms免费版本。 2、更改站点标题，描述和时区 接下来，需要更改站点标题，描述和时区设置。...只需进入WordPress后台 设置 常规 页面并更改这些设置即可。 3、设置WordPress SEO SEO是搜索引擎优化的缩写，网站所有者使用它来获取来自Google和其他搜索引擎的更多流量。...这就是缓存的用武之地，它允许网站快速向用户提供页面的缓存副本，而不是动态生成。这样可以减少网站上的服务器负载并提高页面加载速度。...Gravatar是一个个人资料图片托管服务，允许用户在数百万个网站上使用与他们的个人资料图片相同的头像。

    5.2K50
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券