شارك المقال

WooCommerce: كيفية تخصيص صفحة حسابي؟

A VPN is an essential component of IT security, whether you’re just starting a business or are already up and running. Most business interactions and transactions happen online and VPN

يعد تخصيص صفحة “حسابي” في WooCommerce أحد أكثر الميزات المطلوبة من قبل المصممين والمطورين.

تعد صفحة “حسابي” الخاصة بموقع التجارة الإلكترونية أمرًا حيويًا للغاية للتشغيل السلس لعملياته ، ويجب أن تكون مصممة جيدًا للسماح للمستخدمين بالاستفادة القصوى من إدارة الحساب – وبالطبع – يمكن تخصيصها من أجل التحويل المزيد من المبيعات و / أو إغراء عودة الأعمال .

صفحة “حسابي” هي صفحة وورد بريس فعلية (يمكنك العثور عليها ضمن “الصفحات”) والتي تحتوي على رمز WooCommerce قصير. ينتج عن هذا الرمز القصير علامات تبويب إدارة الحساب الافتراضية والمعقدة ومحتواها الفريد.

من أجل تخصيص الشكل والمظهر والتخطيط والمحتوى والتصميم لصفحة “حسابي” (وجميع صفحاتها الفرعية بالطبع ، مثل صفحة “العنوان”) ، لديك خياران مختلفان. إذا كنت معتادًا على تخصيص PHP ، فيمكن تحقيق أي شيء تقريبًا باستخدام مقتطفات بسيطة: إضافة علامة تبويب مخصصة ، وإزالة علامة تبويب ، وتغيير محتوى علامة تبويب ، وفرز علامات تبويب ، وما إلى ذلك. لقد رأينا هذا بالفعل على Business Bloomer لكنني سأقوم بالربط ببعض المقالات والبرامج التعليمية أدناه كتذكير.

البديل الأنيق الآخر هو استخدام مكون إضافي. في بعض الأحيان ، قد تكون هذه طريقة سريعة وخالية من الأخطاء لتحقيق ما تحتاجه دون الحاجة إلى كتابة التعليمات البرمجية. الأمر متروك لك – لذلك سنرى في هذه المقالة كلا الطريقتين!

1. مقتطفات تخصيص WooCommerce “حسابي”

بصفتي مستقلاً في WooCommerce ، أحب الترميز وتحقيق الأشياء دون تثبيت المكونات الإضافية. هذا أنا رغم ذلك ، لذلك قد تفكر في ذلك بشكل مختلف.

إذا كنت تحب التحديات ، تتيح لك أدوات PHP و WooCommerce تحقيق أي شيء تقريبًا على صفحة “حسابي”.

قبل إدراج بعض المقتطفات التي أحبها ، أقترح عليك الذهاب لدراسة دليل WooCommerce المرئي “حسابي” الخاص بي : https://businessbloomer.com/woocommerce-visual-hook-guide-account-pages/ – سوف يمنحك هذا فكرة عن كيفية ترميز صفحات إدارة الحساب وما هي “الخطافات” التي يمكنك استخدامها لعرض محتوى إضافي.

بمجرد القيام بذلك ، يمكنك إلقاء نظرة على هذه المقتطفات المفيدة (يجب أن تكون الروابط تشرح نفسها بنفسها):

استمتع 🙂

2. إضافات تخصيص WooCommerce “حسابي” (مجانًا)

كما ذكرنا سابقًا ، يمكنك استخدام مكون إضافي لتخصيص صفحة “حسابي” بدلاً من ترميز PHP.

لسوء الحظ ، لا يوجد مكون إضافي مجاني موثوق به على وورد بريس.org من وجهة نظري ، لذلك سنحتاج إلى تخطي ذلك والانتقال إلى الخيارات المتميزة.

3. ملحقات تخصيص WooCommerce “حسابي” (بريميوم)

كالعادة ، هناك العديد من الخيارات على Google فيما يتعلق بمكوِّن WooCommerce الإضافي المتميز لتخصيص صفحة “حسابي”.

نظرًا لأنني لا أعتمد عادةً على Codecanyon ، نظرًا لعدم وجود ضمان طويل الأجل حقًا ، يصبح الخيار الوحيد هو المكون الإضافي “YITH Customize My Account Page”.

لقد رأينا في المنشورات السابقة مدى ثقتي في YITH – في الغالب فيما يتعلق بتخصصهم في مكونات WooCommerce الإضافية ، وفريقهم الكبير المكون من أكثر من 30 مطورًا ودعمًا سريع الاستجابة – ليس لدي مشكلة في التوصية بهم.

من  YITH تخصيص حسابي الصفحة  المساعد المثير للاهتمام للغاية و إعداداته وظائف يجعل منها واحدة من أكثر الكتب مبيعا على موقعه على الانترنت .

أهم الميزات المتعلقة بتخصيص صفحة “حسابي” الجديرة بالذكر هي:

يمكنك التبديل بين وضعي عرض “الشريط الجانبي” أو “علامة التبويب”

يمكنك فرز محتوى علامات تبويب إدارة الحساب وإزالته وإضافته وإعادة تسميته وتغييره

يمكنك عرض علامات تبويب معينة لأدوار مستخدم محددة

يمكنك تغيير الألوان والتسميات وإضافة الرموز

فيما يلي بعض لقطات الشاشة (انقر فوق أي صورة لفتح Lightbox):

المنشورات ذات الصلة:

WooCommerce: كيفية جعل موقع الويب متوافقًا مع الناتج المحلي الإجمالي؟ (12 خطوة)

توضيح

اي عملية نسخ او اقتباس او ترجمة او نقل تم لاغراض علمية وتدريبية وتعليمية بحته وقد تم انشاء هذا المحتوى بمعرفة خبراء في مجال التقنية اما عن طريق إنشاء او تحرير او نقل او نسخ او اقتباس او ترجمة المحتوى من مصادر خاصة او عامة وكل ذلك ضمن حقوق النشر المتعارف عليها.

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

أرسل تصحيح

شاركنا رايك وتقييمك للموضوع

{{ reviewsTotal }}{{ options.labels.singularReviewCountLabel }}
{{ reviewsTotal }}{{ options.labels.pluralReviewCountLabel }}
{{ options.labels.newReviewButton }}
{{ userData.canReview.message }}