Usongeza njani isitayile sekhadi lenqaku kwiWordPress?Faka i-shortcode kwifomu yekhadi lenqaku

WordPressIndlela yokuphucula amakhonkco angaphakathi kwiwebhusayithi?

Yenza iiShortcodes kunye namaNqaku eThumbnail kunye namaQhosha oMhleli

Ukwenziwa kwekhonkco langaphakathi leWebhusayithi, kwiseoAmakhonkco ahlala ebaluleke kakhulu, kwaye ulwakhiwo olulungileyo lwekhonkco lunenzuzo kakhulu kwi-SEO.

Ukuba inqaku langoku linxulumene namanye amanqaku, yongeza ngokuzenzekelayo ikhonkco kwiphepha:

• iyakwandisa kakhulu inani kunye nobunzulu bokukhasa ngezigcawu ze-injini yokukhangela,
• ukunceda ukwandisa inani leerekhodi,
• Kwaye ubunzima bamagama angundoqo ombhalo we-anchor.

Ukuba amanye amanqaku amadala ahlaziyiwe, ungayalela izigcawu ze-injini yokukhangela ukuba zigaqe kwakhona kwaye zibonise umxholo wohlaziyo lwamanqaku amadala ngokongeza amakhonkco angaphakathi kumanqaku amatsha.

• Indlela eqhelekileyo yokudibanisa kwangaphakathi ikhonkco lokubhaliweyo, isakhiwo sayo sisicatshulwa se-anchor .
• Kodwa ukuze siphucule amava omsebenzisi, sinokuphucula ngakumbi amakhonkco enqaku kwiphepha langaphakathi.

xa ufundaChen WeiliangXa ubhloga, unokufumanisa ukuba ifom yekhadi lenqaku ifakwe ngolu hlobo, kunye nenqaku le-thumbnail eliqulethe isishwankathelo somxholo wenqaku, umzekelo:

Ungasifaka njani isicelo senombolo yeselula yaseHong Kong?Inombolo yefowuni yeselula yaseHong Kong ukufumana ikhowudi yokuqinisekisa yeSMS

eSender Ikhowudi yesaphulelo yenombolo yefowuni yaseHong Kong: DM6888 Ndingayithenga phi inombolo yefowuni ephathwayo yaseHong Kong?Ikhadi lokufowuna laseHong Kong licetyiswa ngumqhubi wenyani eSender Yinkonzo yenombolo yeselula enenyani phantsi kweQela loLwazi lweBoyuan. IBoyuan Information iye yaseka amasebe eGuangzhou naseHong Kong, eTshayina,...

XNUMX. Yongeza i-shortcode yesitayile senqaku elungisiweyo

Isiqendu 1:Yongeza ikhowudi ye-PHP

Yongeza le khowudi ilandelayo kwifayile yakho yeWP yemisebenzi.php:

/**
* 加入内部文章缩略图 By 陈沩亮
* 文章地址：https://www.chenweiliang.com/cwl-638.html
**/
function cwl_insert_posts( $atts, $content = null ){
extract( shortcode_atts( array(
'ids' => ''
),
$atts ) );
global $post;
$content = '';
$postids = explode(',', $ids);
$inset_posts = get_posts(array('post__in'=>$postids));
foreach ($inset_posts as $key => $post) {
setup_postdata( $post );
$content .= '<div class="jiawen"><div class="fl"><a target="_blank" href="' . get_permalink() . '" class="fl"><i class="sui sui-link sui-fw"></i>';
$content .= get_the_title();
$content .= '</a><p class="note"><a target="_blank" rel="nofollow" href="' . get_permalink() . '">';
$content .= mb_strimwidth(strip_tags(apply_filters('post_content', $post->post_content)), 0, 180, '...');
$content .= '</a></p></div><div class="fr"><a target="_blank" rel="nofollow" href="' . get_permalink() . '"><img src=';
$content .= cwl_thumbnail_src();
$content .= ' class="jiawen-thumb" alt="' . get_the_title() . '" title="' . get_the_title() . '"></a></div></div>';
}
wp_reset_postdata();
return $content;
}
add_shortcode('jiawen', 'cwl_insert_posts');

// 加入内部文章缩略图
function cwl_thumbnail_src() {
global $post;
if ( get_post_meta($post->ID, 'thumbnail', true) ) { //如有缩略图，就显示缩略图
$image = get_post_meta($post->ID, 'thumbnail', true);
return $image;
} else {
if ( has_post_thumbnail() ) { //如有缩略图，就显示缩略图
$img_src = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), "Full");
return $img_src[0];
} else {
$content = $post->post_content;
preg_match_all('/<img.*?(?: |\\t|\\r|\\n)?src=[\'"]?(.+?)[\'"]?(?:(?: |\\t|\\r|\\n)+.*?)?>/sim', $content, $strResult, PREG_PATTERN_ORDER);
$n = count($strResult[1]);
if($n > 0){
return $strResult[1][0]; //若无缩略图，就调用文中第一张图片作缩略图
}else {
$random = mt_rand(1, 20);
return get_template_directory_uri().'/img/random/'. $random .'.jpg'; //文章中若无图片，就随机读取在 random 文件夹内的图片作缩略图
}
}
}
}

Ukuba i-hyperlink icon ayibonakali, kufuneka ubuyisele okungasentlaCSSKule nto fa fa-link fa-fw, ukuya sui sui-link sui-fw

• Nceda ujonge umxholo wakho weWP, ngaba kukho i/img/random/ ifolda?
• (ukuba akunjalo, nceda udale)
• Emva koko kwifayile engaqhelekanga, yongeza imifanekiso engama-20 yejpg.

Imifanekiso ithiywe ukusuka ku-1 ukuya ku-20:

• 1.jpg
• 2.jpg
• ... (kwaye nangokunjalo)
• 20.jpg

Isiqendu 2:Yongeza ikhowudi yeCSS

Yongeza le khowudi ilandelayo kwifayile yakho ye-WP style.css:

/*加入内部文章CSS*/
.fl{float:left;}
.fr{float:right;}
.jiawen{margin-bottom:25px;padding:10px;width:100%;height:100%;border:1px solid #e8e8e8;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.1);cursor:pointer;-webkit-transition:box-shadow 218ms;-moz-transition:box-shadow 218ms;-o-transition:box-shadow 218ms;transition:box-shadow 218ms;overflow:hidden;}
.jiawen:hover{box-shadow:0 1px 8px 1px rgba(0,0,0,.1);}
.jiawen .fl{width:72%;}
.jiawen .fr{padding:10px 5px;width:24%;}
.jiawen .fl a{display:block;margin-right:15px;padding:8px 0;width:100%;height: 100%;color:#8463a9!important;text-decoration:none;font-size:16px;border:none;overflow: hidden;}
.jiawen .fl .note{margin:0 0 5px;padding-left:10px;height:150px;color:#888;font-size:14px;}
.jiawen .jiawen-thumb{width:170px;height:120px;margin-top: 10px;}
@media only screen and (max-width: 700px){.jiawen .jiawen-thumb {width: auto;height: auto;}}

XNUMX. Biza ikhowudi emfutshane kwimo yekhadi lenqaku elilungisiweyo (ikhowudi emfutshane)

Ungangenisa ii-shortcodes ngqo kwi-"Visual" okanye "Text" interface yomhleli wenqaku 【jiawen ids =postID1,postID2 ...】 ifowuni yokufomatha.

Umzekelo, ukuba ndifuna ukubonisa amanqaku a-3 adibeneyo ngaphakathi, ndifaka nje i-shortcode:

• 【jiawen ids=526,380,411】
• Ukuba ufaka ngaphezulu kwe-ID yenqaku le-5, amanqaku ama-5 kuphela aya kuboniswa kakhulu
• Eli nqaku lisetyenziswa ukunqanda ukubaleka indlela ezimfutshane []
• Xa usebenzisa i-shortcode, nceda utshintshe [] ukuya ku []

Isiphumo simi ngolu hlobo lulandelayo ▼

Iphumelele njani ingxelo kaMi Meng kawonke wonke kwaye kutheni ithandwa kangaka?

Iphumelele njani iakhawunti esemthethweni kaMimi Meng? Kutheni ithandwa kangaka nje? Kukho amandla aqhuba unobangela! Ukusukela oko uMi Meng waqala ukubhala ii-akhawunti zikawonke-wonke ze-WeChat nge-2012 kaSeptemba, 9, wafumana abalandeli abangama-15 kwiinyanga nje ezimbini, egqithisa ngoko nangoko impumelelo yabantu abaninzi, nto leyo eyenza abantu abaninzi banomdla kakhulu.

Ootitshala abane kunye nabafundi bakaTang Seng baxoxe ngabafowunelwa beWeChat, kwaye intetho kaSun Wukong indenze ndaziva ndikhululekile.

UTang Sanzang nabafundi bakhe abane baxoxa ngothungelwano lwabahlobo be-WeChat bandenza ndakhanyiselwa ngesiquphe Intshayelelo: Ukhe wambona uTang Sanzang, uSun Wukong, uZhu Bajie noSha Wujing bexoxa ngenethiwekhi yabahlobo be-WeChat. Haha, bendingalindelanga ukuba intetho ka-Sun Wukong ingandenza ndikhanyiselwe ngequbuliso...

Uhlalutyo lweempawu zengqondo zokufunda kwabasebenzisi kwixesha elitsha leendaba: ukuba uyazi kakuhle ezi 7, uya kufumana.

Uhlalutyo lweempawu zengqondo zokufunda komsebenzisi kwixesha elitsha leendaba: Ukuba uyazi kakuhle ezi 7, uya kwenza imali Intshayelelo Ukuba sifuna ukuphumelela ekuqhubeni i-akhawunti kawonkewonke ye-WeChat, kufuneka sifunde ubume bomntu, sihlalutye i-psychology yokufunda komsebenzisi, kwaye siqonde ukuziphatha kokufunda komsebenzisi kuphela.

Ukuba awusebenzisi i-shortcode kumhleli we-WordPress kwaye ufuna ukuyibiza kwenye indawo, ungayibiza ngekhowudi elandelayo:

do_shortcode（'[neilian ids ids = postID1，postID2]'）

XNUMX. Yongeza iqhosha lomhleli

Ukuba ufuna ukufaka ngesandla i-shortcode rhoqo, ivakala inzima kakhulu, kufuneka ndenze ntoni?

Amandla e-WordPress kukuba ivumela ukuba senze lula izinto ezinzima ^ _ ^

1) Yongeza iqhosha lokubhaliweyo lomhleli

I-WordPress inomhleli owakhelwe ngaphakathi we-TinyMCE ngokungagqibekanga.Sinokongeza amaqhosha amfutshane kujongano lombhalo womhleli we-TinyMCE.

Inyathelo 3:Yongeza ikhowudi yeqhosha elinqumlayo

• Nceda wongeze ikhowudi ngqo kwifayile yemisebenzi.php ▼

//加入内部文章，TinyMCE 编辑器文本按钮
add_action('after_wp_tiny_mce', 'add_button_mce');
function add_button_mce($mce_settings) {
?>
<script type="text/javascript">
 QTags.addButton( 'jw', '加入内部文章', '', '');
 </script>
<?php
}

Izilumkiso

Ukuba wongeze enye ikhowudi yomhleli ukwenza ngokwezifiso amaqhosha amfutshane, nje<script type="text/javascript"> Ngezantsi, yongeza le khowudi ilandelayo ▼

QTags.addButton( 'jw', '加入内部文章', '', '');

Kungenjalo iya konakala.

2) Yongeza iqhosha lokubonwa komhleli

Xa sihlela amanqaku e-WordPress, ujongano olungagqibekanga luhlala lubonwa.

Ke, kungcono ukongeza iqhosha kumhleli obonakalayo ngokunjalo.

• Ngelixa lo msebenzi unokuphunyezwa ngekhowudi, inzima kancinane kwiintsana ezininzi.
• Kuyinkathazo kwiingcali, kuba kuyimfuneko ukongeza ikhowudi ye-JS kumxholo, kwaye ukuba utshintsha umxholo, kufuneka udibanise kwakhona, kwaye amanyathelo anzima kakhulu.

Isiqendu 4:Faka kwaye uvule ii-plugins

• Chen WeiliangIiplagi ziyacetyiswa:Amaqhosha eSiko loMhleli obonakalayo

Emva kokuba ufakelo lugqityiwe, phantsi kwebar yemenyu ekhohlo, amaQhosha eSiko loMhleli oMbonwayo anophawu lwegiya ayakuvela ▼

Isiqendu 5:Cofa Yongeza Entsha

• Yenza iqhosha lesiko, naliphi na igama.
• Umzekelo: ukongeza amanqaku angaphakathi 

Kufuneka ulandele lo mfanekiso ungezantsi ukuseta ▼

Isiqendu 6: Iqhosha loMxholo ukhetho

• Khetha uKhetho lokusonga.

Isiqendu 7: Ngaphambi kokuseta

• Gcwalisa i-shortcode

Inyathelo 8:Bonisa kwiisethingi zoMhleli

• Ungajonga umhleli obonakalayo okanye umboniso wamaqhosha oMhleli weSibhalo.
• Qaphela ukuba ukuba uMhleli wokubhaliweyo ukhangelwe, ungatsiba "Yongeza ikhowudi yeqhosha elinqumlayo" ngasentla, kungenjalo iya kuphindwa.

Inyathelo 9:Iinketho zoMfanekiso weqhosha

• Kwimenyu ehlayo yeenketho, khetha i icon yefreyimu.

Inyathelo 10:Uvavanyo

• Ekugqibeleni, kuxhomekeke kuwe ukuba uvavanye umphumo ngokwakho ^_^
• Ukuba la manyathelo angentla achanekile, uya kulibona iqhosha njengoko libonisiwe ngezantsi kujongano olubonakalayo lomhleli ▼