વર્ડપ્રેસમાં લેખ કાર્ડ શૈલી કેવી રીતે ઉમેરવી?આર્ટિકલ કાર્ડ ફોર્મમાં શોર્ટકોડ એમ્બેડ કરો

વર્ડપ્રેસવેબસાઇટ આંતરિક લિંક્સને કેવી રીતે ઑપ્ટિમાઇઝ કરવી?

થંબનેલ લેખો અને સંપાદક બટનો સાથે શોર્ટકોડ્સ બનાવો

વેબસાઇટ આંતરિક લિંક ઓપ્ટિમાઇઝેશન, માંSEOલિંક્સ હંમેશા ખૂબ જ મહત્વપૂર્ણ છે, અને સારી લિંક માળખું SEO માટે ખૂબ ફાયદાકારક છે.

જો વર્તમાન લેખ અન્ય લેખો સાથે સંબંધિત છે, તો આપમેળે પૃષ્ઠ પર એક લિંક ઉમેરો:

• સર્ચ એન્જિન સ્પાઈડર દ્વારા ક્રોલ કરવાની સંખ્યા અને ઊંડાઈમાં ઘણો વધારો કરશે,
• રેકોર્ડની સંખ્યા વધારવામાં મદદ કરે છે,
• અને એન્કર ટેક્સ્ટ કીવર્ડ્સનું વજન.

જો કેટલાક જૂના લેખો અપડેટ કરવામાં આવ્યા હોય, તો તમે નવા લેખોમાં આંતરિક લિંક્સ ઉમેરીને જૂના લેખોના સામગ્રી અપડેટ્સને ફરીથી ક્રોલ કરવા અને અનુક્રમિત કરવા માટે શોધ એન્જિન સ્પાઈડરને પણ સૂચના આપી શકો છો.

• આંતરિક લિંકિંગનું સામાન્ય સ્વરૂપ એ ટેક્સ્ટ લિંક છે, જેનું માળખું એન્કર ટેક્સ્ટ છે.
• પરંતુ વપરાશકર્તા અનુભવને વધારવા માટે, અમે આંતરિક પૃષ્ઠ પર લેખની લિંક્સને વધુ ઑપ્ટિમાઇઝ કરી શકીએ છીએ.

જ્યારે તમે વાંચો છોચેન વેઇલીંગબ્લોગિંગ કરતી વખતે, તમે વારંવાર શોધી શકો છો કે તમે લેખની સામગ્રીનો સારાંશ ધરાવતા થંબનેલ લેખ સાથે, ઉદાહરણ તરીકે:

હોંગકોંગ મોબાઈલ નંબર માટે કેવી રીતે અરજી કરવી?SMS વેરિફિકેશન કોડ પ્રાપ્ત કરવા માટે હોંગકોંગ વર્ચ્યુઅલ મોબાઈલ ફોન નંબર

eSender હોંગકોંગ મોબાઇલ ફોન નંબર ડિસ્કાઉન્ટ કોડ: DM6888 હું હોંગકોંગ મોબાઇલ ફોન નંબર ક્યાંથી ખરીદી શકું?હોંગકોંગ કોલિંગ કાર્ડ વર્ચ્યુઅલ ઓપરેટરની ભલામણ કરવામાં આવી છે eSender તે બોયુઆન ઇન્ફોર્મેશન ગ્રુપ હેઠળ વર્ચ્યુઅલ મોબાઇલ ફોન નંબર સેવા છે. બોયુઆન માહિતીની ગ્વાંગઝુ અને હોંગકોંગ, ચીનમાં શાખાઓ છે...

XNUMX. એમ્બેડેડ લેખ કાર્ડ શૈલી શોર્ટકોડ ઉમેરો

第 1 步:PHP કોડ ઉમેરો

તમારી WP થીમની 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 文件夹内的图片作缩略图
}
}
}
}

જો હાઇપરલિંક આઇકોન દેખાતું નથી, તો તમારે ઉપરોક્ત બદલવાની જરૂર છેસીએસએસઆ fa fa-link fa-fw, પ્રતિ sui sui-link sui-fw

• કૃપા કરીને તમારી WP થીમ તપાસો, શું ત્યાં કોઈ /img/random/ ફોલ્ડર છે?
• (જો નહીં, તો કૃપા કરીને બનાવો)
• પછી રેન્ડમ ફાઇલમાં, 20 jpg છબીઓ ઉમેરો.

ચિત્રોને 1 થી 20 નામ આપવામાં આવ્યા છે:

• 1.jpg
• 2.jpg
• ... (અને તેથી વધુ)
• 20.jpg

第 2 步:CSS કોડ ઉમેરો

તમારી 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. એમ્બેડેડ આર્ટીકલ કાર્ડ (શોર્ટ કોડ) ના રૂપમાં શોર્ટ કોડનો ઉપયોગ કરો

તમે લેખ સંપાદકના "વિઝ્યુઅલ" અથવા "ટેક્સ્ટ" ઇન્ટરફેસમાં સીધા જ શોર્ટકોડ દાખલ કરી શકો છો. 【jiawen ids =postID1,postID2 ...】 ફોર્મેટ કૉલ.

ઉદાહરણ તરીકે, જો હું આંતરિક રીતે જોડાયેલા 3 લેખો પ્રદર્શિત કરવા માંગુ છું, તો હું સીધો જ શોર્ટકોડ દાખલ કરું છું:

• 【jiawen ids=526,380,411】
• જો તમે 5 થી વધુ લેખ ID દાખલ કરો છો, તો વધુમાં વધુ માત્ર 5 લેખ જ પ્રદર્શિત થશે
• આ લેખનો ઉપયોગ શોર્ટકોડથી બચવા માટે થાય છે []
• શોર્ટકોડનો ઉપયોગ કરતી વખતે, કૃપા કરીને [] ને [] માં બદલો

અસર નીચે મુજબ છે ▼

મિમેંગનું પબ્લિક એકાઉન્ટ કેવી રીતે સફળ થયું અને શા માટે તે આટલું લોકપ્રિય છે તેની પાછળના કારણો છે

Mi Meng જાહેર ખાતું કેવી રીતે સફળ થયું? શા માટે તે આટલું લોકપ્રિય છે? કારણ પાછળ પ્રેરક શક્તિ છે! મીમેંગે 2012 સપ્ટેમ્બર, 9 ના રોજ WeChat પબ્લિક એકાઉન્ટ લખવાનું શરૂ કર્યું ત્યારથી, તેણીએ માત્ર 15 મહિનામાં 2 ચાહકો મેળવ્યા, જેણે તરત જ ઘણા લોકોની સિદ્ધિઓને વટાવી દીધી અને ઘણા લોકોને તેના વિશે ઉત્સુક બનાવ્યા...

તાંગ સેંગના ચાર શિક્ષકો અને એપ્રેન્ટિસે વીચેટ મિત્રોના સંપર્કો વિશે ચર્ચા કરી અને સન વુકોંગના ભાષણે મને સ્તબ્ધ કરી દીધો

તાંગ મોન્કના ચાર માસ્ટર્સ અને શિષ્યોએ સન વુકોંગની વાણીથી મને પ્રબુદ્ધ બનાવ્યું છે કે શું તમે તાંગ સનઝાંગ, ઝુ બાજી અને શા વુજિંગને જોયા છે અને જોડાણો? હાહા, મને અપેક્ષા નહોતી કે સન વુકોંગના ભાષણે મને સ્તબ્ધ કરી દીધો...

નવા મીડિયા યુગમાં વપરાશકર્તાઓના વાંચનની મનોવૈજ્ઞાનિક લાક્ષણિકતાઓનું વિશ્લેષણ: જો તમે આ 7 માં નિપુણતા મેળવશો, તો તમે કમાશો

નવા મીડિયા યુગમાં વપરાશકર્તાઓના વાંચન મનોવિજ્ઞાનની વિશેષતાઓનું વિશ્લેષણ: જો તમે આ 7 માં નિપુણતા મેળવશો, તો તમે કમાણી કરશો પરિચય: જો આપણે WeChat જાહેર એકાઉન્ટ તરીકે સફળ થવું હોય, તો આપણે માનવ સ્વભાવનો અભ્યાસ કરવો જોઈએ, વપરાશકર્તાઓના વાંચનનું વિશ્લેષણ કરવું જોઈએ. મનોવિજ્ઞાન, અને વપરાશકર્તાઓની વાંચન વર્તણૂકને સમજો, ફક્ત આ રીતે આપણે જે કરીએ છીએ તે વધુ સારી રીતે સુધારી શકીએ છીએ...

જો તમે વર્ડપ્રેસ એડિટરમાં શોર્ટકોડનો ઉપયોગ કરતા નથી અને તેને અન્યત્ર કૉલ કરવા માંગતા હો, તો તમે તેને નીચેના કોડથી કૉલ કરી શકો છો:

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

XNUMX. એડિટર બટન ઉમેરો

જો તમારે દરેક વખતે મેન્યુઅલી શોર્ટકોડ દાખલ કરવાની જરૂર હોય, તો તે ખૂબ જ બોજારૂપ લાગે છે, મારે શું કરવું જોઈએ?

વર્ડપ્રેસની શક્તિ એ છે કે તે અમને જટિલ વસ્તુઓને સરળ બનાવવાની મંજૂરી આપે છે ^_^

1) એડિટર ટેક્સ્ટ બટન ઉમેરો

વર્ડપ્રેસમાં બિલ્ટ-ઇન TinyMCE એડિટર છે. અમે TinyMCE એડિટર ટેક્સ્ટ ઇન્ટરફેસમાં શોર્ટકટ બટનો ઉમેરી શકીએ છીએ.

પગલું 3:શોર્ટકટ બટન કોડ ઉમેરો

• કૃપયા કોડ સીધો જ 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
}

સાવચેતી

જો તમે શોર્ટકટ બટનોને કસ્ટમાઇઝ કરવા માટે સંપાદક માટે અન્ય કોડ ઉમેર્યો હોય, તો બસ<script type="text/javascript"> નીચે, નીચેનો કોડ ઉમેરો ▼

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

નહીં તો ખોટું થઈ જશે.

2) એડિટર વિઝ્યુલાઇઝેશન બટન ઉમેરો

જ્યારે આપણે WordPress લેખો સંપાદિત કરીએ છીએ, ત્યારે ડિફોલ્ટ ઇન્ટરફેસ સામાન્ય રીતે વિઝ્યુઅલ હોય છે.

તેથી, વિઝ્યુઅલ એડિટરમાં પણ એક બટન ઉમેરવું વધુ સારું છે.

• જ્યારે આ કાર્યક્ષમતા કોડમાં લાગુ કરી શકાય છે, તે ઘણા નવા લોકો માટે થોડી જટિલ છે.
• નિષ્ણાતો માટે તે મુશ્કેલીજનક છે, કારણ કે થીમમાં JS કોડ ઉમેરવાની જરૂર છે, અને જો થીમ બદલાઈ હોય, તો તેને ફરીથી ઉમેરવાની જરૂર છે, જે ખૂબ જ બોજારૂપ લાગે છે.

第 4 步:પ્લગઇન્સ ઇન્સ્ટોલ અને સક્ષમ કરો

• ચેન વેઇલીંગપ્લગઇન્સની ભલામણ કરવામાં આવે છે:વિઝ્યુઅલ એડિટર કસ્ટમ બટનો

ઇન્સ્ટોલેશન પૂર્ણ થયા પછી, ડાબા મેનુ બાર હેઠળ, ગિયર આઇકોન સાથે વિઝ્યુઅલ એડિટર કસ્ટમ બટન્સ દેખાશે ▼

第 5 步:નવું ઉમેરો ક્લિક કરો

• કસ્ટમ બટન, કોઈપણ નામ બનાવો.
• ઉદાહરણ તરીકે: આંતરિક લેખો ઉમેરવા 

▼ સેટઅપ કરવા માટે તમારે ફક્ત નીચેના ચિત્રને અનુસરવાની જરૂર છે

第 6 步: બટન સામગ્રી વિકલ્પ

• લપેટી પસંદગી પસંદ કરો.

第 7 步: સેટિંગ પહેલાં

• શોર્ટકોડ ભરો

પગલું 8:એડિટર સેટિંગ્સમાં દર્શાવો

• તમે વિઝ્યુઅલ એડિટર અથવા ટેક્સ્ટ એડિટર શો બટનો ચકાસી શકો છો.
• નોંધ કરો કે જો ટેક્સ્ટ એડિટર ચકાસાયેલ છે, તો તમે ઉપર "શોર્ટકટ બટન કોડ ઉમેરો" છોડી શકો છો, અન્યથા તે પુનરાવર્તિત થશે.

પગલું 9:બટન આયકન વિકલ્પો

• ડ્રોપ-ડાઉન વિકલ્પો મેનૂમાં, ફ્રેમ્ડ આયકન પસંદ કરો.

પગલું 10:કસોટી

• અંતે, અલબત્ત, અસર જાતે ચકાસવી તે તમારા પર છે ^_^
• જો ઉપરોક્ત પગલાં સાચા હશે, તો તમે એડિટર વિઝ્યુઅલ ઈન્ટરફેસમાં નીચે બતાવ્યા પ્રમાણે બટન જોશો ▼