هل ترغب في معرفة كيفية إنشاء قائمة تنقل صفحة واحدة في Elementor ?

هناك مواقع ويب لها صفحة واحدة فقط (الصفحة الرئيسية). حتى عند النقر فوق عنصر قائمة التنقل ، سيتم نقلك إلى قسم آخر من نفس الصفحة بدلاً من صفحة أخرى.

الهدف من هذا النوع موقع انترنت هو التأكد من أن آخر التركيز على المحتوى الخاص بك. بالإضافة إلى المحتوى ، هناك عنصر أساسي آخر في ملف موقع انترنت إلى الصفحة هي قائمة التنقل. في Elementor، فمن السهل جدًا إنشاء قائمة التنقل الخاصة بـ a موقع انترنت إلى صفحة واحدة.

هذا المقال سيريك كيف.

لإعطائك نظرة عامة ، إليك مثال على قائمة التنقل في موقع الويب المكونة من صفحة واحدة.

إنشاء قائمة تنقل صفحة واحدة في Elementor

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

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

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

اقرأ أيضا: كيفية تعيين موضع مخصص لقائمة الجوال في Elementor

لنأخذ مثالا.

افترض أن لديك عنصر قائمة يسمى "Classes" وتريد آخر يتم توجيههم إلى قسم "الفئات" في موقع الويب المكون من صفحة واحدة في كل مرة ينقرون فيها على عنصر قائمة "الفئات".

أولاً ، قم بتحرير الصفحة باستخدام Elementor وحدد قسم "Classes" (استخدم المتصفح لراحتك).

إنشاء قائمة تنقل صفحة واحدة في Elementor

بمجرد تحديد قسم الفئات ، انتقل إلى علامة التبويب متقدم من اللوحة اليسرى وافتح الكتلة متقدم. دخولمعرف CSS من القسم في الميدان معرف CSS.

إنشاء قائمة تنقل صفحة واحدة في Elementor

كرر الخطوات المذكورة أعلاه للأقسام الأخرى التي تريد تعيينها باستخدام عناصر القائمة.

استدعاء معرّفات CSS

يمكنك استخدام أي عنصر واجهة مستخدم Elementor يحتوي على خيار لإضافة رابط لاستدعاء كل معرف CSS قمت بإضافته إلى الأقسام. ما عليك سوى لصق معرف CSS في حقل الارتباط. أضف ال " # كبادئة.

إنشاء قائمة تنقل صفحة واحدة في Elementor

إذا كنت تريد استخدام أداة قائمة التنقل ، فيمكنك تغيير القائمة التي تستخدمها. في حقل URL لكل عنصر قائمة ، اكتب معرف CSS مع "#" كبادئة.

احصل على Elementor Pro الآن !!!

وفي الختام

هنا ! هذا كل شيء في هذا المقال الذي يوضح لك كيف إنشاء قائمة ملء الشاشة في Elementor. إذا كانت لديك أية مخاوف بشأن كيفية الوصول ، فأخبرنا بذلك تعليقات.

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

ولكن في هذه الأثناء ، شارك هذا المقال على الشبكات الاجتماعية المختلفة.

...