WordPress-ga maqola kartasi uslubini qanday qo'shish mumkin? Qisqa kodni maqola kartasi shakliga joylashtiring

WordPressVeb-saytning ichki havolalarini qanday optimallashtirish mumkin?

Eskiz maqolalari va muharrir tugmalari yordamida qisqa kodlar yarating

Veb-sayt ichki havolasini optimallashtirish, inSEOHavolalar har doim juda muhim bo'lgan va yaxshi havola tuzilishi SEO uchun juda foydali.

Agar joriy maqola boshqa maqolalar bilan bog'liq bo'lsa, avtomatik ravishda sahifaga havola qo'shing:

• qidiruv tizimi o'rgimchaklari tomonidan emaklash sonini va chuqurligini sezilarli darajada oshiradi,
• yozuvlar sonini ko'paytirishga yordam berish,
• Va langar matn kalit so'zlarning og'irligi.

Agar ba'zi eski maqolalar yangilangan bo'lsa, siz qidiruv tizimi o'rgimchaklariga yangi maqolalarga ichki havolalar qo'shish orqali eski maqolalarning kontent yangilanishlarini qayta ko'rib chiqish va indekslashni ham ko'rsatishingiz mumkin.

• Ichki bog'lanishning keng tarqalgan shakli bu matn havolasi bo'lib, uning tuzilishi langar matndir .
• Ammo foydalanuvchi tajribasini yaxshilash uchun biz ichki sahifadagi maqola havolalarini yanada optimallashtirishimiz mumkin.

o'qiganingizdaChen VeyliangBlog yuritayotganda siz tez-tez maqolalar kartasi shaklini maqola mazmunining qisqacha mazmunini o'z ichiga olgan eskiz maqolasi bilan shunday joylashtirilganligini ko'rishingiz mumkin, masalan:

Gonkong mobil raqamiga qanday murojaat qilish kerak?SMS tasdiqlash kodini olish uchun Gonkong virtual mobil telefon raqami

eSender Gonkong mobil telefon raqami chegirma kodi: DM6888 Gonkong mobil telefon raqamini qayerdan sotib olsam bo'ladi?Gonkong qo'ng'iroq kartasi virtual operatori tavsiya etiladi eSender Bu Boyuan Information Group qo'shinidagi virtual mobil raqamlar xizmati. Boyuan Information Xitoyning Guanchjou va Gonkong shaharlarida filiallarini ochdi,...

XNUMX. O'rnatilgan maqola kartasi uslubi qisqa kodini qo'shing

1 yil:PHP kodini qo'shing

WP mavzuingizning functions.php fayliga quyidagi kodni qo'shing:

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

Agar giperhavola belgisi ko'rinmasa, yuqoridagini almashtirishingiz kerakCSSBu fa fa-link fa-fwKimga sui sui-link sui-fw

• Iltimos, WP mavzuingizni tekshiring, /img/random/ jildi bormi?
• (agar bo'lmasa, yarating)
• Keyin tasodifiy faylga 20 jpg rasm qo'shing.

Rasmlar 1 dan 20 gacha nomlanadi:

• 1.jpg
• 2.jpg
• ... (va hokazo)
• 20.jpg

2 yil:CSS kodini qo'shing

WP mavzuingizning style.css fayliga quyidagi kodni qo'shing:

/*加入内部文章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. O'rnatilgan maqola kartasi ko'rinishidagi qisqa kodni chaqiring (qisqa kod)

Qisqa kodlarni bevosita maqola muharririning "Visual" yoki "Matn" interfeysiga kiritishingiz mumkin 【jiawen ids =postID1,postID2 ...】 qo'ng'iroqni formatlash.

Misol uchun, agar men 3 ta ichki bog'langan maqolani ko'rsatishni xohlasam, men shunchaki qisqa kodni kiritaman:

• 【jiawen ids=526,380,411】
• Agar siz 5 dan ortiq maqola identifikatorini kiritsangiz, ko'pi bilan 5 ta maqola ko'rsatiladi
• Ushbu maqola qisqa kodlardan qochish uchun ishlatiladi []
• Qisqa kodni ishlatganda, iltimos, [] ni [] ga o'zgartiring

Ta'siri quyidagicha ▼

Mimengning ommaviy akkaunti qanday muvaffaqiyatga erishdi va nega u shunchalik mashhur? Buning sabablari bor

Mimi Mengning rasmiy akkaunti qanday muvaffaqiyatli bo'ldi? Nima uchun u juda mashhur? Buning ortida harakatlantiruvchi kuch bor! Mi Meng 2012-yil 9-sentabrda WeChat ijtimoiy akkauntlarini yozishni boshlaganidan beri u ikki oy ichida 15 2 obunachiga ega bo‘lib, ko‘pchilikning yutuqlaridan bir zumda oshib ketdi, bu ko‘pchilikni juda qiziqtirdi.

Tang Sengning to'rt nafar o'qituvchisi va shogirdlari WeChat do'stlarining aloqalarini muhokama qilishdi va Sun Vukongning nutqi meni xotirjam his qildi.

Tang Sanzang va uning to'rt shogirdi WeChat do'stlari tarmog'ini muhokama qilishdi. Haha, Sun Vukongning nutqi meni birdaniga ravshan qilishini kutmagandim...

Yangi media davrida foydalanuvchilarning o'qishining psixologik xususiyatlarini tahlil qilish: agar siz ushbu 7 tani o'zlashtirsangiz, daromad olasiz.

Yangi media davrida foydalanuvchi o'qishning psixologik xususiyatlarini tahlil qilish: Agar siz ushbu 7 ni o'zlashtirsangiz, siz pul ishlaysiz Kirish Agar biz WeChat jamoat akkauntida muvaffaqiyatga erishmoqchi bo'lsak, biz inson tabiatini o'rganishimiz, foydalanuvchi o'qish psixologiyasini tahlil qilishimiz va foydalanuvchilarning o'qish xatti-harakatlarini tushunishimiz kerak.

Agar siz WordPress muharririda qisqa koddan foydalanmasangiz va uni boshqa joyga qo'ng'iroq qilmoqchi bo'lsangiz, uni quyidagi kod bilan chaqirishingiz mumkin:

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

XNUMX. Tahrirlovchi tugmasi qo'shing

Agar siz har safar qisqa kodni qo'lda kiritishingiz kerak bo'lsa, bu juda og'ir tuyuladi, nima qilishim kerak?

WordPressning kuchi shundaki, u bizga murakkab narsalarni soddalashtirish imkonini beradi ^_^

1) Tahrirlovchi matnni qo'shish tugmasi

WordPress tizimida sukut boʻyicha oʻrnatilgan TinyMCE muharriri mavjud.Biz TinyMCE tahrirlovchisi matn interfeysiga yorliq tugmalarini qoʻshishimiz mumkin.

3-qadam:Qisqa tugma kodini qo'shing

• Iltimos, kodni to'g'ridan-to'g'ri functions.php fayliga qo'shing ▼

//加入内部文章，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
}

注意 事项

Agar siz muharrirga yorliq tugmalarini sozlash uchun boshqa kod qo'shgan bo'lsangiz, shunchaki<script type="text/javascript"> Quyida quyidagi kodni qo'shing ▼

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

Aks holda noto'g'ri bo'ladi.

2) Tahrirlovchini vizualizatsiya qilish tugmasi qo'shing

WordPress maqolalarini tahrir qilganimizda, standart interfeys odatda Visual bo'ladi.

Shunday qilib, vizual muharrirda tugmani ham qo'shgan ma'qul.

• Ushbu funksiya kodda amalga oshirilishi mumkin bo'lsa-da, ko'plab yangi boshlanuvchilar uchun bu biroz murakkab.
• Mutaxassislar uchun qiyin, chunki mavzuga JS kodini qo'shish kerak, agar mavzuni o'zgartirsangiz, uni yana qo'shishingiz kerak va qadamlar ayniqsa og'ir.

4 yil:Plaginlarni o'rnating va yoqing

• Chen VeyliangPlaginlar tavsiya etiladi:Vizual muharrirning maxsus tugmalari

O'rnatish tugallangandan so'ng, chap menyu satrida tishli belgisi bo'lgan Visual Editor Custom tugmalari paydo bo'ladi ▼

5 yil:Yangi qo'shish-ni bosing

• Maxsus tugma yarating, istalgan nom.
• Masalan: ichki maqolalarni qo'shish 

▼ ni sozlash uchun quyidagi rasmga amal qilishingiz kifoya

6 yil: Kontent tugmasi opsiyasi

• O'rash tanlovini tanlang.

7 yil: O'rnatishdan oldin

• Qisqa kodni to'ldiring

8-qadam:Tahrirlovchi sozlamalarida ko'rsatish

• Vizual muharrir yoki matn muharriri ko'rsatish tugmachalarini tekshirishingiz mumkin.
• E'tibor bering, agar matn muharriri belgilansa, yuqoridagi "Yorliq tugmasi kodini qo'shish" bandini o'tkazib yuborishingiz mumkin, aks holda u takrorlanadi.

9-qadam:Tugma belgisi parametrlari

• Ochiladigan variantlar menyusida Framed belgisini tanlang.

10-qadam:Sinov

• Oxir-oqibat, albatta, effektni o'zingiz sinab ko'rishingiz sizga bog'liq ^_^
• Yuqoridagi amallar to'g'ri bo'lsa, tahrirlovchining vizual interfeysida quyida ko'rsatilgandek tugmani ko'rasiz ▼