امنح هذا البرنامج الإضافي المجاني الخاص بـ WordPress مدة أقصاها 90 يومًا، وسوف يعزز إيراداتك بشكل لم يحدث من قبل!

انسَ جميع استراتيجياتك التسويقية الحالية (التسويق عبر البريد الإلكتروني، النشر كضيف، اللافتات، المراجعات، إلخ)، فقد أصبحت جميعها قديمة. Brouavo أداة ثورية تُحوّل 30% من زياراتك "الخاملة" إلى دخل مضمون. إنها الأداة المثالية للترويج لبرامج التسويق بالعمولة أو بيع منتجاتك الخاصة.

اعتمادًا على أدائك، نقدم لك أيضًا ترخيصًا احترافيًا لمكونات WordPress الإضافية مثل: Elementor Pro، TranslatePress، Divi Builder & Ai، All In One SEO Pro، اشتراكات العضوية المدفوعة

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

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

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

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

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

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

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

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

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

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

لنأخذ مثالا.

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

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

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

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

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

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

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

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

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

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

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

الخاتمة

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

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

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

...

يعلقون عليه على موقع Pinterest