Jinsi ya kuongeza mtindo wa kadi ya makala katika WordPress?Weka msimbo mfupi katika fomu ya kadi ya makala

WordPressJinsi ya kuboresha viungo vya ndani vya tovuti?

Unda Njia fupi kwa Vifungu vya Vijipicha & Vifungo vya Kuhariri

Uboreshaji wa kiungo cha ndani cha tovuti, inSEOViungo vimekuwa muhimu sana, na muundo mzuri wa kiungo ni wa manufaa sana kwa SEO.

Ikiwa makala ya sasa yanahusiana na makala nyingine, ongeza kiungo kiotomatiki kwenye ukurasa:

• itaongeza sana idadi na kina cha kutambaa na buibui wa injini ya utaftaji,
• kusaidia kuongeza idadi ya kumbukumbu,
• Na uzito wa maneno muhimu ya maandishi ya nanga.

Iwapo baadhi ya makala ya zamani yamesasishwa, unaweza pia kuagiza buibui wa injini tafuti kutambaa tena na kuorodhesha masasisho ya maudhui ya makala ya zamani kwa kuongeza viungo vya ndani vya makala mapya.

• Njia ya kawaida ya kuunganisha ndani ni kiungo cha maandishi, ambacho muundo wake ni maandishi ya nanga .
• Lakini ili kuboresha matumizi ya mtumiaji, tunaweza kuboresha zaidi viungo vya makala kwenye ukurasa wa ndani.

unaposomaChen WeiliangWakati wa kublogi, mara nyingi unaweza kupata kwamba umepachika fomu ya kadi ya makala kama hii, yenye makala ya kijipicha ambayo ina muhtasari wa maudhui ya makala, kwa mfano:

Jinsi ya kuomba nambari ya simu ya Hong Kong?Nambari pepe ya simu ya mkononi ya Hong Kong ili kupokea nambari ya kuthibitisha ya SMS

eSender Nambari ya punguzo ya nambari ya simu ya rununu ya Hong Kong: DM6888 Ninaweza kununua wapi nambari ya simu ya rununu ya Hong Kong?Opereta pepe ya kadi ya simu ya Hong Kong inapendekezwa eSender Ni huduma ya nambari ya simu ya kawaida chini ya Kikundi cha Habari cha Boyuan. Boyuan Information imeanzisha matawi katika Guangzhou na Hong Kong, China,...

XNUMX. Ongeza msimbo fupi wa mtindo wa kadi ya makala

Sura ya 1:Ongeza msimbo wa PHP

Ongeza msimbo ufuatao kwenye faili yako ya mandhari ya WP ya function.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 文件夹内的图片作缩略图
}
}
}
}

Ikiwa icon ya hyperlink haionekani, unahitaji kuchukua nafasi ya hapo juuCSSYa hii fa fa-link fa-fw, kwa sui sui-link sui-fw

• Tafadhali angalia mandhari yako ya WP, je kuna /img/random/ folda?
• (kama sivyo, tafadhali tengeneza)
• Kisha katika faili ya nasibu, ongeza picha 20 za jpg.

Picha zimetajwa kutoka 1 hadi 20:

• 1.jpg
• 2.jpg
• ... (Nakadhalika)
• 20.jpg

Sura ya 2:Ongeza msimbo wa CSS

Ongeza msimbo ufuatao kwenye faili ya style.css ya mandhari ya WP:

/*加入内部文章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. Omba msimbo mfupi kwa njia ya kadi ya makala iliyopachikwa (msimbo mfupi)

Unaweza kuingiza misimbo fupi moja kwa moja katika kiolesura cha "Visual" au "Maandishi" cha kihariri cha makala 【jiawen ids =postID1,postID2 ...】 simu ya umbizo.

Kwa mfano, ikiwa ninataka kuonyesha nakala 3 zilizounganishwa ndani, ninaingiza msimbo mfupi tu:

• 【jiawen ids=526,380,411】
• Ukiweka zaidi ya vitambulisho 5 vya makala, ni makala 5 pekee ndiyo yataonyeshwa zaidi
• Makala haya yanatumika kuzuia njia fupi kutoroka []
• Unapotumia msimbo mfupi, tafadhali badilisha [] hadi []

Athari ni kama ifuatavyo ▼

Akaunti ya umma ya Mimeng ilifaulu vipi na kwa nini inajulikana sana? Kuna sababu nyuma yake

Akaunti rasmi ya Mimi Meng ilifanikiwa vipi? Kwa nini ni maarufu sana? Kuna nguvu inayoendesha nyuma ya sababu! Tangu Mi Meng aanze kuandika akaunti za umma za WeChat mnamo Septemba 2012, 9, alipata wafuasi 15 ndani ya miezi miwili tu, na mara moja kupita mafanikio ya watu wengi, ambayo yalifanya watu wengi wadadisi sana.

Walimu wanne na wanafunzi wa Tang Seng walijadili mawasiliano ya marafiki wa WeChat, na hotuba ya Sun Wukong ilinifanya nihisi raha.

Tang Sanzang na wanafunzi wake wanne walijadili mtandao wa marafiki wa WeChat hotuba ya Sun Wukong ilinifanya kuelimika ghafla: Sote tumesoma Safari ya Magharibi, Sun Wukong, Zhu Bajie na Sha Wujing wakijadili mtandao wa marafiki wa WeChat. Haha, sikutarajia kwamba hotuba ya Sun Wukong ingenifanya nipate mwanga ghafla...

Uchambuzi wa sifa za kisaikolojia za usomaji wa watumiaji katika enzi mpya ya media: ikiwa utajua hizi 7, utapata

Uchambuzi wa sifa za kisaikolojia za usomaji wa watumiaji katika enzi mpya ya media: Ukifaulu kwa hizi 7, utapata pesa Utangulizi Ikiwa tunataka kufanikiwa katika kuendesha akaunti ya umma ya WeChat, ni lazima tusome asili ya mwanadamu, tuchambue saikolojia ya usomaji wa watumiaji, na kuelewa tabia ya usomaji wa watumiaji.

Ikiwa hutumii msimbo mkato katika kihariri cha WordPress na unataka kukiita mahali pengine, unaweza kukiita kwa nambari ifuatayo:

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

XNUMX. Ongeza kitufe cha kuhariri

Ikiwa unahitaji kuingiza msimbo mfupi kila wakati, inahisi kuwa ngumu sana, nifanye nini?

Nguvu ya WordPress ni kwamba inaturuhusu kurahisisha mambo changamano ^_^

1) Ongeza kitufe cha maandishi cha mhariri

WordPress ina kihariri kilichojengewa ndani cha TinyMCE kwa chaguomsingi. Tunaweza kuongeza vitufe vya njia za mkato kwenye kiolesura cha maandishi cha kihariri cha TinyMCE.

hatua ya 3:Ongeza msimbo wa kitufe cha njia ya mkato

• Tafadhali ongeza msimbo moja kwa moja kwenye faili ya function.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
}

注意 事项

Ikiwa umeongeza msimbo mwingine kwa kihariri ili kubinafsisha vitufe vya njia ya mkato, tu<script type="text/javascript"> Hapa chini, ongeza msimbo ufuatao ▼

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

Vinginevyo itaenda vibaya.

2) Ongeza kitufe cha taswira ya mhariri

Tunapohariri vifungu vya WordPress, kiolesura chaguo-msingi kawaida ni Visual.

Kwa hivyo, ni bora kuongeza kitufe kwenye kihariri cha kuona pia.

• Ingawa utendakazi huu unaweza kutekelezwa kwa msimbo, ni ngumu kidogo kwa wanaoanza.
• Ni shida kwa wataalam, kwa sababu ni muhimu kuongeza msimbo wa JS kwenye mandhari, na ukibadilisha mandhari, unapaswa kuiongeza tena, na hatua ni ngumu sana.

Sura ya 4:Sakinisha na uwashe programu-jalizi

• Chen WeiliangPlugins zinapendekezwa:Visual Editor Vifungo Desturi

Baada ya usakinishaji kukamilika, chini ya upau wa menyu ya kushoto, Vibonye Maalum vya Kihariri Kinachoonekana na ikoni ya gia vitaonekana ▼

Sura ya 5:Bofya Ongeza Mpya

• Unda kitufe maalum, jina lolote.
• Kwa mfano: kuongeza makala ya ndani 

Unahitaji tu kufuata picha hapa chini ili kusanidi ▼

Sura ya 6: Chaguo la Maudhui ya Kitufe

• Chagua Uchaguzi wa Kufunga.

Sura ya 7: Kabla ya kuweka

• Jaza shortcode

hatua ya 8:Onyesha katika mipangilio ya Kihariri

• Unaweza kuangalia Visual Editor au Nakala Vifungo show Kihariri.
• Kumbuka kwamba ikiwa Kihariri cha Maandishi kimechaguliwa, unaweza kuruka "Ongeza msimbo wa kitufe cha njia ya mkato" hapo juu, vinginevyo kitarudiwa.

hatua ya 9:Chaguzi za ikoni ya Kitufe

• Katika menyu kunjuzi ya chaguzi, chagua ikoni iliyoandaliwa.

hatua ya 10:Mtihani

• Mwishowe, bila shaka, ni juu yako kujaribu athari mwenyewe ^_^
• Ikiwa hatua zilizo hapo juu ni sahihi, utaona kitufe kama inavyoonyeshwa hapa chini katika kiolesura cha taswira cha kihariri ▼