كيفية إضافة نمط بطاقة المقالة في WordPress؟ تضمين الرمز القصير في نموذج بطاقة المقالة

WordPressكيفية تحسين الروابط الداخلية للموقع؟

قم بإنشاء رموز قصيرة باستخدام مقالات الصور المصغرة وأزرار المحرر

تحسين الارتباط الداخلي لموقع الويب ، بتنسيقتحسين محركات البحث (SEO)لطالما كانت الروابط مهمة جدًا ، كما أن بنية الارتباط الجيدة مفيدة جدًا لتحسين محركات البحث.

إذا كانت المقالة الحالية متعلقة بمقالات أخرى ، فأضف تلقائيًا ارتباطًا إلى الصفحة:

• سيزيد بشكل كبير من عدد وعمق الزحف بواسطة عناكب محركات البحث ،
• تساعد على زيادة عدد السجلات ،
• ووزن مرساة النص بالكلمات الرئيسية.

إذا تم تحديث بعض المقالات القديمة ، فيمكنك أيضًا توجيه تعليمات عناكب محركات البحث لإعادة الزحف إلى تحديثات المحتوى للمقالات القديمة وفهرستها عن طريق إضافة روابط داخلية إلى المقالات الجديدة.

• الشكل الشائع للارتباط الداخلي هو ارتباط نصي ، والذي يكون هيكله نصًا أساسيًا .
• ولكن من أجل تحسين تجربة المستخدم ، يمكننا تحسين روابط المقالات على الصفحة الداخلية.

عندما تقرأتشن ويليانجعند التدوين ، قد تجد غالبًا أن نموذج بطاقة المقالة مضمّن مثل هذا ، مع مقالة مصغرة تحتوي على ملخص لمحتوى المقالة ، على سبيل المثال:

كيف أتقدم بطلب للحصول على رقم هاتف محمول من هونج كونج؟رقم الهاتف المحمول الافتراضي في هونغ كونغ لتلقي رمز التحقق عبر الرسائل القصيرة

eSender كود خصم رقم الهاتف المحمول في هونج كونج: DM6888 أين يمكنني شراء رقم هاتف محمول بهونج كونج؟أوصى المشغل الظاهري لبطاقة الاتصال بهونج كونج eSender إنها خدمة رقم هاتف محمول افتراضية تابعة لمجموعة Boyuan Information Group. Boyuan Information لها فروع في قوانغتشو وهونغ كونغ، الصين...

XNUMX. أضف رمزًا قصيرًا مضمنًا بنمط بطاقة المقالة

الخطوه 1:أضف كود PHP

أضف الكود التالي إلى ملف jobs.php الخاص بموضوع 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 文件夹内的图片作缩略图
}
}
}
}

إذا لم يظهر رمز الارتباط التشعبي ، فأنت بحاجة إلى استبدال ما سبق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:أضف كود CSS

أضف الكود التالي إلى ملف style.css الخاص بموضوع 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. استدعاء الرمز القصير في شكل بطاقة مقالة مضمنة (رمز قصير)

يمكنك إدخال الرموز القصيرة مباشرة في الواجهة "المرئية" أو "النصية" لمحرر المقالات 【jiawen ids =postID1,postID2 ...】 تنسيق المكالمة.

على سبيل المثال ، إذا كنت أرغب في عرض 3 مقالات مرتبطة داخليًا ، فأنا أدخل الرمز القصير فقط:

• 【jiawen ids=526,380,411】
• إذا أدخلت أكثر من 5 معرّفات مقالات ، فسيتم عرض 5 مقالات فقط على الأكثر
• يتم استخدام هذه المقالة لتجنب هروب الرموز القصيرة []
• عند استخدام الرمز القصير ، يرجى تغيير [] إلى []

التأثير على النحو التالي ▼

كيف نجح حساب Mimeng العام ولماذا يتمتع بشعبية كبيرة؟ هناك أسباب وراء ذلك

كيف أصبح حساب Mi Meng العام ناجحًا؟ لماذا تحظى بشعبية كبيرة؟ هناك قوة دافعة وراء السبب! منذ أن بدأت Mimeng في كتابة حساب WeChat الرسمي في 2012 سبتمبر 9، اكتسبت 15 معجب في شهرين فقط، وهو ما تجاوز على الفور إنجازات العديد من الأشخاص وأثار فضول الكثير من الناس بشأنها...

ناقش المعلمون الأربعة والمتدربون في Tang Seng جهات الاتصال بأصدقاء WeChat ، وقد جعلني خطاب Sun Wukong أشعر بالراحة

ناقش أساتذة وتلاميذ Tang Monk أصدقاء WeChat وعلاقاتهم. لقد جعلني خطاب Sun Wukong مستنيرًا. لقد قرأنا جميعًا رحلة إلى الغرب. هل رأيت Tang Sanzang وSun Wukong وZhu Bajie وSha Wujing؟ الأصدقاء والاتصالات؟ هاها، لم أتوقع أن يصيبني خطاب سون ووكونج بالذهول...

تحليل الخصائص النفسية لقراءة المستخدمين في عصر الوسائط الجديدة: إذا أتقنت هذه السبعة ، فستكسب

تحليل خصائص علم نفس القراءة للمستخدمين في عصر الإعلام الجديد: إذا أتقنت هذه الخصائص السبعة، فسوف تجني المال. المقدمة: إذا أردنا أن ننجح كحساب رسمي على WeChat، فيجب علينا دراسة الطبيعة البشرية وتحليل قراءة المستخدمين علم النفس، وفهم سلوك القراءة لدى المستخدمين فقط من خلال القيام بذلك، وبهذه الطريقة فقط يمكننا تحسين ما نقوم به...

إذا كنت لا تستخدم الرمز القصير في محرر WordPress وترغب في الاتصال به في مكان آخر ، فيمكنك تسميته بالرمز التالي:

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

XNUMX. إضافة زر محرر

إذا كنت بحاجة إلى إدخال الرمز القصير يدويًا في كل مرة ، فهذا يبدو مرهقًا للغاية ، فماذا أفعل؟

تكمن قوة WordPress في أنه يسمح لنا بتبسيط الأشياء المعقدة ^ _ ^

1) إضافة زر نص محرر

يحتوي WordPress على محرر TinyMCE مدمج افتراضيًا ، ويمكننا إضافة أزرار اختصار إلى واجهة نص محرر TinyMCE.

الخطوة 3:أضف رمز زر الاختصار

• الرجاء إضافة الكود مباشرة في ملف jobs.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:خيارات رمز الزر

• في قائمة الخيارات المنسدلة ، حدد أيقونة Framed.

الخطوة 10:测试

• في النهاية ، بالطبع ، الأمر متروك لك لاختبار التأثير بنفسك ^ _ ^
• إذا كانت الخطوات المذكورة أعلاه صحيحة ، فسترى الزر كما هو موضح أدناه في الواجهة المرئية للمحرر ▼