Mar a chuireas tu stoidhle cairt artaigil air WordPress? Cuir a-steach shortcode ann an cruth cairt artaigil

WordPressCiamar as fheàrr a dhèanamh de cheanglaichean taobh a-staigh làrach-lìn?

Cruthaich shortcodes le artaigilean mion-dhealbh & putanan neach-deasachaidh

Optimization ceangal a-staigh làrach-lìn, ann anSEOTha ceanglaichean air a bhith glè chudromach a-riamh, agus tha structar ceangail math gu math buannachdail do SEO.

Ma tha an artaigil làithreach co-cheangailte ri artaigilean eile, cuir ceangal ris an duilleag gu fèin-ghluasadach:

  • àrdaichidh e gu mòr an àireamh agus doimhneachd an snàgadh le damhain-allaidh einnsean sgrùdaidh,
  • cuideachadh gus an àireamh de chlàran a mheudachadh,
  • Agus cuideam prìomh fhaclan teacsa acair.

Ma thèid cuid de sheann artaigilean ùrachadh, faodaidh tu cuideachd iarraidh air damhain-allaidh einnseanan luirg ath-chraoladh agus clàr-amais ùrachadh susbaint nan seann artaigilean le bhith a’ cur ceanglaichean a-staigh ris na h-artaigilean ùra.

  • Is e seòrsa cumanta de cheangal a-staigh ceangal teacsa, aig a bheil structar teacsa acair .
  • Ach gus eòlas an neach-cleachdaidh a leasachadh, is urrainn dhuinn na ceanglaichean artaigil air an duilleag a-staigh a bharrachadh.

nuair a leughas tuChen WeiliangNuair a bhios tu a’ blogadh, is dòcha gu tric gum faigh thu a-mach gu bheil foirm cairt artaigil freumhaichte mar seo, le artaigil mion-dhealbh anns a bheil geàrr-chunntas air susbaint an artaigil, mar eisimpleir:

XNUMX. Cuir shortcode stoidhle cairt artaigil freumhaichte ris

第 1 步 :Cuir còd PHP ris

Cuir an còd a leanas ris an fhaidhle functions.php aig do chuspair WP:

/**
* 加入内部文章缩略图 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 文件夹内的图片作缩略图
}
}
}
}

Mura nochd an ìomhaigh hyperlink, feumaidh tu an tè gu h-àrd a chuir na àiteCSSDe seo fa fa-link fa-fw, gu sui sui-link sui-fw

  • Feuch an toir thu sùil air a’ chuspair WP agad, a bheil pasgan / img/random/ ann?
  • (mura h-eil, cruthaich)
  • An uairsin anns an fhaidhle air thuaiream, cuir 20 dealbh jpg ris.

Tha na dealbhan air an ainmeachadh bho 1 gu 20:

  • xnumx.jpg
  • xnumx.jpg
  • ... (agus mar sin air adhart)
  • xnumx.jpg

第 2 步 :Cuir a-steach còd CSS

Cuir an còd a leanas ris an fhaidhle style.css aig a’ chuspair WP agad:

/*加入内部文章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. Cuir a-steach an còd goirid ann an cruth cairt artaigil freumhaichte (còd goirid)

Faodaidh tu shortcodes a chuir a-steach gu dìreach ann an eadar-aghaidh “Lèirsinneach” no “Text” aig deasaiche an artaigil 【jiawen ids =postID1,postID2 ...】 gairm cruth.

Mar eisimpleir, ma tha mi airson 3 artaigilean ceangailte a-staigh a thaisbeanadh, dìreach cuir a-steach an shortcode:

  • 【jiawen ids=526,380,411】
  • Ma chuireas tu a-steach barrachd air IDan artaigil 5, cha tèid ach 5 artaigilean a thaisbeanadh aig a’ char as motha
  • Tha an artaigil seo air a chleachdadh gus shortcodes a sheachnadh []
  • Nuair a chleachdas tu an shortcode, feuch an atharraich thu [] gu []

Tha a’ bhuaidh mar a leanas ▼

Mura h-eil thu a’ cleachdadh an shortcode ann an deasaiche WordPress agus gu bheil thu airson a ghairm ann an àite eile, faodaidh tu a ghairm leis a’ chòd a leanas:

do_shortcode('[neilian ids ids = postID1,postID2]')

XNUMX. Cuir putan neach-deasachaidh

Ma dh’ fheumas tu an shortcode a chuir a-steach le làimh a h-uile uair, tha e a’ faireachdainn ro dhoirbh, dè a bu chòir dhomh a dhèanamh?

Is e cumhachd WordPress gu bheil e a’ leigeil leinn rudan iom-fhillte a dhèanamh nas sìmplidhe ^ _ ^

1) Cuir putan teacsa deasaiche ris

Tha deasaiche TinyMCE stèidhichte aig WordPress a ghnàth. Is urrainn dhuinn putanan ath-ghoirid a chur ri eadar-aghaidh teacsa deasaiche TinyMCE.

ceum 3:Cuir còd putan shortcut ris

  • Feuch an cuir thu an còd gu dìreach anns an fhaidhle functions.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
}

Ciamar a nì thu na ceanglaichean a-staigh air làrach-lìn WordPress as fheàrr? Cruthaich shortcode puist & putan deasaiche le mion-dhealbh

Ro-chùram

Ma tha thu air còd eile a chuir ris airson an deasaiche na putanan ath-ghoirid a ghnàthachadh, dìreach<script type="text/javascript"> Gu h-ìosal, cuir an còd a leanas ▼

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

Mur eil, thèid e ceàrr.

2) Cuir putan seallaidh neach-deasachaidh ris

Nuair a bhios sinn a’ deasachadh artaigilean WordPress, mar as trice tha an eadar-aghaidh bunaiteach Visual.

Mar sin, tha e nas fheàrr putan a chuir ris anns an deasaiche lèirsinneach cuideachd.

  • Ged a ghabhas an gnìomh seo a chuir an gnìomh ann an còd, tha e beagan toinnte dha mòran de dhaoine ùra.
  • Tha e duilich dha na h-eòlaichean, oir tha feum air còd JS a chuir ris a ’chuspair, agus ma dh’ atharraicheas tu an cuspair, feumaidh tu a chuir ris a-rithist, agus tha na ceumannan gu sònraichte trom.

第 4 步 :Stàlaich agus cuir an comas plugins

  • Chen WeiliangThathas a’ moladh plugins:Putanan Custom Deasaiche Lèirsinneach

Às deidh an stàladh a bhith deiseil, fon bhàr clàr clì, nochdaidh Deasaiche Lèirsinneach Putanan Custom le ìomhaigh gèar ▼

Clàr-taice WordPress san oisean gu h-ìosal air an taobh chlì Deasaiche Lèirsinneach Plugin Custom Buttons No. 6

第 5 步 :Cliog Cuir Ùr ris

  • Cruthaich putan gnàthaichte, ainm sam bith.
  • Mar eisimpleir: cuir artaigilean a-staigh 

Feumaidh tu dìreach an dealbh gu h-ìosal a leantainn gus ▼ a stèidheachadh

Plugin Putanan Custom Deasaiche Lèirsinneach: Cuir ris an artaigil a-staigh #7

第 6 步 : Roghainn susbaint putan

  • Tagh Taghadh Wrap.

第 7 步 : Mus tèid a shuidheachadh

  • Lìon a-steach an shortcode

ceum 8:Taisbeanadh ann an roghainnean deasaiche

  • Faodaidh tu sùil a thoirt air na putanan taisbeanaidh Deasaiche Lèirsinneach no Deasaiche Teacsa.
  • Thoir an aire ma thèid Deasaiche Teacs a sgrùdadh, faodaidh tu an “Cuir còd putan shortcut” gu h-àrd a sgiobadh, air neo thèid a dhèanamh a-rithist.

ceum 9:Roghainnean ìomhaigh putan

  • Anns a’ chlàr roghainnean tuiteam-sìos, tagh an ìomhaigh Framed.

ceum 10:Deuchainn

  • Aig a’ cheann thall, gu dearbh, tha e an urra riut fhèin a’ bhuaidh a dhearbhadh ^ _ ^
  • Ma tha na ceumannan gu h-àrd ceart, chì thu am putan mar a chithear gu h-ìosal ann an eadar-aghaidh lèirsinneach an neach-deasachaidh ▼ 

Deasaiche Lèirsinneach WordPress Duilleag Putan Ìomhaigh le frèam 8

发表 评论

Cha tèid do sheòladh puist-d fhoillseachadh. 必填 项 已 用 * Label

Rach gu mhullaich