Si të shtoni stilin e kartës së artikullit në WordPress? Vendosni kodin e shkurtër në formën e kartës së artikullit

WordPressSi të optimizoni lidhjet e brendshme të faqes në internet?

Krijoni kode të shkurtra me artikujt miniaturë dhe butonat e redaktuesit

Optimizimi i lidhjeve të brendshme të faqes në internet, nëSEOLidhjet kanë qenë gjithmonë shumë të rëndësishme, dhe një strukturë e mirë lidhjesh është shumë e dobishme për SEO.

Nëse artikulli aktual lidhet me artikuj të tjerë, shtoni automatikisht një lidhje në faqen:

• do të rrisë shumë numrin dhe thellësinë e zvarritjes nga merimangat e motorëve të kërkimit,
• ndihmojnë në rritjen e numrit të regjistrimeve,
• Dhe pesha e fjalëve kyçe të tekstit të ankorimit.

Nëse përditësohen disa artikuj të vjetër, mund t'i udhëzoni gjithashtu merimangat e motorëve të kërkimit të rizvarriten dhe të indeksojnë përditësimet e përmbajtjes së artikujve të vjetër duke shtuar lidhje të brendshme te artikujt e rinj.

• Një formë e zakonshme e lidhjes së brendshme është një lidhje teksti, struktura e të cilit është tekst ankorues .
• Por për të përmirësuar përvojën e përdoruesit, ne mund të optimizojmë më tej lidhjet e artikujve në faqen e brendshme.

kur lexoniChen WeiliangKur bëni blog, shpesh mund të gjeni se një formular i kartës së artikullit është i ngulitur si ky, me një artikull miniaturë që përmban një përmbledhje të përmbajtjes së artikullit, për shembull:

Si të aplikoni për një numër celular në Hong Kong?Numri virtual i telefonit celular të Hong Kongut për të marrë kodin e verifikimit SMS

eSender Kodi i zbritjes së numrit të telefonit celular të Hong Kongut: DM6888 Ku mund të blej një numër telefoni celular në Hong Kong?Rekomandohet operatori virtual i kartës së thirrjes në Hong Kong eSender Është një shërbim virtual i numrave celularë nën Grupin e Informacionit Boyuan. Boyuan Information ka ngritur degë në Guangzhou dhe Hong Kong, Kinë,...

XNUMX. Shto një kod të shkurtër të stilit të kartës së artikullit të integruar

第 1 步:Shtoni kodin PHP

Shtoni kodin e mëposhtëm në skedarin funksione.php të temës suaj 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 文件夹内的图片作缩略图
}
}
}
}

Nëse ikona e hiperlidhjes nuk shfaqet, duhet të zëvendësoni sa më sipërCSSNga kjo fa fa-link fa-fw, te sui sui-link sui-fw

• Ju lutemi kontrolloni temën tuaj të WP, a ka një dosje /img/random/?
• (nëse jo, ju lutemi krijoni)
• Pastaj në skedarin e rastësishëm, shtoni 20 imazhe jpg.

Fotografitë janë emërtuar nga 1 deri në 20:

• 1.jpg
• 2.jpg
• ... (dhe kështu me radhë)
• 20.jpg

第 2 步:Shto kodin CSS

Shtoni kodin e mëposhtëm në skedarin style.css të temës suaj 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. Kërkoni kodin e shkurtër në formën e një karte artikulli të integruar (kodi i shkurtër)

Ju mund të futni kode të shkurtra direkt në ndërfaqen "Visual" ose "Text" të redaktuesit të artikujve 【jiawen ids =postID1,postID2 ...】 formati i thirrjes.

Për shembull, nëse dua të shfaq 3 artikuj të lidhur nga brenda, thjesht fut kodin e shkurtër:

• 【jiawen ids=526,380,411】
• Nëse futni më shumë se 5 ID artikujsh, do të shfaqen maksimumi vetëm 5 artikuj
• Ky artikull përdoret për të shmangur ikjen e kodeve të shkurtra []
• Kur përdorni kodin e shkurtër, ju lutemi ndryshoni [] në []

Efekti është si vijon ▼

Si pati sukses llogaria publike e Mimeng dhe pse është kaq e popullarizuar?Ka arsye pas saj

Si u bë e suksesshme llogaria zyrtare e Mimi Meng? Pse është kaq popullor? Ka një forcë shtytëse pas kauzës! Që kur Mi Meng filloi të shkruante llogaritë publike të WeChat më 2012 shtator 9, ajo fitoi 15 ndjekës në vetëm dy muaj, duke tejkaluar menjëherë arritjet e shumë njerëzve, gjë që i bëri shumë njerëz shumë kurioz.

Katër mësuesit dhe nxënësit e Tang Seng diskutuan kontaktet e miqve të WeChat dhe fjalimi i Sun Wukong më bëri të habitur

Tang Sanzang dhe katër dishepujt e tij diskutuan për rrjetin e miqve të WeChat-it. Haha, nuk e prisja që fjalimi i Sun Wukong do të më bënte papritmas të ndriçuar ...

Analiza e karakteristikave psikologjike të leximit të përdoruesve në epokën e mediave të reja: nëse zotëroni këto 7, do të fitoni

Analiza e karakteristikave psikologjike të leximit të përdoruesve në epokën e re të medias: Nëse i zotëroni këto 7, do të fitoni para Nëse duam të kemi sukses në drejtimin e një llogarie publike në WeChat, duhet të studiojmë natyrën njerëzore, të analizojmë psikologjinë e leximit të përdoruesit dhe të kuptojmë sjelljen e leximit të përdoruesit.

Nëse nuk po përdorni kodin e shkurtër në redaktorin e WordPress dhe dëshironi ta telefononi diku tjetër, mund ta telefononi me kodin e mëposhtëm:

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

XNUMX. Shto një buton redaktues

Nëse duhet të futni manualisht kodin e shkurtër çdo herë, duket shumë i rëndë, çfarë duhet të bëj?

Fuqia e WordPress është se na lejon të thjeshtojmë gjërat komplekse ^_^

1) Shto butonin e tekstit të redaktuesit

WordPress ka një redaktues të integruar TinyMCE si parazgjedhje. Mund të shtojmë butona të shkurtoreve në ndërfaqen e tekstit të redaktuesit TinyMCE.

Hapi 3:Shto kodin e butonit të shkurtores

• Ju lutemi shtoni kodin direkt në skedarin 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
}

注意 事项

Nëse keni shtuar një kod tjetër për redaktuesin për të personalizuar butonat e shkurtoreve, thjesht<script type="text/javascript"> Më poshtë, shtoni kodin e mëposhtëm ▼

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

Përndryshe do të shkojë keq.

2) Shto butonin e vizualizimit të redaktuesit

Kur redaktojmë artikujt e WordPress, ndërfaqja e paracaktuar është zakonisht Visual.

Pra, është më mirë të shtoni një buton edhe në redaktuesin vizual.

• Ndërsa ky funksionalitet mund të zbatohet në kod, është pak i komplikuar për shumë fillestarë.
• Është e mundimshme për ekspertët, sepse është e nevojshme të shtoni kodin JS në temë, dhe nëse ndryshoni temën, duhet ta shtoni përsëri, dhe hapat janë veçanërisht të rëndë.

第 4 步:Instaloni dhe aktivizoni shtojcat

• Chen WeiliangPluginat rekomandohen:Butonat e personalizuar të redaktuesit vizual

Pas përfundimit të instalimit, nën shiritin e majtë të menusë, do të shfaqet një buton i personalizuar i redaktuesit vizual me një ikonë ingranazhi ▼

第 5 步:Kliko Shto të re

• Krijo një buton të personalizuar, çdo emër.
• Për shembull: shtimi i artikujve të brendshëm 

Thjesht duhet të ndiqni figurën më poshtë për të konfiguruar ▼

第 6 步: Opsioni i përmbajtjes së butonit

• Zgjidhni Përzgjedhjen e Përfundimit.

第 7 步: Përpara vendosjes

• Plotësoni kodin e shkurtër

Hapi 8:Shfaqni në cilësimet e redaktuesit

• Mund të kontrolloni butonat e shfaqjes së Redaktorit Vizual ose Redaktuesit të Tekstit.
• Vini re se nëse zgjidhet Redaktori i tekstit, mund të kapërceni "Shto kodin e butonit të shkurtores" më lart, përndryshe do të përsëritet.

Hapi 9:Opsionet e ikonës së butonit

• Në menynë rënëse të opsioneve, zgjidhni ikonën e kornizës.

Hapi 10:provë

• Në fund, sigurisht, ju takon juve ta provoni vetë efektin ^_^
• Nëse hapat e mësipërm janë të sakta, do të shihni butonin siç tregohet më poshtë në ndërfaqen vizuale të redaktuesit ▼