إنشاء جدول المحتويات تلقائيًا باستخدام Tocbot
أصبح المحتوى الأطول هو القاعدة مع استقبال أقوى من Google وكذلك المستخدمين. ولكن يمكن تعبت قليلاً من قراءة المحتوى الطويل مع طن من العناوين الفرعية للتصفح.
أدخل توكبوت ، مجانا جدول المحتويات مولد بنيت على جافا سكريبت. يؤدي هذا تلقائيًا إلى إنشاء قائمة ToC ثابتة في أي صفحة وتحديث وضعك أثناء التمرير بعد كل عنوان.
تتضمن الصفحة الرئيسية معاينة كاملة مع الوثائق التي يمكنك متابعتها للحصول على كل هذا الإعداد.
توكبوت لديه لا التبعيات ويجب أن تعمل في أي متصفح مع تفعيل جافا سكريبت. يمكنك فقط تضمين ملفات Tocbot JS / CSS ودعونا ننفذ. بسيط!
يمكنك حتى استخدام إصدارات CDN إذا كنت لا ترغب في تنزيل أي شيء محليًا. انها جميلة إعداد بسيط ويمكنك حتى تخصيص جدول المحتويات لتناسب احتياجاتك.
ومع ذلك ، يتطلب هذا بعض جافا سكريبت لتشغيله. على وجه التحديد تحتاج إلى تشغيل فيه() تعمل مع معلمات تحدد المكان الذي يجب أن يظهر فيه التنقل وأي عنوان (عناوين) تريد استهدافه (أي H1-H6).
ألق نظرة على ريبو جيثب لمزيد من معلومات الإعداد. هذا يشمل دعم المتصفح ، وجميع المعلمات المخصصة ، وتعليمات الإعداد لملفات JS / CSS الرئيسية.
API يأتي مع كثير من الميزات التي يمكنك تعديلها أيضًا:
- قائمة قابلة للطي من العناصر.
- العناوين الفرعية في الجدول.
- إزاحة للملاحة الجدول.
- ثابت التنقل أو ثابت.
- روابط إضافية لإضافتها إلى التنقل.
قد يفضل بعض المصممين إنشاء جدول المحتويات الخاص بهم من البداية. لكن هذه عملية تقنية إلى حد ما وتتطلب الكثير من الجهد اليدوي.
مع Tocbot كنت مجرد وظيفة واحدة JS بعيدا عن ToC العمل الذي يعمل بشكل ديناميكي عبر جميع عناوين صفحتك.
لمعرفة المزيد ، تفضل بزيارة صفحة Tocbot الرئيسية. يحتوي هذا على جميع معلومات الإعداد التي تحتاجها إلى جانب روابط التنزيل إلى إصدارات CDN (والإصدارات المحلية) لجميع ملفات Tocbot.
