هل تريد معرفة كيفية إنشاء قائمة تنقل بصفحة واحدة في Elementor؟
توجد مواقع إلكترونية تتكون من صفحة واحدة فقط (الصفحة الرئيسية). حتى عند النقر على عنصر في قائمة التنقل، سيتم نقلك إلى قسم آخر من نفس الصفحة بدلاً من صفحة مختلفة تماماً.
يهدف هذا النوع من المواقع الإلكترونية إلى إبقاء تركيز الزوار منصبًا على المحتوى. إلى جانب المحتوى، تُعدّ قائمة التنقل عنصرًا أساسيًا آخر في المواقع ذات الصفحة الواحدة. يُمكن إنشاء قائمة تنقل لموقع ذي صفحة واحدة بسهولة تامة باستخدام Elementor.
هذا المقال سيريك كيف.
لإعطائك فكرة، إليك مثال على قائمة التنقل في موقع ويب من صفحة واحدة.
كما ذكرنا، ليس من الصعب إنشاء قائمة تنقل لموقع ويب من صفحة واحدة مثل الموقع المذكور أعلاه في Elementor.
على الرغم من أن بعض الوظائف الإضافية ، مثل الإضافات الأساسية et حزمة الطاقة، تأتي مع عنصر واجهة مستخدم لإنشاء التنقل على الصفحة ، يمكنك أيضًا إنشاء واحدة دون تثبيت وظيفة إضافية.
الفكرة الأساسية هي ربط عنصر من عناصر القائمة بقسم محدد من الصفحة. وللقيام بذلك، عليك إضافة مُعرّف CSS إلى القسم الذي تريد الربط به.
اقرأ أيضا: كيفية تعيين موضع مخصص لقائمة الجوال في Elementor
لنأخذ مثالا.
لنفترض أن لديك عنصر قائمة يسمى "الصفوف" وتريد أن يتم توجيه زوارك إلى قسم "الصفوف" في موقعك الإلكتروني المكون من صفحة واحدة في كل مرة ينقرون فيها على عنصر قائمة "الصفوف".
أولاً، قم بتحرير الصفحة باستخدام Elementor وحدد قسم "Classes" (استخدم المتصفح لتسهيل الأمر).
بعد تحديد قسم الفصول الدراسية، انتقل إلى علامة التبويب متقدم من اللوحة اليسرى وافتح الكتلة متقدمادخلمعرف CSS من القسم في الميدان معرف CSS.
كرر الخطوات المذكورة أعلاه للأقسام الأخرى التي تريد تعيينها باستخدام عناصر القائمة.
استدعاء معرّفات CSS
يمكنك استخدام أي أداة من أدوات Elementor التي تتيح إضافة رابط لاستدعاء كل مُعرّف CSS أضفته إلى الأقسام. ما عليك سوى لصق مُعرّف CSS في حقل الرابط. أضف "#"كبادئة".
إذا كنت ترغب في استخدام أداة قائمة التنقل، يمكنك تعديل القائمة التي تستخدمها. في حقل عنوان URL لكل عنصر من عناصر القائمة، اكتب معرّف CSS مسبوقًا بعلامة "#".
احصل على Elementor Pro الآن !!!
خاتمة
هذا كل شيء! هذا كل ما يتعلق بهذه المقالة التي توضح لك كيف إنشاء قائمة ملء الشاشة في Elementor. إذا كانت لديك أية مخاوف بشأن كيفية الوصول ، فأخبرنا بذلك تعليقات.
ومع ذلك ، يمكنك أيضا استشارة مواردنا، إذا كنت بحاجة إلى مزيد من العناصر لتنفيذ مشاريعك الخاصة بإنشاء مواقع الإنترنت ، من خلال الرجوع إلى دليلنا على وورد خلق بلوق أو واحد على ديفي: أفضل موضوع وورد في كل العصور.
ولكن في هذه الأثناء ، شارك هذا المقال على الشبكات الاجتماعية المختلفة.
...