思路:
1、要有一个确定图片地址的方法:文章中的第一张图片,或者使用自定义栏目增加一个自定义值。
2、在前台调用确定好的图片:采用函数的方法还是直接调用图片。
实现如下:
前提:
任何调用最好都是在LOOP循环中,这样可以轻松的使用$post值。
1、调用文章中的第一张图片:使用$post->post_content获得文章内容,然后用匹配的方法得到第一张图片的src值。
preg_match('/<img.+src=[\'\"]([^\'\"]+)[\'\"].* \/>/i',$post->post_content,$index_piclink); if(count($index_piclink) >= 2)$image_src = $index_piclink[1]; if(!strstr($image_src,'http://'))$image_src = false;
2、调用一个自定义栏目:在写文章的时候,增加一个名词为post_thumb的自定义栏目,然后将图片的地址作为值建立它。如meta_key:post_thumb,meta_value:http://www.utubon.com/images/logo.png
,然后通过以下的方法调用它:
$image_src = get_post_meta($post->ID,'post_thumb',true); $image_src = trim($image_src) !== '' ? trim($image_src) : false;
3、在文章循环中使用它们
if($image_src)echo '<img src="'.$image_src.'" />';
4、把他们做成函数
function get_thumb_src($size = 'thumbnail',$first_pic_in_ctonte = true){ global $post; $image_src = ''; if(function_exists('has_post_thumbnail') && has_post_thumbnail()){ $image_id = get_post_thumbnail_id(); $image_src = wp_get_attachment_image_src($image_id,$size); $image_src = $image_src[0]; }else{ $image_src = get_post_meta($post->ID,'post_thumb',$single=true); if(!$image_src && $first_pic_in_ctonte){ preg_match('/<img.+src=[\'\"]([^\'\"]+)[\'\"].* \/>/i',$post->post_content,$index_piclink); if(count($index_piclink) >= 2)$image_src = $index_piclink[1]; if(!strstr($image_src,'http://'))$image_src =false; } } return $image_src; } function the_thumb_src($size = 'thumbnail',$first_pic_in_ctonte = true){ echo get_thumb_src($size,$first_pic_in_ctonte); }
这个函数(把它放在functions.php中)实现了对文章缩略图的挑选,如果已经有特色图片,则使用特色图片,如果没有就检查post_thumb自定义栏目,如果也没有就使用文章第一张图片,如果文章没有图片,就返回false值。在使用时如下:
if(get_thumb_src())the_thumb_src();
推荐教程:wordpress教程
以上是wordpress怎么使用外链图片作为文章缩略图的详细内容。更多信息请关注PHP中文网其他相关文章!

是的,wordpressisisexcellentforcortingaportfoliowebsite.1)itoffersnumeroversnumeroverportfolio-spificthemeslike'astra'astra'astra'astra'astra'astra'astra'astra'astra'elementor'Enelementor'enableIntiviveSiveSign,Thoughtemanycanslowthesite.3)

WordPressisadvantageousovercodingawebsitefromscratchdueto:1)easeofuseandfasterdevelopment,2)flexibilityandscalability,3)strongcommunitysupport,4)built-inSEOandmarketingtools,5)cost-effectiveness,and6)regularsecurityupdates.Thesefeaturesallowforquicke

WordPressIsAcmsDuetoItseAsofuse,自定义,USERMANAMECTION,SEO和COMMUNITYSUPPORT.1)ITSIMPLIFIESCONTENTMANGAMEWITHANINTUISIDERFEEFFECE.2)提供extentensiveCustomizationThroughThroughTheMesandPlugins.3)supportrobustuserrolesandplugins.4)supportrobustuserrolesandpermissions.4)增强

在 WordPress 网站上启用评论功能,可以为访客提供参与讨论和分享反馈的平台。为此,请按照以下步骤操作:启用评论:在仪表盘中,导航至“设置”>“讨论”,并选中“允许评论”复选框。创建评论表单:在编辑器中,单击“添加块”并搜索“评论”块,将其添加到内容中。自定义评论表单:通过设置标题、标签、占位符和按钮文本来定制评论块。保存更改:单击“更新”以保存评论框并将其添加到页面或文章中。

如何复制 WordPress 子站?步骤:在主站创建子站。在主站克隆子站。将克隆导入目标位置。更新域名(可选)。分开插件和主题。

在WordPress中创建自定义页头的步骤如下:编辑主题文件“header.php”。添加您的网站名称和描述。创建导航菜单。添加搜索栏。保存更改并查看您的自定义页头。

WordPress 网站中启用评论功能:1. 登录管理面板,转到 "设置"-"讨论",勾选 "允许评论";2. 选择显示评论的位置;3. 自定义评论表单;4. 管理评论,批准、拒绝或删除;5. 使用 <?php comments_template(); ?> 标签显示评论;6. 启用嵌套评论;7. 调整评论外形;8. 使用插件和验证码防止垃圾评论;9. 鼓励用户使用 Gravatar 头像;10. 创建评论指

可以通过 WordPress 安装 FTP 插件,配置 FTP 连接,然后使用文件管理器上传源码。步骤包括:安装 FTP 插件、配置连接、浏览上传位置、上传文件、检查上传成功。


热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

热工具

VSCode Windows 64位 下载
微软推出的免费、功能强大的一款IDE编辑器

MinGW - 适用于 Windows 的极简 GNU
这个项目正在迁移到osdn.net/projects/mingw的过程中,你可以继续在那里关注我们。MinGW:GNU编译器集合(GCC)的本地Windows移植版本,可自由分发的导入库和用于构建本地Windows应用程序的头文件;包括对MSVC运行时的扩展,以支持C99功能。MinGW的所有软件都可以在64位Windows平台上运行。

EditPlus 中文破解版
体积小,语法高亮,不支持代码提示功能

适用于 Eclipse 的 SAP NetWeaver 服务器适配器
将Eclipse与SAP NetWeaver应用服务器集成。

Dreamweaver Mac版
视觉化网页开发工具