random
آخر الأخبار

إضافة جدول المحتويات لمدونة بلوجر بشكل إحترافي

الصفحة الرئيسية

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


في هذا الموضوع، سأوضح لك كيف يمكنك انشاء وكذا إضافة إضافة جدول المحتويات لمدونة بلوجر بشكل إحترافي [TOC] في مقال مدونة بلوجر BLOGGER. 


  • اضافة جدول المحتويات لمدونة بلوجر باستخدام سطر بسيك من كود HTML.


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


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


مدونة بلوجر,إضافة جدول المحتويات لمدونة بلوجر بشكل إحترافي,بلوجر,جدول المحتويات في بلوجر,جدول المحتويات,اضافة جدول محتويات المقال الي مدونة بلوجر,اضافات بلوجر,إضافة جدول المحتويات على بلوجر,سكريبت جدول المحتويات تلقائيا لمدونة بلوجر,انشاء مدونة بلوجر,اضافة جدول محتويات الموضوع فى بلوجر,جدول المحتويات بلوجر,دورة بلوجر,اضافه فهرس لمدونه بلوجر,فهرس مدونة بلوجر,طريقة اضافة جدول احترافي الى مدونة بلوجر,طريقة اضافة جدول احترافي في مدونة بلوجر,إضافة جدول المحتوى في مدونة بلوجر,اضافات بلوجر احترافية

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


  • دعنا نفهم بعض الأشياء الأساسية حول اضافة جدول محتويات مدونات بلوجر Toc في قالب بلوجر.

ما هو جدول محتويات المقال؟


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


تأثير اضافة جدول المحتويات لمدونة بلوجر على السيو


عندما تكتب محتوى طوي لاًحول 2000 إلى 3000 كلمة مع عدة عناوين وعناوين فرعية، سيكون من الصعب على المستخدم فهم بنية الموضوع بشكل أفضل.


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


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



مدونة بلوجر,إضافة جدول المحتويات لمدونة بلوجر بشكل إحترافي,بلوجر,جدول المحتويات في بلوجر,جدول المحتويات,اضافة جدول محتويات المقال الي مدونة بلوجر,اضافات بلوجر,إضافة جدول المحتويات على بلوجر,سكريبت جدول المحتويات تلقائيا لمدونة بلوجر,انشاء مدونة بلوجر,اضافة جدول محتويات الموضوع فى بلوجر,جدول المحتويات بلوجر,دورة بلوجر,اضافه فهرس لمدونه بلوجر,فهرس مدونة بلوجر,طريقة اضافة جدول احترافي الى مدونة بلوجر,طريقة اضافة جدول احترافي في مدونة بلوجر,إضافة جدول المحتوى في مدونة بلوجر,اضافات بلوجر احترافية


  • لذلك، يمكن للمستخدم التخطي مباشرة إلى قسم معين من منشور المدونة مباشرة داخل نتيجة البحث.

كيفية إضافة جدول بسيط للمحتوى في منشورات مدونة بلوجر.[طريقة يدوية]

 

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


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


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


تحتاج فقط إلى تعديل بعض التعليمات البرمجية في محرر المنشورات باستخدام عرض HTML. 


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


مدونة بلوجر,إضافة جدول المحتويات لمدونة بلوجر بشكل إحترافي,بلوجر,جدول المحتويات في بلوجر,جدول المحتويات,اضافة جدول محتويات المقال الي مدونة بلوجر,اضافات بلوجر,إضافة جدول المحتويات على بلوجر,سكريبت جدول المحتويات تلقائيا لمدونة بلوجر,انشاء مدونة بلوجر,اضافة جدول محتويات الموضوع فى بلوجر,جدول المحتويات بلوجر,دورة بلوجر,اضافه فهرس لمدونه بلوجر,فهرس مدونة بلوجر,طريقة اضافة جدول احترافي الى مدونة بلوجر,طريقة اضافة جدول احترافي في مدونة بلوجر,إضافة جدول المحتوى في مدونة بلوجر,اضافات بلوجر احترافية


  1. الخطوة 1: حول طريقة اضافة جدول table of contents لمدونة بلوجر هي أن تنشأ منشورا جديدا أو افتح منشورا موجودا حيث تريد جدول المحتويات.
  2. الخطوة 2: الآن قم بالتبديل إلى عرض html واكتب CTRL + F. ابحث عن علامات العناوين h2 وh3 وما إلى ذلك.
  3. الخطوة 3: الآن أضف رمزًا قصيرًا مثلid = "1"،id = "2"على علامة العنوان.
  4. الخطوة 4: عد الآن إلى طريقة عرض الإنشاء وانسخ كل العناوين وألصقها في نص عادي كما هو موضح أدناه.
  5. الخطوة 5: حدد الآن نص العنوان الأول وانقر على زر الارتباط واكتب# 1واحفظه.
  6. الخطوة 6: الآن استبدل جميع العناوين العادية برابط مثل# 2، # 3، إلخ، واحفظه.


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


قم الآن بنشر المنشور بعد الفحص النهائي وسيكون "جدول محتويات المقال" الخاص بك جاهزًا للاستخدام من قبل المستخدم الخاص بك.


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


كيفية إضافة تأثير تمرير سلس في جدول المحتويات اليدوي 


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

 

  • ما عليك سوى إضافة كون CSS الموجود بالملف أدناه إلى قالبك. 


  1. يمكنك لصقه فوق وسمك المودود بالقالب.
  2. أو إضافة الكود من تخصيص القالب عبر خاصية إضافة CSS.

 

  • انسخ كود CSS للحصول على تأثير تمرير سلس




لاحظ هنا أن هذا الرمز سيعمل مع علامتي h2 وh3. 


في صفحة المقاليمكنك إضافة المزيد من العلامات في كود CSS أعلاه عن طريق إضافة علامات مثل h4 [id] وh5 [id] وما إلى ذلك.


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

 

  • ملاحظة: يمكنك تخصيص جدول المحتويات تلقائيا باستخدام محرر CSS المضمن

كيفية إضافة جدول تلقائي للمحتوى في Blogger


في هذه الطريقة.


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


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


  • ملاحظة: قبل متابعة الخطوات، تأكد من أن قالب المدونة الخاص بك يدعم مكتبتي jQuery&Font Awesome Icons.


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


  • الخطوة 1: انقر فوق تحرير أكواد القالب وألصق الرمز أدناه بعد علامة </body> مباشرةً.

تحميل كود جدول المحتويات


إضافة جدول المحتويات لمدونة بلوجر بشكل إحترافي

  • الخطوة 2: ألصق الكود أدناه فوق وسم ]]></b:skin>

/* TOC by techyleaf */

.table-of-contents{flex:auto;width:fit-content;background:#eee;font-size:14.5.5px;padding:11px;margin:8px 0 30px 0}

.table-of-contents li{margin:0 0 0.25em 0}

.table-of-contents a{color:#2a5365}

.table-of-contents h4{margin:0;cursor:pointer}

.table-of-contents h4:before{font-family:FontAwesome;content:"\f0c9";padding-right:7px;}

/* For Fontaweosme 5 

.table-of-contents h4:before{font-family:'Font Awesome 5 Free';content:"\f0c9";padding-right:7px;}

*/


  • الخطوة 3: انتقل الآن إلى محرر منشورات بلوجر وانتقل إلى عرض HTML والصق الرمز القصير أدناه حيث تريد اضافة جدول المحتويات لمدونة بلوجر.


<div class = 'toc-pro'> </div> 



مدونة بلوجر,إضافة جدول المحتويات لمدونة بلوجر بشكل إحترافي,بلوجر,جدول المحتويات في بلوجر,جدول المحتويات,اضافة جدول محتويات المقال الي مدونة بلوجر,اضافات بلوجر,إضافة جدول المحتويات على بلوجر,سكريبت جدول المحتويات تلقائيا لمدونة بلوجر,انشاء مدونة بلوجر,اضافة جدول محتويات الموضوع فى بلوجر,جدول المحتويات بلوجر,دورة بلوجر,اضافه فهرس لمدونه بلوجر,فهرس مدونة بلوجر,طريقة اضافة جدول احترافي الى مدونة بلوجر,طريقة اضافة جدول احترافي في مدونة بلوجر,إضافة جدول المحتوى في مدونة بلوجر,اضافات بلوجر احترافية

الآن عليك لصق الرمز المختصر في كل منشور بالمدونة حيث تريد إنشاء جدول المحتوى التلقائي.


تخصيص كود جدول المحتويات Automatic TOC عبر CSS


  • يمكنك تخصيص جدول المحتويات بشكل أكبر عن طريق تغيير كود CSS الوارد في الخطوة 2. سترى رمز اللون مثل 2a5365 متبوع بعلامة شباك لذلك. لذلك، يمكنك استبداله برمز اللون الخاص بك.

  •   أولاً ، انتقل إلى موقع الويب htmlcolorcodes واختر رمز اللون الخاص بك وقم بتغيير الرمز eee# ولتغيير الخلفية قم باستبدال رقم اللون التالي 2a5365 بأي رقم لون ولا تنسى اتباعه برمز الشباك لتغيير اللون.
 

  • يمكنك أيضًا زيادة حجم النص عن طريق تغيير حجم خط الشفرة : 14.5.5 بكسل إلى حجم آخر مثل  حجم الخط : 18 بكسل. [تغيير لتتناسب مع حجم نص الموضوع الخاص بك]

  • ▶ يمكنك أيضًا تغيير الحشوة والهامش بسهولة حسب حاجتك.


استنتاج حول إضافة جدول المحتويات لمدونة بلوجر بشكل إحترافي

 

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

 

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


author-img
أماليا

تعليقات

ليست هناك تعليقات
إرسال تعليق
    google-playkhamsatmostaqltradent