导读:建站技术建站技术wordpress更新到4.4 版本后增加了 Post Embed 功能，可以把要引用的文章以嵌入式卡片展现出来，不过样式比较单一，并且只能直接输入网址调用，这技术网站信息技术网站。
wordpress更新到4.4 版本后增加了 Post Embed 功能，可以把要引用的文章以嵌入式卡片展现出来，不过样式比较单一，并且只能直接输入网址调用，这里给wordpress添加一个短代码调用功能，直接使用短代码就可以添加卡片式内链并且美化原始的效果。
WordPress文章添加卡片式内链
首先我们来看看默认的效果和美化之后的效果：
默认效果：
美化后效果：
Wordpress教程
利用短代码给WordPress文章添加卡片式内链教程美化版
wordpress更新到4.4 版本后增加了 Post Embed 功能，可以把要引用的文章以嵌入式卡片展现出来，不过样式比较单一，并且只能直接输入网址调用，这里给wordpress添加一个短代码调用...
时间:2018/6/25
阅读:8.82K
阅读全文
在折腾之前希望大家保存源文件，新手请耐心看教程。
首先需要将如下代码放入你主题的函数模板里（functions.php）
/**
* 卡片式文章内链功能
* https://www.mbxzb.com
*/
function yx_embed_posts( $atts, $content = null ){
extract( shortcode_atts( array(
'ids' => ''
),
$atts ) );
global $post;
$content = '';
$postids = explode(',', $ids);
$inset_posts = get_posts(array('post__in'=>$postids));
$category = get_the_category();
foreach ($inset_posts as $key => $post) {
setup_postdata( $post );
$content .= '<span class="embed-card">
<a target="_blank" href="'.get_category_link($category[0]->term_id ).'"><span class="embed-card-category">'. $category[0]->cat_name .'</span></a>
<span class="embed-card-img">
<a target="_blank" href="' . get_permalink() . '"><img alt="'. get_the_title() . '" src="'. post_thumbnail_src() .'"></a>
</span>
<span class="embed-card-info">
<a target="_blank" href="' . get_permalink() . '">
关键词标签: 建站 代码 美化版
声明: 本文由我的SEOUC技术文章主页发布于:2023-07-23 ，文章利用短代码给WordPress文章添加卡片式内链教程美主要讲述美化版,代码,建站网站建设源码以及服务器配置搭建相关技术文章。转载请保留链接: https://www.seouc.com/article/web_35728.html
