Meriv çawa şêwaza qerta gotarê li WordPress zêde dike? Kurtekodê di forma qerta gotarê de bihêle

WordPressMeriv çawa girêdanên navxweyî yên malperê xweşbîn dike?

Bi Gotarên Piçûk û Bişkojkên Edîtorê Kurtekod biafirînin

Optimîzasyona girêdana navxweyî ya malperê, liSEOZencîr her gav pir girîng bûne, û avahiyek girêdanek baş ji SEO re pir bikêr e.

Ger gotara heyî bi gotarên din re têkildar be, bixweber lînkek li rûpelê zêde bike:

  • dê hejmar û kûrahiya gerîdeya ji hêla spiderên motora lêgerînê ve pir zêde bike,
  • alîkarî ji bo zêdekirina hejmara tomar,
  • Û giraniya peyvên sereke yên nivîsa lenger.

Ger hin gotarên kevn werin nûve kirin, hûn dikarin spiderên motora lêgerînê jî rê bidin ku nûvekirinên naverokê yên gotarên kevn ji nû ve bişopînin û navnîş bikin û lînkên hundurîn li gotarên nû zêde bikin.

  • Formek hevpar a girêdana hundurîn zencîreyek nivîsê ye, ku avahiya wê nivîsa ankor e.
  • Lê ji bo ku ezmûna bikarhêner zêde bikin, em dikarin lînkên gotarê yên li ser rûpela hundurîn çêtir bikin.

gava ku tu dixwînîChen WeiliangDema ku blogê dinivîsin, dibe ku hûn bi gelemperî bibînin ku we formek qerta gotarê bi vî rengî, bi gotarek piçûk a ku kurteya naveroka gotarê vedihewîne, vedihewîne, mînakî:

XNUMX. Kurtekodek şêwaza qerta gotara pêvekirî lê zêde bikin

Gav 1:Koda PHP-ê zêde bikin

Koda jêrîn li pelê functions.php mijara WP-a xwe zêde bikin:

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

Ger îkona hîperlînkê xuya nebe, divê hûn ya jorîn biguhezîninCSSJi viya fa fa-link fa-fw, bi sui sui-link sui-fw

  • Ji kerema xwe mijara WP ya xwe kontrol bikin, peldankek /img/random/ heye?
  • (eger na, ji kerema xwe biafirînin)
  • Dûv re di pelê rasthatî de, 20 wêneyên jpg lê zêde bikin.

Navên wêneyan ji 1 heta 20:

  • xnumx.jpg
  • xnumx.jpg
  • ... (wate ya vê çîye)
  • xnumx.jpg

Gav 2:Koda CSS zêde bikin

Koda jêrîn li pelê style.css-a mijara WP-a xwe zêde bikin:

/*加入内部文章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. Kurtekodê di forma qerta gotara pêvekirî de (kurtekoda) bang bikin

Hûn dikarin rasterast di navbeyna "Visual" an "Text" ya edîtorê gotarê de kurtekod binivîsin 【jiawen ids =postID1,postID2 ...】 bang format.

Mînakî, heke ez bixwazim 3 gotarên bi hundurê ve girêdayî nîşan bidim, ez tenê koda kurtê dinivîsim:

  • 【jiawen ids=526,380,411】
  • Ger hûn ji 5 zêdetir nasnameyên gotaran têkevin, herî zêde tenê 5 gotar têne xuyang kirin
  • Ev gotar tê bikar anîn da ku kurtekod nekevin []
  • Dema ku koda kurt bikar bînin, ji kerema xwe [] biguherînin []

Bandor wiha ye ▼

Ger hûn di edîtorê WordPress-ê de kurtekodê bikar neynin û dixwazin li cîhek din jê re bang bikin, hûn dikarin bi koda jêrîn jê re bang bikin:

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

XNUMX. Bişkojka edîtorê zêde bikin

Heke hûn hewce ne ku her carê bi desta kurteya kodê têkevin, ew pir giran xuya dike, divê ez çi bikim?

Hêza WordPress ev e ku ew dihêle ku em tiştên tevlihev hêsan bikin ^_^

1) Bişkojka nivîsê ya edîtorê zêde bike

WordPress ji hêla xwerû ve edîtorek TinyMCE-yê çêkirî ye. Em dikarin bişkokên kurtebirê li navrûya nivîsê ya edîtorê TinyMCE zêde bikin.

gava 3ê:Koda bişkoka kurtebirê zêde bikin

  • Ji kerema xwe kodê rasterast di pelê functions.php ▼ de zêde bike
//加入内部文章,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
}

Meriv çawa girêdanên navxweyî yên malpera WordPress xweşbîn dike? Bişkojka kurtekod û edîtorê ya postê bi nimûnê biafirînin

Pêşîgirtin

Ger we kodek din ji bo edîtorê zêde kiriye da ku bişkokên kurtebirê xweş bike, tenê<script type="text/javascript"> Li jêr, koda jêrîn ▼ lê zêde bike

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

Wekî din ew ê xelet bibe.

2) Bişkoka dîtbariya edîtorê zêde bikin

Dema ku em gotarên WordPress-ê biguherînin, navrûya xwerû bi gelemperî Visual e.

Ji ber vê yekê, çêtir e ku meriv bişkokek di edîtorê dîtbar de jî zêde bike.

  • Digel ku ev fonksiyon dikare di kodê de were bicîh kirin, ew ji bo gelek nûhiyan hinekî tevlihev e.
  • Ew ji pisporan re tengahî ye, ji ber ku koda JS hewce ye ku li mijarê were zêdekirin, û heke mijar were guheztin, pêdivî ye ku ew ji nû ve were zêdekirin, ku ev yek pir giran xuya dike.

Gav 4:Pêvekan saz bikin û çalak bikin

  • Chen WeiliangPlugin têne pêşniyar kirin:Bişkokên Xweserî Edîtorê Dîtbarî

Piştî ku sazkirin qediya, di binê barika menuya çepê de, Bişkokên Xweserî yên Edîtorê Dîtbarê bi îkonek gewrê dê xuya bibe ▼

Menuya goşeya çepê ya jêrîn a WordPress Pêveka Bişkokên Xweserî ya Edîtorê Dîtbar jimare 6

Gav 5:Nû lê zêde bike bikirtînin

  • Bişkojek xwerû, her navek biafirînin.
  • Mînak: zêdekirina gotarên navxweyî 

Hûn tenê hewce ne ku hûn wêneya jêrîn bişopînin da ku ▼ saz bikin

Pêveka Bişkojkên Xweserî Edîtorê Dîtbar: Di Hundirê Gotara #7 de zêde bikin

Gav 6: Vebijarka Naveroka Bişkojê

  • Hilbijartina Wrapê hilbijêrin.

Gav 7: Berî sazkirinê

  • Kurtekodê dagirin

gava 8ê:Di mîhengên Edîtorê de nîşan bide

  • Hûn dikarin bişkojkên nîşana Edîtorê Dîtbar an Edîtorê Nivîsarê kontrol bikin.
  • Bala xwe bidinê ku heke Edîtorê Nivîsarê were kontrol kirin, hûn dikarin "koda bişkojka kurtebirê" ya li jor zêde bikin, wekî din ew ê dubare bibe.

gava 9ê:Vebijarkên îkonê bişkojk

  • Di pêşeka vebijarkên daketî de, îkona Framed hilbijêrin.

gava 10ê:Test kirin

  • Di dawiyê de, bê guman, ew li ser we ye ku hûn bi xwe bandorê biceribînin ^_^
  • Ger gavên jorîn rast bin, hûn ê bişkojka wekî ku li jêr di navgîniya dîtbarî ya edîtorê ▼ de tê xuyang kirin bibînin 

Edîtorê Dîtbar a WordPress-ê Bişkojka Bişkojka Çarçovekirî 8

评论

Navnîşana e-nameya we nayê weşandin. Zeviyên pêdivî têne bikar anîn * Awanasî

Scroll to Top