ما هو الفهرس في المدونات؟ ولماذا يعتبر مهمًا؟
يُعتبر الفهرس (Table of Contents) أحد أهم العناصر التنظيمية داخل المقالات الطويلة، حيث يعمل كدليل إرشادي يساعد الزائر على التنقل بسهولة بين أقسام المحتوى دون الحاجة إلى قراءة المقال كاملًا من البداية إلى النهاية.
ببساطة، الفهرس هو قائمة مرتبة بعناوين المقال، تتيح للقارئ الوصول مباشرة إلى الجزء الذي يهمه بنقرة واحدة فقط.
ما هي أهمية الفهرس في المدونات؟:
وجود الفهرس داخل المقالات يمنح موقعك عدة فوائد مهمة، من أبرزها:
- تحسين تجربة المستخدم وجعل التصفح أسهل وأسرع
- تقليل معدل مغادرة الزائر للموقع
- تنظيم المحتوى الطويل بشكل احترافي
- مساعدة القارئ على الوصول السريع للمعلومة المطلوبة
- إعطاء انطباع احترافي عن المدونة
ولهذا أصبح الفهرس عنصرًا أساسيًا في أغلب المدونات والمواقع الناجحة.
مميزات هذه الإضافة:
إضافة الفهرس التي نقدمها تتميز بأنها:
- أنيقة ومنسقة بشكل جذاب
- سهلة الاستخدام ولا تحتاج إلى خبرة برمجية
- متجاوبة مع مختلف الأجهزة
- منظمة وتعرض العناوين بشكل واضح
- أفضل من العديد من الفهارس التقليدية المنتشرة
طريقة تركيب الفهرس في بلوجر:
يمكنك إضافة الفهرس بسهولة داخل مدونتك عبر اتباع الخطوات التالية:
أولا : ندعوكم إلى الانضمام إلى متابعي المدونة عبر مربع المتابعة أسفل الصفحة ليصلكم كل جديد أولًا بأول.
ثانيا: الدخول إلى لوحة تحكم بلوجر
تالتا: التوجه إلى قسم الصفحات
رابعاً: إنشاء صفحة جديدة
خامسا: تحويل محرر الكتابة إلى وضع HTML
سادسا: قم بلصق كود الفهرس داخل الصفحة في وضع HTML أضف الكود التالي:
الكود المطلوب إضافته:
<div dir="rtl" style="text-align: right;" trbidi="on"><div dir="rtl" style="text-align: right;" trbidi="on"><div style="-webkit-box-shadow: #EE9A23 0px 0px 0px 4px, rgba(10, 10, 0, 0.496094) 2px 1px 4px 4px; background-attachment: initial; background-clip: initial; background-color: #ee9a23; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-color: #ffffff; border-image: initial; border-style: dashed; border-top-left-radius: 3px; border-top-right-radius: 3px; border-width: 2px; box-shadow: #EE9A23 0px 0px 0px 4px, rgba(10, 10, 0, 0.496094) 2px 1px 6px 4px; color: white; font-size: 21px; line-height: 1.3em; margin: 10px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; padding-top: 5px; text-align: center; text-shadow: #EE9A23 -1px -1px;"><span style="font-size: large;">فهرس المدونة</span> </div><div dir="rtl" style="text-align: right;" trbidi="on"><div style="text-align: center;"><br /><div dir="rtl" style="text-align: right;" trbidi="on"><link href="https://sites.google.com/site/3hmedh/ps-tek.css" media="screen" rel="stylesheet" type="text/css"></link><script src="https://sites.google.com/site/3hmedh/js1.js"></script><script src="https://abdourabih.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script><script type="text/javascript"> var accToc=true; </script> <script src="https://sites.google.com/site/3hmedh/js2.js?attredirects=0&d=1" type="text/javascript"></script></div></div></div></div></div>
سابعا: استبدل هذا الرابط:
https://abdourabih.blogspot.com
بالرابط الخاص بمدونتك.
بعد ذلك قم بحفظ الصفحة ونشرها، وسيصبح الفهرس جاهزًا للاستخدام داخل مدونتك بشكل احترافي ومنظم.
يفضل إضافة الفهرس داخل صفحة ثابتة وليس داخل مقال عادي، حتى يكون سهل الوصول إليه من طرف الزوار في أي وقت.
في الختام:
نأمل أن تكون هذه الإضافة قد نالت إعجابكم وساهمت في تحسين وتنظيم محتوى مدوناتكم بطريقة أكثر احترافية وجاذبية، مما يسهل على الزوار تصفح المقالات والوصول إلى المعلومات بسرعة وراحة أكبر.
يسعدنا دائمًا قراءة آرائكم واقتراحاتكم في التعليقات، فهي تساعدنا على تطوير المحتوى باستمرار وتقديم شروحات وإضافات جديدة تلبي احتياجاتكم.
ولا تنسوا مشاركة الموضوع مع أصدقائكم ليستفيد الجميع، ونتمنى لكم التوفيق والنجاح في تطوير مدوناتكم.
.png)
إرسال تعليق