آرٹیکل ڈائرکٹری
WordPressویب سائٹ کے اندرونی لنکس کو کیسے بہتر بنایا جائے؟
تھمب نیل آرٹیکلز اور ایڈیٹر بٹن کے ساتھ شارٹ کوڈز بنائیں
ویب سائٹ کے اندرونی لنک کی اصلاح، میںSEOلنکس ہمیشہ سے بہت اہم رہے ہیں، اور ایک اچھا لنک ڈھانچہ SEO کے لیے بہت فائدہ مند ہے۔
اگر موجودہ مضمون دوسرے مضامین سے متعلق ہے، تو خود بخود صفحہ پر ایک لنک شامل کریں:
- سرچ انجن مکڑیوں کے ذریعے رینگنے کی تعداد اور گہرائی میں بہت اضافہ کرے گا،
- ریکارڈز کی تعداد بڑھانے میں مدد،
- اور اینکر ٹیکسٹ کلیدی الفاظ کا وزن۔
اگر کچھ پرانے مضامین کو اپ ڈیٹ کیا جاتا ہے، تو آپ سرچ انجن مکڑیوں کو بھی ہدایت دے سکتے ہیں کہ وہ نئے مضامین میں اندرونی لنکس شامل کر کے پرانے مضامین کے مواد کی اپ ڈیٹس کو دوبارہ کرال اور انڈیکس کریں۔
- اندرونی لنکنگ کی ایک عام شکل ایک ٹیکسٹ لنک ہے، جس کی ساخت اینکر ٹیکسٹ ہے۔
- لیکن صارف کے تجربے کو بڑھانے کے لیے، ہم اندرونی صفحہ پر مضمون کے لنکس کو مزید بہتر بنا سکتے ہیں۔
جب آپ پڑھتے ہیںچن ویلیانگبلاگنگ کرتے وقت، آپ اکثر یہ دیکھ سکتے ہیں کہ آپ آرٹیکل کارڈ فارم کو اس طرح ایمبیڈ کرتے ہیں، تھمب نیل آرٹیکل کے ساتھ جس میں مضمون کے مواد کا خلاصہ ہوتا ہے، مثال کے طور پر:
XNUMX. ایک ایمبیڈڈ آرٹیکل کارڈ اسٹائل شارٹ کوڈ شامل کریں۔
مرحلہ 1:پی ایچ پی کوڈ شامل کریں۔
اپنی 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 文件夹内的图片作缩略图
}
}
}
}اگر ہائپر لنک آئیکن ظاہر نہیں ہوتا ہے، تو آپ کو اوپر والے کو تبدیل کرنے کی ضرورت ہے۔CSSاس میں سے fa fa-link fa-fwکو sui sui-link sui-fw
- براہ کرم اپنا WP تھیم چیک کریں، کیا کوئی /img/random/ فولڈر ہے؟
- (اگر نہیں، تو براہ کرم بنائیں)
- پھر بے ترتیب فائل میں، 20 jpg تصاویر شامل کریں۔
تصاویر کے نام 1 سے 20 تک ہیں:
- 1.jpg
- 2.jpg
- ... (اور اسی طرح)
- 20.jpg
مرحلہ 2:سی ایس ایس کوڈ شامل کریں۔
اپنی 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 سے زیادہ آرٹیکل آئی ڈیز درج کرتے ہیں تو زیادہ سے زیادہ صرف 5 آرٹیکلز دکھائے جائیں گے۔
- یہ مضمون شارٹ کوڈز سے بچنے کے لیے استعمال کیا جاتا ہے []
- شارٹ کوڈ استعمال کرتے وقت، براہ کرم [] کو [] میں تبدیل کریں
اثر درج ذیل ہے ▼
اگر آپ ورڈپریس ایڈیٹر میں شارٹ کوڈ استعمال نہیں کر رہے ہیں اور اسے کہیں اور کال کرنا چاہتے ہیں، تو آپ اسے درج ذیل کوڈ کے ساتھ کال کر سکتے ہیں:
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) ایڈیٹر ویژولائزیشن بٹن شامل کریں۔
جب ہم ورڈپریس مضامین میں ترمیم کرتے ہیں، تو ڈیفالٹ انٹرفیس عام طور پر بصری ہوتا ہے۔
لہذا، بصری ایڈیٹر میں بھی بٹن شامل کرنا بہتر ہے۔
- اگرچہ اس فعالیت کو کوڈ میں لاگو کیا جا سکتا ہے، یہ بہت سے نئے بچوں کے لیے قدرے پیچیدہ ہے۔
- ماہرین کے لیے یہ پریشانی کا باعث ہے، کیونکہ تھیم میں جے ایس کوڈ شامل کرنا ضروری ہے، اور اگر آپ تھیم تبدیل کرتے ہیں، تو آپ کو اسے دوبارہ شامل کرنا پڑتا ہے، اور یہ اقدامات خاصے بوجھل ہیں۔
مرحلہ 4:پلگ ان انسٹال اور فعال کریں۔
- چن ویلیانگپلگ ان کی سفارش کی جاتی ہے:بصری ایڈیٹر حسب ضرورت بٹن
انسٹالیشن مکمل ہونے کے بعد، بائیں مینو بار کے نیچے، گیئر آئیکن کے ساتھ ایک بصری ایڈیٹر کسٹم بٹنز ظاہر ہوں گے ▼
مرحلہ 5:نیا شامل کریں پر کلک کریں۔
- ایک حسب ضرورت بٹن بنائیں، کوئی بھی نام۔
- مثال کے طور پر: اندرونی مضامین شامل کرنا
▼ ترتیب دینے کے لیے آپ کو نیچے دی گئی تصویر کی پیروی کرنے کی ضرورت ہے۔
مرحلہ 6: بٹن کے مواد کا آپشن
- ریپ سلیکشن کو منتخب کریں۔
مرحلہ 7: ترتیب دینے سے پہلے
- شارٹ کوڈ پُر کریں۔
مرحلہ 8:ایڈیٹر کی ترتیبات میں ڈسپلے کریں۔
- آپ بصری ایڈیٹر یا ٹیکسٹ ایڈیٹر شو کے بٹن چیک کر سکتے ہیں۔
- نوٹ کریں کہ اگر ٹیکسٹ ایڈیٹر کو نشان زد کیا گیا ہے، تو آپ اوپر "شارٹ کٹ بٹن کوڈ شامل کریں" کو چھوڑ سکتے ہیں، بصورت دیگر اسے دہرایا جائے گا۔
مرحلہ 9:بٹن آئیکن کے اختیارات
- ڈراپ ڈاؤن اختیارات کے مینو میں، فریم شدہ آئیکن کو منتخب کریں۔
مرحلہ 10:ٹیسٹ۔
- آخر میں، یقیناً، یہ آپ پر منحصر ہے کہ آپ خود اثر کو آزمائیں ^_^
- اگر مندرجہ بالا اقدامات درست ہیں، تو آپ کو بٹن نظر آئے گا جیسا کہ ایڈیٹر بصری انٹرفیس میں نیچے دکھایا گیا ہے ▼
ہوپ چن ویلیانگ بلاگ ( https://www.chenweiliang.com/ ) نے اشتراک کیا "ورڈپریس میں آرٹیکل کارڈ اسٹائل کیسے شامل کریں؟ آرٹیکل کارڈ فارم میں مختصر کوڈ ایمبیڈ کریں"، جو آپ کے لیے مددگار ہے۔
اس مضمون کا لنک شیئر کرنے میں خوش آمدید:https://www.chenweiliang.com/cwl-638.html