新澳门2025历史开奖记录查询表,2025今晚新澳门开奖结果,新澳门六开彩开奖结果2025年,2025澳门天天六合开彩开奖结果

最新活动:电脑PC端+手机端+微网站+自适应网页多模板选择-建站388元起价?。?!
当前位置:主页 > 网站建设 > 利用短代码给WordPress文章添加卡片式内链教程美

利用短代码给WordPress文章添加卡片式内链教程美

时间:2023-07-23 13:07:23 阅读: 文章分类: 网站建设 作者: 网站技术员

导读:建站技术建站技术wordpress更新到4.4 版本后增加了 Post Embed 功能,可以把要引用的文章以嵌入式卡片展现出来,不过样式比较单一,并且只能直接输入网址调用,这技术网站信息技术网站。

技术网站信息技术网站

wordpress更新到4.4 版本后增加了 Post Embed 功能,可以把要引用的文章以嵌入式卡片展现出来,不过样式比较单一,并且只能直接输入网址调用,这里给wordpress添加一个短代码调用功能,直接使用短代码就可以添加卡片式内链并且美化原始的效果。

WordPress文章添加卡片式内链

首先我们来看看默认的效果和美化之后的效果:

默认效果:利用短代码给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文章添加卡片式内链教程美主要讲述美化版,代码,建站网站建设源码以及服务器配置搭建相关技术文章。转载请保留链接: http://www.tngdez.cn/article/web_35728.html

    我的IDC 网站建设技术SEOUC.COM
    专注网站建设,SEO优化,小程序设计制作搭建开发定制网站等,数千家网站定制开发案例,网站推广技术服务。
  • 5000+合作客服
  • 8年从业经验
  • 150+覆盖行业
  • 最新热门源码技术文章