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

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

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

متى ولماذا يجب عليك استخدام المقتطفات في ووردبريس

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

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

يعني التبديل إلى المقتطفات أن صفحاتك ستحمل بشكل أسرع لأنه يتم تحميل مقتطف فقط من كل مقال. فيما يلي بعض الأماكن حيث يكون استخدام المقتطفات منطقي:

• صفحتك الرئيسية، إذا كانت تعرض منشورات المدونة
• صفحات الأرشيف الخاصة بك للفئات والوسوم
• صفحة مدونتك، خاصة إذا كنت تستخدم صفحة رئيسية ثابتة

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

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

لماذا قد ترغب في تخصيص مقتطفاتك

إذا كان قالب ووردبريس الخاص بك يستخدم مقتطفات افتراضي، فسيقوم ووردبريس تلقائيًا بإنشاء مقتطف لك.

افتراضيًا، يستخدم ووردبريس أول 55 كلمة من منشورك، على الرغم من أن العديد من القوالب ستعرض المزيد.

إذن ما الخطأ في ذلك؟ ألا يمكنك توفير الوقت من خلال السماح لـ ووردبريس بإنشاء المقتطف لك؟

في تجربتنا، لا يعمل هذا بشكل جيد مع معظم مواقع الويب.

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

إليك مثال من موقع يستخدم قالب Blogus:

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

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

ومع ذلك، دعنا نلقي نظرة على طرق مختلفة لتخصيص المقتطفات في ووردبريس.

1. كيفية إضافة مقتطف مخصص في ووردبريس (افتراضي)

إن إضافة مقتطف مخصص في ووردبريس أمر بسيط للغاية. أولاً، تحتاج إلى إنشاء منشور جديد أو تعديل منشور موجود.

في لوحة “المقال” الموجودة على الجانب الأيسر من محرر محتوى ووردبريس، يجب أن ترى رابط “تعديل المقتطف” أسفل عنوان المنشور والصورة المميزة مباشرة.

عند النقر فوقه، سيتم عرض مربع المقتطف حيث يمكنك كتابة ملخص منشورك.

يمكنك كتابة مقتطف منشورك المخصص هنا. لقد قمنا ببساطة بنسخ الفقرة الأولى من منشورنا نفسه.

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

سيستخدم قالب ووردبريس الخاص بك الأن المقتطف المخصص لهذه التدوينة.

كما ترى، لا يتم عرض رابط “اقرأ المزيد” بعد المقتطف. وبناء على القالب الذي تستخدمه، قد لا يحتوي المقتطفات المخصصة على هذا الرابط.

لا يزال بإمكان القارئ النقر على عنوان المنشور أو الصورة المميزة للمنشور لقراءة المنشور بالكامل.

2. تغيير طول المقتطف

إذا كنت تريد تغيير طول المقاطع المقتطفة على موقعك، يمكنك استخدام اضافة WPCode المجانية.

في رأينا، يعد WPCode أسهل طريقة لإدارة الكود المخصص في ووردبريس. فهو يأتي مع مكتبة مفيدة تضم عشرات المقتطفات المقتطفة الشائعة الاستخدام في ووردبريس والتي تساعدك على تخصيص ووردبريس دون تثبيت اضافات.

لمزيد من التفاصيل، راجع مراجعة WPCode الكاملة الخاصة بنا.

في هذا القسم، سنستخدم أحد المقتطفات المقتطفة المضمنة في WPCode.

للبدء، تحتاج إلى تثبيت WPCode وتنشيطه. لمزيد من التفاصيل، يمكنك الاطلاع على دليلنا خطوة بخطوة حول كيفية تثبيت اضافة ووردبريس.

بمجرد التنشيط، يمكنك الانتقال إلى Code Snippets » Add Snippet في لوحة تحكم ووردبريس الخاصة بك والبحث عن “excerpt”.

حرك الماوس فوق النتيجة بعنوان “Change Excerpt Length” وانقر فوق الزر “Use Snippet”.

ستقوم الاضافة بعد ذلك بإدراج مقتطف الكود التالي لك:

add_filter(
    'excerpt_length',
    function ( $length ) {
        // Number of words to display in the excerpt.
        return 40;
    },
    500
);

بعد ذلك، ستظهر لك شاشة “Edit Snippet”. لقد قام WPCode بالفعل بتكوين جميع الإعدادات لك مسبقًا.

بشكل افتراضي، سيقتصر هذا المقتطف على 40 كلمة. يمكنك تعديل الرقم في السطر 5 بما يناسب مدونة ووردبريس الخاصة بك.

بمجرد تحديد طول المقتطف الذي تريده، ما عليك سوى تبديل المفتاح إلى “Active” والنقر فوق الزر “Update”.

الآن، عند زيارة موقعك، ستكون المقتطفات المختصرة في أي مكان يعرضها فيه القالب.

فيما يلي مثال لكيفية ظهورها باستخدام قالب Twenty Twenty-Two وتعيين مقتطف WPCode لعرض 5 كلمات.

لاحظ أن المقتطف من WPCode يعمل فقط مع المقتطفات الافتراضية التي ينشئها ووردبريس.

تغيير طول المقتطفات المخصصة

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

أولاً، انتقل إلى Code Snippets » Add Snippet. ما عليك سوى تحريك الماوس فوق “Add Your Custom Code (New Snippet)” والنقر فوق الزر “Use Snippet”.

بعد ذلك، سترى صفحة “Create Custom Snippet”.

ستحتاج الأن إلى إعطاء عنوان للمقتطف الجديد ثم لصق الكود التالي في حقل “Code Preview”:

add_filter( 'get_the_excerpt', function( $excerpt, $post ) {
     
    $excerpt_length = 40; // Change excerpt length 
    $excerpt_more   = '...<br><br><a href="' . get_permalink($post->ID) . '">Read More »</a>'; // Add ellipsis and 'Read More' permalink text when trimmed
     
    if ( has_excerpt( $post ) ) {
        $excerpt = wp_trim_words( $excerpt, $excerpt_length, $excerpt_more );
    }
     
    return $excerpt;
     
}, 10, 2 );

يمكنك تغيير قيمة $excerpt_length في السطر 3 لاختيار عدد الكلمات التي سيحتوي عليها المقتطف المخصص.

بالإضافة إلى ذلك، سيؤدي تحرير النص المميز أدناه في السطر 4 إلى تغيير نص الرابط لرابط “Read More” عند اقتصاص المقتطف.

عندما تقوم بتخصيص المقتطف وفقًا لاحتياجاتك، تأكد من تعيين “Code Type” على “PHP Snippet”.

بعد ذلك، يمكنك الانتقال إلى تبديل المفتاح إلى “Active” والنقر فوق الزر “Save Snippet”.

الأن، عندما تزور موقعك، سترى أن المقتطفات المخصصة الخاصة بك تم اختصارها إلى الطول الذي اخترته في السطر 3.

3. تغيير النص “Read More” للمقتطفات

بالإضافة إلى المقطع المقتطف أعلاه، يمكنك أيضًا استخدام مكتبة مقتطفات WPCode لتغيير نص “Read More” الذي يظهر مع المقتطفات في معظم السمات.

ما عليك سوى تثبيت وتفعيل اضافة WPCode المجانية. لمزيد من المعلومات، يمكنك اتباع دليلنا خطوة بخطوة حول كيفية تثبيت اضافة ووردبريس.

بمجرد التنشيط، يمكنك الانتقال إلى Code Snippets » Add Snippet في لوحة التحكم ووردبريس الخاصة بك. من هناك، ابحث عن “excerpt” وحرك الماوس فوق النتيجة بعنوان “Change Read More Text for Excerpts”.

يمكنك النقر فوق الزر “Use Snippet” للانتقال إلى صفحة “Edit Snippet”. لقد قام WPCode بالفعل بتكوين مقتطف الكود مسبقًا لك، وبشكل افتراضي، تم ضبطه ليقول “Read the whole post”.

ومع ذلك، يمكنك استبدال النص الموجود في السطر الرابع بأي شيء تريده، على سبيل المثال، معرفة المزيد.

عندما تصبح راضي عن النص الجديد، ما عليك سوى تبديل المفتاح إلى “Active” والنقر فوق الزر “Update”.

4. عرض مقتطفات في قالبك

تتضمن معظم قوالب ووردبريس الأكثر شهرة دعم مدمج لعرض مقتطفات مخصصة في منشوراتك.

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

إضافة مقتطفات من المنشور في قوالب الكتل

إذا كنت تستخدم قالب كتلة من الكتل، فيمكنك الانتقال إلى صفحة المظهر » المحرر لتحرير القالب في محرر الموقع.

سيؤدي هذا إلى فتح محرر الموقع. انقر فوق التمبلت الذي تريد تحريره من الشريط الجانبي الأيمن أو أشر ببساطة إلى المنطقة التي يتم عرض منشوراتك فيها.

يمكن لـ محرر الموقع الكامل عرض أحدث منشوراتك باستخدام كتلة حلقة الاستعلام، وهي الطريقة القياسية لعرض قائمة المنشورات.

بعد إضافة كتلة حلقة الاستعلام، تحتاج إلى النقر فوق الزر “اختيار” لتحديد نمط.

يتضمن ووردبريس عدة تخطيطات كأنماط لحلقة الاستعلام، ويمكنك الاختيار من بين الشبكة والجدول والقائمة والمزيد.

سيعرض تمبلت المنشور الناتج الأن مقتطف المنشور تلقائيًا.

ومع ذلك، الشيء الوحيد الذي يمكنك تغييره هنا هو قراءة المزيد من النص.

إضافة مقتطفات من المنشور في القوالب الكلاسيكية

إذا كنت تستخدم قالب كلاسيكي، فيمكنك إضافة مقتطف من المنشور عن طريق إنشاء قالب فرعي وإضافة بعض الكود.

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

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

ستختلف أسماء الملفات قليلاً حسب القالب الخاص بك، ولكن من المحتمل أنك تبحث عن home.php وcontent.php وarchive.php وcategory.php.

في كل من هذه الملفات، ستحتاج إلى العثور على هذا السطر:

<?php the_content(); ?>

بعد ذلك، سوف تحتاج إلى استبداله بعلامة the_excerpt مثل هذا:

<?php the_excerpt(); ?>

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

الطريقتان التاليتان تعتبران بدائل رائعة.

5. إظهار بداية منشوراتك باستخدام علامة المزيد

هناك طريقة أخرى لإنشاء نسخة مختصرة من منشورك لصفحتك الرئيسية وصفحات الأرشيف على ووردبريس وهي استخدام وسم “المزيد”.

تختلف هذه الطريقة قليلاً عن المقتطف. فبدلاً من إنشاء مقتطف نصي فقط من منشورك، تتيح لك علامة “المزيد” فصل منشورك عند نقطة معينة.

هذا يعني أن الجزء الأول فقط من منشورك (حتى الوسم) سيظهر في قائمة المنشورات على صفحتك الرئيسية وصفحة الفئات وما إلى ذلك. تكمن فائدة علامة “المزيد” في أنها تحافظ على تنسيقك بالكامل.

في النقطة التي تضع فيها وسم “المزيد”، سيعرض ووردبريس رابط “اقرأ المزيد”. يمكن للقراء النقر فوق هذا الرابط للانتقال إلى منشورك بالكامل. وسيتم نقلهم تلقائيًا إلى النقطة الصحيحة في المنشور أيضًا.

لإنشاء علامة “المزيد”، أنشئ منشور جديد أو حرر منشور موجود.

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

هكذا ستظهر علامة “المزيد” داخل محرر المحتوى.

اختياريًا، يمكنك اختيار إخفاء المحتوى قبل علامة “المزيد” في المنشور الفعلي.

ملاحظة: يمكنك أيضًا إضافة علامة “المزيد” في المحرر الكلاسيكي القديم. انقر فوق المكان الذي تريد وضع العلامة فيه في منشورك نفسه، ثم انقر فوق الزر “المزيد” في شريط الأدوات المرئي.

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

6. إضافة مقتطفات ووردبريس مخصصة باستخدام الاضافة

ماذا لو لم تتمكن وظيفة المقتطفات المخصصة المضمنة في ووردبريس من القيام بما تريده! ولا تريد استخدام وسم “المزيد” أيضًا؟

هناك حل سهل. يمكنك استخدام اضافة لإنشاء وعرض المقتطفات المخصصة.

أولاً، تحتاج إلى تثبيت وتنشيط اضافة Advanced Excerpt.

ملاحظة: قد تعرض صفحة الاضافة تحذير بشأن عدم اختباره مع الإصدارات الأحدث. ومع ذلك، قمنا باختبار الاضافة وعمل كما هو متوقع. لمزيد من المعلومات، اقرأ شرحنا حول تثبيت اضافات ووردبريس غير المختبرة.

إذا لم تقم بتثبيت الاضافة من قبل، فقم بإلقاء نظرة على تعليماتنا خطوة بخطوة حول كيفية تثبيت اضافة ووردبريس.

بمجرد تنشيطه، يمكنك الانتقال إلى الإعدادات » مقتطف لإعداد كيفية عمله.

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

يمكنك أيضًا استعادة رابط “اقرأ المزيد” الذي يختفي عادة من المقتطف المخصص. ويمكنك حتى تغيير هذا إلى أي نص تريده وتغيير طريقة عمله:

نصيحة: لاستخدام مقتطفات مخصصة مع هذه الاضافة، قم بإلغاء تحديد المربع “Generate excerpts even if a post has a custom excerpt attached”.

يبدو الأمر كما يلي.

بعد إجراء تغييرات على إعدادات Advanced Excerpt، تأكد من النقر فوق الزر “حفظ” أسفل الشاشة.

باستخدام اضافة Advanced Excerpt، ستحافظ مقتطفاتك على تنسيق منشورك. إليك مقتطف تم إنشاؤه تلقائيًا مع تنشيط الاضافة.

كما ترى، تم الاحتفاظ بفاصل السطر والنص المائل.

بشكل افتراضي، ستستخدم اضافة Advanced Excerpt مقتطفات من صفحتك الرئيسية وموجز RSS وصفحات الأرشيف الأخرى.

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

موارد إضافية

فيما يلي بعض الموارد المفيدة التي قد تجدها مفيدة في تخصيص ووردبريس لتحسين تفاعل المستخدم.

• كيفية إضافة الكلمات الرئيسية والوصف التعريفي في ووردبريس
• أفضل ممارسات الدعوة إلى اتخاذ إجراء (CTA) لضمان تحويلات صفحات الوصول
• كيفية إضافة بيانات التعريف التعريفي لـ فيسبوك Open Graph في قوالب ووردبريس
• كيفية إضافة حقول تعريفية مخصصة إلى تصنيفات مخصصة في ووردبريس

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