當(dāng)前位置：主頁 > 網(wǎng)站建設(shè) > 利用短代碼給WordPress文章添加卡片式內(nèi)鏈教程美

利用短代碼給WordPress文章添加卡片式內(nèi)鏈教程美

時間:2023-07-23 13:07:23 閱讀: 文章分類: 網(wǎng)站建設(shè) 作者: 網(wǎng)站技術(shù)員

導(dǎo)讀:建站技術(shù)建站技術(shù)wordpress更新到4.4 版本后增加了 Post Embed 功能，可以把要引用的文章以嵌入式卡片展現(xiàn)出來，不過樣式比較單一，并且只能直接輸入網(wǎng)址調(diào)用，這技術(shù)網(wǎng)站信息技術(shù)網(wǎng)站。

技術(shù)網(wǎng)站信息技術(shù)網(wǎng)站

wordpress更新到4.4 版本后增加了 Post Embed 功能，可以把要引用的文章以嵌入式卡片展現(xiàn)出來，不過樣式比較單一，并且只能直接輸入網(wǎng)址調(diào)用，這里給wordpress添加一個短代碼調(diào)用功能，直接使用短代碼就可以添加卡片式內(nèi)鏈并且美化原始的效果。

WordPress文章添加卡片式內(nèi)鏈

首先我們來看看默認(rèn)的效果和美化之后的效果：

默認(rèn)效果：利用短代碼給WordPress文章添加卡片式內(nèi)鏈教程美化版

美化后效果： Wordpress教程利用短代碼給WordPress文章添加卡片式內(nèi)鏈教程美化版 wordpress更新到4.4 版本后增加了 Post Embed 功能，可以把要引用的文章以嵌入式卡片展現(xiàn)出來，不過樣式比較單一，并且只能直接輸入網(wǎng)址調(diào)用，這里給wordpress添加一個短代碼調(diào)用... 時間:2018/6/25 閱讀:8.82K 閱讀全文

在折騰之前希望大家保存源文件，新手請耐心看教程。

首先需要將如下代碼放入你主題的函數(shù)模板里（functions.php）

/**

*?卡片式文章內(nèi)鏈功能

*?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()?.?'">

關(guān)鍵詞標(biāo)簽: 建站代碼美化版

聲明: 本文由我的SEOUC技術(shù)文章主頁發(fā)布于:2023-07-23 ，文章利用短代碼給WordPress文章添加卡片式內(nèi)鏈教程美主要講述美化版,代碼,建站網(wǎng)站建設(shè)源碼以及服務(wù)器配置搭建相關(guān)技術(shù)文章。轉(zhuǎn)載請保留鏈接: http://www.bifwcx.com/article/web_35728.html