اضافة الأسئلة الشائعة الخاصة بالموضوع الأن ولأول مرة على بلوجر
االسلام عليكم لو أنت اللحين ذهبت وبحثت عن أي شيء به أسئلة او موضوع معقد
وحساس راه تلقى شيء يدعى الأسئلة الشائعة يعني بدل ماتدخل وتشوف جواب تلك
الأسئلة راح تلقا الجواب هنيك وفي درس اليوم سنتعرف عليها بالتفاصيل وطريقة
عملها على مقالات بلوجر.
الأسئلة الشائعة الداخلية
هي عبارة عن أكواد تكتب داخل أكواد الموضوع (HTML) وتظهر داخل الموضوع عند
الدخول له وتكون على شكل سؤال ولما تضغط عليه يظهر الجواب وهناك أسباب
إستخدام كثيرة للأداة والأداة التي وفرتها اليوم ليست بتلك الروعة ولكن
وضعتها كإفتراضية فقط وسيتم إضافة قريبا نسخ مطورة تعمل بXML و HTML حيث يمكن
التعديل عليها من التخطيط
طريقة تركيب الأداة
ااولا سأريكم شكله وشكله هو التالي:
--السؤال هنا--
---الجواب هنا----
---السؤال هنا--
---الجواب هنا----
الطريقة:
- الخطوة 1. قبل إنشاء أسئلة وأجوبة لمنشور مدونتك ، يجب عليك إضافة كود CSS إلى قالبك.
<style>summary {font-size: 19px;font-weight: 600;background-color: #F1F1F1;color: #333;isolation: isolate;padding: 1rem;margin-bottom: 1rem;box-shadow: -8px -4px 8px 0px#ffffff, 8px 4px 12px 0px #d1d9e6;border-radius: 0.25rem;text-align: right;cursor: pointer;position: relative;}details > summary::after { position: absolute; content:
"+"; left: 20px; } details[open] > summary::after {
position: absolute; content: "-"; left: 20px; } details
> summary::-webkit-details-marker { display: none; } details[open]
summary ~ * { animation: sweep .5s ease-in-out; isolation: isolate;
margin-bottom: 1rem; background-color: #EEEEEE; padding: 1rem; } @keyframes
sweep { 0% {opacity: 0; margin-top: -10px} 100% {opacity: 1; margin-top:
0px} }</style>
كيفية إضافته: انتقل إلى المظهر وانقر فوق تعديل HTML والبحث والصق الرمز
أعلاه ، أعلى علامة </head> مباشرةً.
- الخطوة 2. انتقل إلى لوحة تحكم بلوجر وأنشئ منشورًا جديدًا أو افتح منشورًا حيث تحتاج إلى إضافة الأسئلة الشائعة.
- الخطوه 3. تغيير وضع العرض الى وضع HTML والصق رمز HTML التالي ، حيث تريد وضع الأسئلة الشائعة في منشور المدونة الخاص بك.
<details> <summary>--السؤال هنا--</summary> <div class="$(function(AT-FAQ)"> <p> ---الجواب هنا----
</p> </div> </details> <details>
<summary>---السؤال هنا--</summary> <div class="$(function(AT-FAQ)"> <p> ---الجواب هنا----
</p> </div> </details>
الخطوة 4. استبدل الكلام باللون الاحمر بأسئلتك و أجوبتك.
الأسئلة الشائعة الخارجية:
هي نفسها الداخلية الا انها الخارجية لاتظهر بالموقع بل في نتائج بحث جوجل
ولإضافة هذا النوع لن تحتاج لأكواد cssوhtml شويتين json وخلص
إضافة هذا النوع
الخطوة 5. انتقل إلى موقع الويب هذا وأدخل الأسئلة في مربع الأسئلة وأدخل إجاباتك في مربع الإجابة. إذا كنت ترغب في إضافة المزيد من الأسئلة ببساطة اضغط على "Add another question" ومتابعة العملية.
بمجرد الانتهاء ، انسخ الكود والصقه بعد إضافة كتلة الأسئلة الشائعة في الخطوه 3. هذا الرمز غير موجود في منشورك، ولا تعتبر Google نتائج منسقة. يجب عليك إضافة الرمز اسفل المقال ليظهر في نتائج البحث، ثم انشر مقالتك.
akram lam
طالب ومصمم ومطور في xml وhtml
