Uhla lwemibhalo ye-athikili
WordPressUzithuthukisa kanjani izixhumanisi zangaphakathi zewebhusayithi?
Dala Amashothikhathi Ngezindatshana Zesithonjana & Izinkinobho Zomhleli
Ukuthuthukisa isixhumanisi sangaphakathi sewebhusayithi, kuSEOIzixhumanisi bezilokhu zibaluleke kakhulu, futhi ukwakheka okuhle kwesixhumanisi kunenzuzo kakhulu ku-SEO.
Uma i-athikili yamanje ihlobene nezinye iziqephu, engeza ngokuzenzakalelayo isixhumanisi ekhasini:
- izokwandisa kakhulu inani nokujula kokukhasa ngezicabucabu zenjini yokusesha,
- ukusiza ukwandisa inani lamarekhodi,
- Nesisindo samagama angukhiye wombhalo we-anchor.
Uma amanye ama-athikili amadala abuyekeziwe, ungakwazi futhi ukuyala izicabucabu zenjini yokusesha ukuthi ziphinde zicace futhi zikhombe izibuyekezo zokuqukethwe kwama-athikili amadala ngokwengeza izixhumanisi zangaphakathi kuma-athikili amasha.
- Indlela evamile yokuxhumanisa kwangaphakathi isixhumanisi sombhalo, isakhiwo saso siwumbhalo we- anchor .
- Kodwa ukuze sithuthukise ulwazi lomsebenzisi, singathuthukisa izixhumanisi ze-athikili ekhasini elingaphakathi.
uma ufundaU-Chen WeiliangLapho ubhuloga, ungase uthole ukuthi ifomu lekhadi le-athikili lishumekwe ngale ndlela, ne-athikili yesithonjana equkethe isifinyezo sokuqukethwe kwesihloko, isibonelo:
XNUMX. Engeza ishortcode yesitayela sekhadi lendatshana eshumekiwe
Isinyathelo sesi-1:Engeza ikhodi ye-PHP
Engeza ikhodi elandelayo efayeleni lakho letimu ye-WP ethi functions.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 文件夹内的图片作缩略图
}
}
}
}Uma isithonjana sesixhumanisi singaveli, udinga ukufaka esikhundleni salokhu okungenhlaCSSKwalokhu fa fa-link fa-fw,ku sui sui-link sui-fw
- Sicela uhlole itimu yakho ye-WP, ingabe ikhona /img/okungahleliwe/ ifolda?
- (uma kungenjalo, sicela udale)
- Bese efayelini elingahleliwe, engeza izithombe ezingama-20 jpg.
Izithombe ziqanjwe kusuka ku-1 kuye ku-20:
- 1.jpg
- 2.jpg
- ... (njalo njalo)
- 20.jpg
Isinyathelo sesi-2:Engeza ikhodi ye-CSS
Engeza ikhodi elandelayo kufayela lakho letimu 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. Cela ikhodi emfushane ngendlela yekhadi le-athikili elishumekiwe (ikhodi emfushane)
Ungakwazi ukufaka ikhodi emfishane ngokuqondile kusixhumi esibonakalayo "Esibonakalayo" noma "Sombhalo" somhleli wesihloko 【jiawen ids =postID1,postID2 ...】 fometha ikholi.
Isibonelo, uma ngifuna ukubonisa izindatshana ezixhumene ngaphakathi ezi-3, ngivele ngifake ikhodi emfushane:
【jiawen ids=526,380,411】- Uma ufaka ama-ID e-athikili angaphezu kuka-5, ama-athikili ama-5 kuphela azoboniswa kakhulu
- Lesi sihloko sisetshenziselwa ukugwema ukuthi ama-shortcode abaleke []
- Uma usebenzisa ishortcode, sicela ushintshele [] kube []
Umphumela umi kanje ▼
Uma ungasebenzisi i-shortcode kusihleli se-WordPress futhi ufuna ukuyibiza kwenye indawo, ungayibiza ngekhodi elandelayo:
do_shortcode（'[neilian ids ids = postID1，postID2]'）
XNUMX. Engeza inkinobho yomhleli
Uma udinga ukufaka ngesandla i-shortcode njalo, izwakala inzima kakhulu, yini okufanele ngiyenze?
Amandla e-WordPress ukuthi isivumela ukuthi senze izinto eziyinkimbinkimbi ^_^
1) Engeza inkinobho yombhalo womhleli
I-WordPress inomhleli owakhelwe ngaphakathi we-TinyMCE ngokuzenzakalela.Singakwazi ukwengeza izinkinobho ezinqamulelayo kusixhumi esibonakalayo sombhalo womhleli we-TinyMCE.
isinyathelo 3:Engeza ikhodi yenkinobho yesinqamuleli
- Sicela wengeze ikhodi ngokuqondile kufayela le-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
}
Ukuqapha
Uma ungeze enye ikhodi ukuze umhleli enze ngendlela oyifisayo izinkinobho ezinqamulelayo, nje<script type="text/javascript"> Ngezansi, engeza ikhodi elandelayo ▼
QTags.addButton( 'jw', '加入内部文章', '', '');
Uma kungenjalo kuzokonakala.
2) Engeza inkinobho yokubuka umhleli
Uma sihlela ama-athikili e-WordPress, isikhombimsebenzisi esizenzakalelayo sivamise ukubonwa.
Ngakho-ke, kungcono ukwengeza inkinobho kusihleli esibonakalayo futhi.
- Yize lokhu kusebenza kungenziwa ngekhodi, kuyinkimbinkimbi kwabasanda kuhlanganyela.
- Kunzima kochwepheshe, ngoba ikhodi ye-JS idinga ukwengezwa esihlokweni, futhi uma itimu ishintshiwe, idinga ukungezwa futhi, okuzwakala kunzima kakhulu.
Isinyathelo sesi-4:Faka futhi uvule ama-plugin
- U-Chen WeiliangAma-plugin ayanconywa:Visual Umhleli Custom Izinkinobho
Ngemuva kokuthi ukufakwa sekuqediwe, ngaphansi kwebha yemenyu engakwesokunxele, kuzovela Izinkinobho Zezifiso Zomhleli Obonakalayo ezinophawu lwegiya ▼
Isinyathelo sesi-5:Chofoza Engeza Okusha
- Dala inkinobho yangokwezifiso, noma yiliphi igama.
- Isibonelo: ukwengeza izindatshana zangaphakathi
Udinga nje ukulandela isithombe esingezansi ukuze usethe ▼
Isinyathelo sesi-6: Inketho Yokuqukethwe Kwenkinobho
- Khetha Ukukhetha Ukugoqa.
Isinyathelo sesi-7: Ngaphambi kokusetha
- Gcwalisa ikhodi emfushane
isinyathelo 8:Bonisa Kuzilungiselelo Zomhleli
- Ungahlola izinkinobho zokubonisa Isihleli Esibonakalayo noma Isihleli Sombhalo.
- Qaphela ukuthi uma i-Text Editor ithikhiwe, ungeqa "Engeza ikhodi yenkinobho yesinqamuleli" ngenhla, kungenjalo izophinda.
isinyathelo 9:Izinketho Zesithonjana Senkinobho
- Kumenyu yezinketho zokudonsela phansi, khetha isithonjana Sozimele.
isinyathelo 10:Hlola
- Ekugcineni, vele, kukuwe ukuthi uzihlolele umphumela ^_^
- Uma izinyathelo ezingenhla zilungile, uzobona inkinobho njengoba kukhonjisiwe ngezansi kusixhumi esibonakalayo somhleli ▼
I-Hope Chen Weiliang Blog ( https://www.chenweiliang.com/ ) kwabiwe "Indlela yokwengeza isitayela sekhadi le-athikili ku-WordPress? Shumeka i-shortcode kwifomu lekhadi le-athikili", okuwusizo kuwe.
Siyakwamukela ukwabelana ngesixhumanisi salesi sihloko:https://www.chenweiliang.com/cwl-638.html