شرحنا اليوم سهل و بسيط عن طريقة تقسيم محتوى موضوع أو محتوى مقالة بلوجر عند نشرها. فقط تنقر على كلمة ليتم تحويلك الى الفقرة المخصصة لتلك الكلمة أو العنوان المخصص لك. هذا ما يعطي ترتيب لتدوينتك و يسهل على الزائر الوصول للمعلومته المطلوبة. كيف يتم تقسيم محتوى المقالة ؟ أي كود سنستخدم في تقسيم محتوى التدوينة أو الموضوع؟ تابعو الشرح التالي :
مثال بسيط عن "تقسيم محتوى المقالة" :
محتوي المقالة :
الفقرة الأولى
فعند الضغط مثلا على أولا ستظهر لك هذه الجملة أو الفقرة الأولى.الفقرة الثانية
فعند الضغط مثلا على تانيا ستظهر لك هذه الجملة أو الفقرة الثانية.الفقرة الثالثة
و عند الضغط مثلا على ثالثا ستظهر لك هذه الجملة أو الفقرة الثالثة.
كيف يتم تقسيم محتوى المقالة ؟
بعد كتابتك لمقالة ما. سوف تتجه إلى تحرير Html لتلك المقالة و تضيف هذه الأكواد :
- عندك كل عنوان ستجد مثلا :
<h2> 1 العنوان </h2>
- كل ما عليك فعله هو إضافة : id="أكتب أي شيء" مثلا :
<h2 id="techsoune1"> 1 العنوان </h2>
- ثم في الفقرة الأخرى. تضيف مثلا :
<h2 id="techsoune2"> 2 العنوان </h2>
بعد ذلك يأتي دور الروابط. نعم إضافة الروابط للكلمات المستخدمة في محتوى المقالة هنا .
في تحرير Html دائما، تضيف الرابط الذي ستكون عليه التدوينة + id الذي خصصته للك الكلمة على هذا الشكل :
مثال :
كل رابط مع الكلمة المناسبة له. كيف ستعرف رابط التدوينة قبل نشرها ؟ من هنا يمكنك تخصيص الرابط .
أتمنى أن تفهموا هذا الشرح السريع و البسيط أي سؤال أتركوه في قسم التعليقات. و سأكون سعيدا بالإجابة عنه.
في تحرير Html دائما، تضيف الرابط الذي ستكون عليه التدوينة + id الذي خصصته للك الكلمة على هذا الشكل :
مثال :
https://www.techsoune.com/2019/12/Split-blog-content.html#techsoune1 https://www.techsoune.com/2019/12/Split-blog-content.html#techsoune2
- مثال أوضح :
كل رابط مع الكلمة المناسبة له. كيف ستعرف رابط التدوينة قبل نشرها ؟ من هنا يمكنك تخصيص الرابط .
أتمنى أن تفهموا هذا الشرح السريع و البسيط أي سؤال أتركوه في قسم التعليقات. و سأكون سعيدا بالإجابة عنه.