<!-- المقال الثالث: إعداد القوائم والشريط العلوي --> <h2>شرح إعداد القوائم، القوائم المنسدلة، وأيقونات التواصل</h2> <p> يمنحك قالب يسبيس تحكمًا كاملاً في قوائم التنقل في موقعك، سواء كانت القائمة الرئيسية، القائمة العلوية، أو أيقونات التواصل الاجتماعي. كل هذا يتم بسهولة من خلال قسم "التخطيط" في لوحة تحكم بلوجر. </p> <div class="separator" style="clear: both; text-align: center;"><br></div> <h3>1. التحكم في القائمة الرئيسية (قائمة المدونة)</h3> <p> هذه هي القائمة التي تظهر أسفل الشعار في صفحات المقالات والأقسام (وليس في صفحة الهبوط الرئيسية). </p> <ol> <li>اذهب إلى <b>التخطيط</b>.</li> <li>ابحث عن أداة باسم <b>"القائمة الرئيسية (المدونة)"</b> واضغط على "تعديل".</li> <li>ستفتح لك نافذة "تكوين قائمة الروابط". هنا يمكنك إضافة روابط جديدة، حذف روابط قديمة، أو إعادة ترتيبها بالسحب والإفلات.</li> <li>لإضافة رابط جديد، اضغط على زر <b>"+ إضافة عنصر جديد"</b>.</li> </ol> <div class="separator" style="clear: both; text-align: center;"><br></div> <h3>2. كيفية إنشاء قائمة منسدلة احترافية</h3> <p> من أهم مميزات القالب هي سهولة إنشاء قوائم منسدلة. لإنشاء قائمة منسدلة، اتبع هذه القاعدة البسيطة: </p> <div class="alert-box alert-info"> <b>القاعدة:</b> أي رابط يبدأ اسمه بعلامة الشرطة السفلية (<code>_</code>) سيصبح تلقائيًا عنصرًا فرعيًا تابعًا للرابط الرئيسي الذي يعلوه مباشرة. </div> <p> <b>مثال عملي:</b> لنفترض أنك تريد إنشاء قائمة "خدمات" تحتوي على "تصميم" و "تطوير". ستقوم بإضافة الروابط في أداة "قائمة الروابط" بهذا الترتيب: </p> <ol style="list-style: none; padding-right: 20px;"> <li><b>اسم الموقع الجديد:</b> خدمات<br/><b>عنوان URL للموقع الجديد:</b> # (أو رابط صفحة الخدمات)</li> <li><b>اسم الموقع الجديد:</b> _تصميم<br/><b>عنوان URL للموقع الجديد:</b> (رابط صفحة التصميم)</li> <li><b>اسم الموقع الجديد:</b> _تطوير<br/><b>عنوان URL للموقع الجديد:</b> (رابط صفحة التطوير)</li> </ol> <p> سيقوم القالب تلقائيًا بفهم هذا الترتيب وتحويله إلى قائمة منسدلة جميلة عند عرضها في الموقع. </p> <div class="separator" style="clear: both; text-align: center;"><br></div> <h3>3. التحكم في الشريط العلوي (Top Bar)</h3> <p> الشريط العلوي الذي يظهر في أعلى المدونة مقسم إلى جزأين: </p> <h4>أ. صفحات الشريط العلوي (تلقائي)</h4> <ul> <li>اذهب إلى <b>التخطيط</b> > ابحث عن أداة <b>"صفحات الشريط العلوي (تلقائي)"</b>.</li> <li>هذه الأداة من نوع "الصفحات" (PageList)، وهي تعرض تلقائيًا كل الصفحات الثابتة التي قمت بإنشائها في قسم "الصفحات" في مدونتك.</li> <li>يمكنك الضغط على "تعديل" لإخفاء صفحات معينة أو إعادة ترتيبها.</li> </ul> <h4>ب. أيقونات التواصل الاجتماعي</h4> <ul> <li>اذهب إلى <b>التخطيط</b> > ابحث عن أداة <b>"أيقونات التواصل الاجتماعي"</b>.</li> <li>هذه أداة "قائمة روابط" (LinkList) مخصصة. اضغط "تعديل".</li> <li>لإضافة أيقونة جديدة، اضغط "+ إضافة عنصر جديد".</li> <li><b>اسم الموقع الجديد:</b> اكتب اسم المنصة باللغة الإنجليزية (مثل: <code>Facebook</code>, <code>Twitter</code>, <code>Instagram</code>, <code>YouTube</code>, <code>LinkedIn</code>, <code>Pinterest</code>, <code>WhatsApp</code>, <code>Telegram</code>). القالب سيتعرف على الاسم ويظهر الأيقونة الصحيحة تلقائيًا.</li> <li><b>عنوان URL للموقع الجديد:</b> الصق رابط صفحتك على المنصة.</li> </ul> <div class="alert-box alert-warning"> <b>مهم:</b> يجب كتابة اسم المنصة بالإنجليزية وبحرف أول كبير (Capital) لتظهر الأيقونة بشكل صحيح. </div> <div class="separator" style="clear: both; text-align: center;"><br></div>