الرجوع إلى المعاينة الحية →

أهلاً بك في Nav Bar Pro

شكرا Nav Bar Pro
دعمك يتيح لنا مواصلة تطوير وتحسين هذه الإضافة. نلتزم بتزويدك بمنتج عالي الجودة ودعم فني ممتاز.

هذا هو التوثيق الرسمي لإضافة Nav Bar Pro. في عالم يعتمد على الجوال أولاً، أصبح توفير تجربة تصفح واضحة وسهلة أمرًا حاسمًا لتفاعل المستخدمين. تم تصميم Nav Bar Pro لحل هذه المشكلة عبر إضافة شريط تنقل احترافي وثابت، يشبه تطبيقات الجوال، إلى موقعك الووردبريس.

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

التثبيت

اتبع هذه الخطوات البسيطة لتثبيت الإضافة على موقعك.

  1. من صفحة التنزيلات الخاصة بك في CodeCanyon، قم بتحميل ملف الإضافة المضغوط .zip.
  2. سجّل الدخول إلى لوحة تحكم ووردبريس واذهب إلى إضافات > أضف جديد.
  3. انقر على زر "رفع إضافة" في الأعلى.
  4. اختر ملف الـ .zip الذي حملته وانقر على "التنصيب الآن".
  5. بعد اكتمال التنصيب، انقر على "تفعيل".
  6. ستظهر قائمة إعدادات "Nav Bar Pro" الآن في الشريط الجانبي للوحة التحكم.
Plugin menu item in admin sidebar

شرح لوحة الإعدادات

1. تبويب المظهر

يمنحك هذا التبويب التحكم الكامل في التصميم المرئي لشريط التنقل.

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

2. تبويب شروط العرض

تتيح لك هذه الميزة القوية التحكم الكامل في أماكن ظهور شريط التنقل على موقعك.

  • وضع العرض: اختر `إظهار في كل مكان`، `إظهار فقط في المحدد` من الصفحات والمقالات، أو `إخفاء في المحدد`.
  • الاستهداف بالـ ID: عند استخدام "إظهار/إخفاء"، أدخل قائمة مفصولة بفواصل من معرفات (IDs) المقالات أو الصفحات لتطبيق القاعدة.
  • إظهار في الجوال فقط: عند تفعيله، سيظهر الشريط فقط على شاشات الأجهزة اللوحية والجوال.
Display Conditions Tab Settings

3. تبويب مصدر القائمة

اختر كيفية ملء شريط التنقل الخاص بك بالروابط والأيقونات.

  • قائمة ووردبريس: أسرع طريقة للبدء. اختر ببساطة إحدى قوائمك الموجودة مسبقًا في `المظهر > قوائم`. يمكنك إضافة أيقونات عبر إدخال كلاس الأيقونة (مثل `bi-house-fill`) في حقل "CSS Classes" الخاص بعنصر القائمة.
  • عناصر مخصصة: للتحكم الكامل، استخدم حقول التكرار لبناء قائمتك عنصرًا تلو الآخر. هذا يسمح لك بإضافة تسمية ورابط وأيقونة مخصصة (من منتقي أيقونات Bootstrap أو عبر رابط) واسم حدث مخصص لإحصائيات جوجل لكل رابط.
Menu Source Tab Settings

4. تبويب الإحصائيات

تتبع تفاعل المستخدمين عبر ربط Nav Bar Pro مع إحصائيات جوجل.

  • تفعيل تتبع GA: مربع اختيار بسيط لتشغيل أو إيقاف التكامل.
  • معرف قياس GA: أدخل معرف القياس الخاص بك في Google Analytics 4 (مثال: G-XXXXXXXXXX). سيتم إرسال النقرات على عناصر القائمة كأحداث إلى حسابك في GA4.
Analytics Tab Settings

استخدام متقدم

كيفية إيجاد مُعرّف الصفحة/المقال (ID)

لاستخدام ميزة 'الإظهار/الإخفاء في المحدد'، ستحتاج إلى معرفات الصفحات. إليك كيف تجدها:

  1. في لوحة التحكم، اذهب إلى صفحات أو مقالات.
  2. مرر الفأرة فوق العنصر المطلوب وانظر إلى معاينة الرابط في زاوية المتصفح السفلية، أو انقر على 'تحرير'.
  3. في شريط العنوان بالمتصفح، ابحث عن post=. الرقم الذي يليه هو الـ ID.
  4. https://yourwebsite.com/wp-admin/post.php?post=123&action=edit
Finding Post ID

أسئلة شائعة

1. لماذا لا يظهر شريط التنقل الخاص بي؟

هناك عدة أسباب شائعة. يرجى التحقق مما يلي:

  • هل الإضافة مفعلة؟ اذهب إلى 'إضافات' وتأكد أن Nav Bar Pro مفعلة.
  • هل القائمة فارغة؟ اذهب إلى Nav Bar Pro > مصدر القائمة وتأكد من وجود عناصر في القائمة، فالشريط لن يظهر إذا كان فارغًا.
  • تحقق من شروط العرض: اذهب إلى Nav Bar Pro > شروط العرض وتأكد أن الإعدادات تسمح بظهور الشريط في الصفحة الحالية.
  • مشاكل الكاش: إذا كنت تستخدم إضافة للكاش (التخزين المؤقت)، يرجى مسح الكاش بعد إجراء التغييرات.

سجل التغييرات

### Version 1.0.0
- Initial Release.