كيفية تحويل الأسئلة الشائعة في الرياضيات إلى بلوك الأكورديون؟ دليل سهل. [2021]

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

كما تعلم ، يحتوي المكون الإضافي لـ Rank math SEO على ميزة مضمنة لإضافة مخطط الأسئلة الشائعة إلى WordPress. إذا كنت تستخدم Gutenberg أو محررًا كلاسيكيًا في WordPress ، فيمكنك إضافة الأسئلة الشائعة إلى مدونة باستخدام RankMath Blocks. لكن لها حدودها الخاصة لأنها لا تسمح لنا بتصميم الأسئلة الشائعة كما يفعل معظم منشئي الصفحات.

ولكن ، تنفيذ مخطط الأسئلة الشائعة في RankMath سهل تحسين محركات البحث واجتاز اختبار نتائج Google Rich.

الآن يمكنك بسهولة إضافة مخطط الأسئلة الشائعة باستخدام المكون الإضافي Rank Math SEO ومساعدة Google على فهم المحتوى الخاص بك بشكل أفضل. يمكن أن يساعدك أيضًا في الترتيب في أقسام مختلفة من SERPs لمحركات البحث مثل Google و Bing وما إلى ذلك.

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

هناك طريقتان يمكنك من خلالهما تحقيق ذلك. أحدهما هو تثبيت مكون WordPress خفيف الوزن وبسيط يحتوي على CSS و JS الضروريين لهذا الغرض. أو يمكنك ببساطة إضافة نص CSS و JS إلى نسقك الحالي.

كيفية إضافة نمط الأكورديون في كتل الأسئلة الشائعة في الرياضيات؟

لإضافة نمط الأكورديون إلى مجموعات الأسئلة الشائعة الخاصة بـ RankMath ، اتبع الخطوات التالية.

1. انتقل إلى منشور المدونة الخاص بك وأضف كتلة الأسئلة الشائعة من Rank math.
2. ابحث الآن عن مكون إضافي يسمى " Turn Rank Math FAQ Block to Accordion "
3. الآن قم بتنشيط هذا البرنامج المساعد & تتم إضافة تحسين محركات البحث على غرار الأكورديون في Rank math تلقائيًا.

ملاحظة : تم تطوير المكون الإضافي بواسطة " WP How Know" وهو مكون إضافي خفيف الوزن للغاية. يحتوي على نص CSS و JS الأساسي المطلوب لتحويل كتلة الأسئلة الشائعة المنظمة التي تأتي مع المكوِّن الإضافي لتحسين محركات البحث الخاص بـ RankMath إلى أكورديون قابل للطي.

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

إنه مفيد للغاية لأولئك الذين لا يرغبون في إضافة CSS و JS يدويًا إلى السمة لإضفاء لمسة أنيقة على قسم الأسئلة الشائعة.

هل ستظل كتل الأسئلة الشائعة قابلة للفهرسة بعد إضافة نمط الأكورديون؟

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

هل من الممكن تغيير نمط الأكورديون في هذا البرنامج المساعد؟

لا يحتوي هذا المكون الإضافي على أي نمط آخر ولكن لا يزال بإمكانك تغيير مظهر هذا النمط باستخدام CSS المخصص.

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

 #rank-math-faq .rank-math-list-item { border: 2px solid #F8F9F9; margin-bottom: 20px; background-color: #E5E8E8; } #rank-math-faq .rank-math-answer { margin: 0; padding: 12px; background-color: #F8F9F9; font-size: 16px!important; line-height: 1.4!important; border-bottom: 1px solid #dedee0; display: none; }

تحتاج إلى لصق كود CSS في قسم CSS الإضافي في قالبك أو في ملف style.css بمحرر النسق الخاص بك.

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

دليل الفيديو للرياضيات الرتب الأسئلة الشائعة أسلوب الأكورديون

كيف يمكن تغيير كتل مخطط الأسئلة الشائعة في RankMath إلى كتلة الأسئلة الشائعة برؤوس قابلة للطي؟ [يدوي]

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

يمكنك التحقق من النتيجة النهائية لهذه العملية اليدوية في لقطة الشاشة.

دعنا نتعلم كيف يمكنك تحقيق ذلك. فقط اتبع الخطوات بشكل صحيح.

الخطوة 1 : أضف CSS في النسق الحالي.

هنا تحتاج إلى إضافة ملف CSS أدناه إلى قسم CSS الإضافي لموضوعك أو قسم style.css لمحرر السمة.

انتقل إلى لوحة معلومات WordPress> المظهر> التخصيص> CSS إضافية > الصق الكود واحفظه.

انسخ كود CSS من هنا.

 #rank-math-faq .rank-math-list-item{ position:relative; } #rank-math-faq .rank-math-list-item input{ position: absolute; left: 0; top: 0; width: 100%; height: 41px; opacity: 0; cursor: pointer; z-index:999; } #rank-math-faq .rank-math-list-item h3 { background: #f1f2f6; padding: 10px 12px 10px 18px; cursor: pointer; font-size: 18px !important; font-weight: normal !important; position:relative; margin-bottom: 0; } #rank-math-faq .rank-math-list-item h3:before { display:inline-block; content: ""; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 12px; border-color: transparent transparent transparent #000000; margin-right: 8px; } #rank-math-faq .rank-math-list-item input:checked+h3:before { -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); } #rank-math-faq .rank-math-answer{ padding: 10px; max-height: 0; overflow:hidden; } #rank-math-faq .rank-math-list-item input:checked+h3~.rank-math-answer { max-height: 100vh; overflow:visible; } div.rank-math-list-item:hover > div.rank-math-answer { max-height: 100vh; overflow: visible; } #rank-math-faq .rank-math-answer { padding:0; }

الخطوة 2 : أضف JavaScript في محرر السمات

الآن يجب عليك إضافة JavaScript إلى محرر السمات الخاص بك لتشغيل الأكورديون القابل للطي في كتلة الأسئلة الشائعة حول Rankmath.

انتقل الآن إلى لوحة معلومات WordPress> المظهر > محرر السمات> Functions.php> الصق البرنامج النصي أدناه كما هو موضح هنا.

انسخ كود جافا سكريبت والصقه في function.php

 function faq_accordion_hook_javascript_footer() { ?> <script> jQuery(document).ready(function() { var faqBlock = jQuery("div#rank-math-faq"); var faqItems = faqBlock.find("div.rank-math-list-item"); faqItems.bind("click", function(event) { var answer = jQuery(this).find("div.rank-math-answer"); if (answer.css("overflow") == "hidden") { answer.css("overflow", "visible"); answer.css("max-height", "100vh"); } else { answer.css("overflow", "hidden"); answer.css("max-height", "0"); } }); }); </script> <?php } add_action('wp_footer', 'faq_accordion_hook_javascript_footer');

بعد إضافة جافا سكريبت لا تنسى حفظ الكود.

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

استنتاج

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

لذا ، ما هي الطريقة التي ستصمم بها مجموعات الأسئلة الشائعة حول Rank Math - اسمح لي أن أعرف في قسم التعليقات.

أيضًا ، لا تنس مشاركة هذه المقالة مع أصدقائك الذين يستخدمون Rank math لإضافة الأسئلة الشائعة.

اقرأ أيضًا : كيفية إضافة مربع المؤلف في سمة GeneratePress باستخدام عنصر الخطاف. [بدون ملحق إضافي.]