تعديلات على موقع ووردبريس

تعديلات على موقعي في ووردبريس حسب الطلبات الاتيه:

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

* Primary: #EDBF9D

* Secondary: #6262ED

* Text: #D4DEF9

* Accent: #263156

* ملاحظة حول #EDBF9D: يجب استخدام هذا اللون، الذي يمثل الرمل والأساس، بشكل معتدل للحفاظ على واجهة مستخدم جيدة.

* الوضع الداكن (Dark Mode): تطبيق ميزة الوضع الداكن للموقع. يجب وضع مفتاح التحويل للوضع الداكن في الهيدر (header)، وليس في أسفل يسار الصفحة.

ثانياً: تعديلات محددة على الصفحات والعناصر:

* عملية الدفع (قبل إضافة المنتج للسلة):

* البند 1: عند إضافة منتجات إلى السلة والتوجه إلى الدفع، يجب أن يستخدم إطار رسالة "اكمل طلبك واربح 52 نقطة خصم على مشترياتك القادمة" الألوان العالمية الجديدة.

* صفحة تأكيد الطلب (Thank You Page):

* البند 2: تظهر هذه الصفحة بعد إتمام عملية الشراء. (التغييرات المرئية المحددة مستوحاة من سياق مطابقة هوية المتجر).

* صفحة ما قبل الدفع / تسجيل المستخدم:

* البند 3: تظهر هذه الصفحة قبل إتمام عملية الدفع.

* تعديل النص إلى شيء مثل: "هل تود إنشاء حساب جديد؟ لتكسب نقاط وتحفظها في حسابك".

* إصلاح الزر الموجود أسفل هذا القسم. (على الأرجح تعديلات في الألوان والتصميم).

* صفحات فئات المنتجات (مثال: البطاقات الرقمية - PlayStation):

* البند 4 و 9: عندما يختار المستخدم فئة مثل "بطاقات رقمية" ثم فئة فرعية (مثل PlayStation)، بدلاً من عرض جميع البطاقات، يجب أن تسأل الصفحة أولاً عن اختيار المنطقة (مثال: "بلستيشن امريكي" أو "بلستيشن سعودي"). هذا التغيير مطلوب للعديد من الروابط المحددة:

* https://ramlbox.com/produ...

* https://ramlbox.com/produ...

* https://ramlbox.com/produ... (استخراج تطبيقات VPN ونقلها إلى "منتجات عامة"؛ نقل تطبيقات مكافحة الفيروسات إلى الفئة الرئيسية "اشتراكات البرامج").

* https://ramlbox.com/produ...

* https://ramlbox.com/produ... (موجودة بالفعل في https://ramlbox.com/الالع...)

* https://ramlbox.com/produ...

* إضافة Telegram و Discord و Tinder إلى صفحة Elementor: https://ramlbox.com/wp-ad....

* الأيقونات (Iconography):

* البند 5: تغيير الأيقونات في الصفحات المحددة إلى أيقونات جديدة تعكس هوية ألوان الموقع. يجب إجراء ذلك على صفحة منسوخة أولاً. الصفحات المتأثرة:

* https://ramlbox.com/بطاقا...

* https://ramlbox.com/اشترا...

* https://ramlbox.com/الالع...

* https://ramlbox.com/خدمات...

* تحديث أيقونات Amazon Prime و Tinder. (مستوحى من الصور المحاطة بدائرة في الصفحة 31).

* نص بانر الصفحة الرئيسية:

* البند 8: تكبير خط النص "استمتع بالتصميم قم بشراء البرنامج اللذي تفضله للتصميم في رمل بوكس توفر كل خيارات المصممين" في الصفحة الرئيسية.

* النظر في استخدام نوع خط مختلف (سيتم مناقشته).

* معالجة الإصلاحات الأخرى لهذا القسم.

* عدم تطابق صفحة Elementor مع الواجهة الأمامية (سلايدر/بانر):

* البند 13: إصلاح حجم وخط كتلة المحتوى ("! لأن اسعارنا من الاخر...") في الواجهة الأمامية للصفحة لتطابق مظهرها في محرر Elementor.

* تنسيق السلايدر:

* البند 15: فصل طريقة التنسيق والنص المرئي لكل شريحة في السلايدرات. حاليًا، تغيير النص أو طريقة العرض في شريحة واحدة يؤثر على جميع الشرائح الأخرى.

* تصميم خيارات المنتج (مثال: اختيار Gold لـ "Undawn | انداون"):

* البند 16: تحسين تصميم خيارات المنتج (مثال: أزرار Gold 31000, Gold 37200).

* تغيير لون الزر الأزرق الموجود أسفل الخيارات إلى لون من هوية ألوان الموقع وتعديل لون النص وفقًا لذلك.

* قسم "حسابي" في الهيدر:

* البند 18: تحت أيقونة الحساب (المشار إليها بخط أحمر)، أضف نص "حسابي".

* عند الضغط على الأيقونة أو النص، يجب أن يؤدي ذلك إلى صفحة الحساب.

* تغيير ألوان الشريط/القسم المميز (الذي يحتوي على "الرئيسية"، "الطلبات"، إلخ) إلى #D4DEF9.

* صفحة الخصومات (Discounts Page):

* البند 20: إجراء تغييرات على ألوان وأشكال الهيدر في صفحة https://ramlbox.com/disco... لتتماشى مع ألوان وهوية المتجر.

* قسم "المنتجات الأكثر شراءً":

* البند 21: إنشاء قسم لعرض "المنتجات الأكثر شراءً"، مع عرض المنتجات الفعلية الأكثر مبيعًا.

* توفير طريقة لاختيار المنتجات التي تظهر في هذا القسم يدويًا في المستقبل.

* تغييرات ألوان الأزرار (عام):

* العديد من الأزرار السوداء المميزة في المستند (مثل "تطبيق الخصم"، "المتابعة للدفع"، "تأكيد الطلب"، "Send Verification Code"، "Apply") يجب تغيير لونها إلى #263156.

* الأزرار المذكورة في البندين 32 و 33 (مثل "شراء سريع"، والأزرار المشابهة الأخرى) يجب أن يتغير لونها إلى #6262ED، وعند الضغط عليها، يتغير إلى #EDBF9D.

* ألوان قائمة التنقل (Menu Navigation):

* البند المتعلق بالصفحة 30: عندما يتم تحديد/تنشيط عنصر في القائمة، يجب أن يتغير لونه إلى #EDBF9D (حاليًا أبيض).

* خلفية محتوى الصفحة المرتبطة بهذا التحديد (حاليًا #EDBF9D) يجب أن تتغير إلى #D4DEF9.

* سلوك سهم القائمة المنسدلة (Dropdown Arrow):

* البند المتعلق بالصفحة 35: للقوائم المنسدلة (مثال موضح مع "دولار رقمي"):

* يجب أن يكون لون خلفية القسم الموسع (المميز باللون الأحمر) #EDBF9D.

* يجب أن يكون لون النص داخل هذا القسم (المميز باللون البرتقالي/الأصفر) #263156.

* يجب أن يشير سهم القائمة المنسدلة (الدائرة السوداء/الزرقاء) إلى الأعلى (^) عندما يتم توسيع الخيار.

* البند المتعلق بالصفحة 36 (ملخص عربة التسوق): يجب أن يشير سهم توسيع/طي الأقسام إلى الأعلى (^) عندما لا يكون موسعًا وإلى الأسفل عندما يكون موسعًا (عكس المسار).

* لون مربع ترقيم الصفحات (Pagination Number Square):

* البند المتعلق بالصفحة 38: يجب أن يكون لون المربع الذي يشير إلى رقم الصفحة الحالي في ترقيم الصفحات #263156.

ثالثاً: التغييرات الوظيفية والتكاملات:

* الترجمة (Localization):

* البند 7: ترجمة الموقع إلى الإنجليزية والفرنسية والإسبانية والألمانية (العربية هي الحالية).

* استخدام إضافة (plugin) احترافية تدعم اللغات من اليمين إلى اليسار (RTL) بشكل صحيح.

* التأكد من أن تغييرات اللغة تؤثر على موضع الشعار وموضع شريط القائمة وما إلى ذلك، بشكل متناسق عبر أجهزة الكمبيوتر المكتبية والجوال والأجهزة اللوحية.

* الخط الأحمر المشار إليه في الصفحة 5، القسم 6، يجب تغييره إلى "قسم اللغات".

* تكامل Meta Pixel:

* البند 9: دمج Meta Pixel مع الموقع.

* برنامج التسويق بالعمولة (Affiliate Program):

* البند 17 و 21 (جزئيًا): تطبيق برنامج للتسويق بالعمولة مشابه لـ https://daleelstore.com/a....

* يسجل المستخدمون ويختارون المنتجات التي يرغبون في الترويج لها.

* ينشئ النظام رابطًا خاصًا للمسوق بالعمولة.

* يكسب المسوق بالعمولة أموالاً عن كل طلب يتم من خلال رابطه.

* إضافة صفحة لبرنامج الإحالة هذا إلى الصفحة العلوية/القائمة وتعديل موضع الصفحات الأخرى.

* إنشاء صفحة لشرح هذه الميزة أو الخدمة للمستخدمين.

* طرق الدفع:

* البند 20:

* إضافة Payoneer Checkout (سيتم توفير بيانات الاعتماد).

* معالجة الأخطاء في تكامل Coinbase Wallet الحالي أو البحث عن وإضافة أفضل إضافة (plugin) لمدفوعات العملات المشفرة.

* تعديلات برنامج النقاط:

* البند 20 (تتمة): يحتوي الموقع بالفعل على برنامج نقاط.

* تعديله بحيث يتم احتساب النقاط للمشتريات السريعة أيضًا. (حاليًا، يتم احتساب النقاط فقط إذا قام المستخدم بتسجيل حساب جديد).

* إذا لم يكن ذلك ممكنًا مع الإضافة الحالية، ففكر في تغيير الإضافة.

* البند 24: إنشاء صفحة لشرح برنامج النقاط للمستخدمين.

* تفعيل ملفات تعريف الارتباط (Cookies):

* البند 22: تفعيل ملفات تعريف الارتباط لفهم رحلة العميل وتمكين الميزات الأخرى.

* تحسين محركات البحث الأساسي (Basic SEO):

* البند 20 (تتمة): تطبيق تحسين محركات البحث البسيط للموقع.

رابعاً: التخطيط والاستجابة (Layout and Responsiveness):

* اتجاه النص والعناصر (RTL / LTR):

* البند 10: في حالات مثل "Gold 1750" باللغة الإنجليزية، تأكد من ظهور كلمة "Gold" بعد الرقم أو على يمينه. (هذا يعني معالجة صحيحة لاتجاه النص LTR/RTL للأرقام والنصوص المصاحبة لها).

* الهيدر يخفي حقل البحث:

* البند 11: إصلاح المشكلة حيث يخفي الهيدر حقل البحث.

* استجابة عرض الجوال والأجهزة اللوحية:

* البند 14: التأكد من أن الموقع متجاوب على الأجهزة اللوحية والجوال. (عرض توفير الوصول إلى Canva لأحجام صور خلفية مختلفة إذا لزم الأمر).

* البند 19: إصلاح المشكلات في قسم تسجيل الدخول/التسجيل في عرض الجوال والأجهزة اللوحية (تحديدًا حقل "كلمة المرور" وزر "تسجيل الدخول" المميزين في الصفحة 12).

* البند 19 (حسب الصفحة 13 في PDF): إصلاح مشكلات التخطيط في صفحة الدفع/إتمام الطلب لعرض الجوال والأجهزة اللوحية (تحديدًا منطقة اختيار طريقة الدفع).

* يجب أن يكون موضع مفتاح الوضع الداكن في الهيدر، وهذا ينطبق أيضًا على استجابة الجوال/الأجهزة اللوحية. (مستوحى من الصفحة 15).

خامساً: تصحيحات المحتوى والنصوص:

* يذكر المستند مراجعة النصوص العربية وإصلاحها المحتمل في أماكن مختلفة (مثل البند 10 بخصوص موضع كلمة "Gold").

* النص القانوني في الصفحة 19: "Don’t worry about it i will change it" -

يمكنك مراجعة الملف لمعلومات اكثر :

https://docs.google.com/d...

ايضا يمكنني مساعدتك متى اردت عند السؤال

الميزانية لاتتعدى 60$ مع مكافات خاصه تقدم حسب الرؤية في اتقان العمل والوقت .