ووردبريس: Custom Logo @ WP Login Page

حان وقت تخصيص WooCommerce مرة أخرى! كما هو الحال في الحلقات الماضية 2 ( منتج خارجي مفتوح في علامة تبويب جديدة و تظهر معدلات الشحن @ منتج واحد )، وأنا يضم قصاصات ورمز وأنا شخصيا استخدام على بلدي السوق الصقلي / دروبشيبينغ الأعمال تسمى قطعة من صقلية .

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

لذا استمتع! يمكنك مشاهدة النتيجة المباشرة هنا: https://www.apieceofsicily.com/en/login/؟

صفحة تسجيل الدخول المخصصة الخاصة بي: لقد أضفت شعاري الخاص وتأكدت أيضًا من الارتباط بموقع الويب الخاص بي وليس موقع وورد بريس.org

مقتطف PHP / CSS: استبدل شعار وورد بريس بشعار مخصص @ صفحة تسجيل الدخول إلى وورد بريس

/**
 * @snippet       Replace Logo - WordPress wp-login page
 * @how-to        Get CustomizeWoo.com FREE
 * @author        Rodolfo Melogli
 * @compatible    WooCommerce 5.1
 * @donate $9     https://businessbloomer.com/bloomer-armada/
 */
 
add_action( 'login_enqueue_scripts', 'bbloomer_login_logo' );
 
function bbloomer_login_logo() {
   ?>
    <style type="text/css">
        #login h1 a, .login h1 a {
           background-image: url(/wp-content/uploads/2020/03/PNG-RGB-1536x830.png);
           height: 150px;
           width: 250px;
           background-size: contain;
           background-repeat: no-repeat;
           background-color: transparent;
      }
    </style>
   <?php
}
 
add_filter( 'login_headerurl', 'bbloomer_login_logo_link' );
 
function bbloomer_login_logo_link( $url ) {
    return home_url( '/' );
}

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

WooCommerce: صفحات منفصلة لتسجيل الدخول والتسجيل

WooCommerce: إعادة توجيه تسجيل الدخول بواسطة User Role @ My Account

WooCommerce: تسجيل الدخول إعادة التوجيه إلى عنوان URL السابق @ حسابي

أين تضيف هذا المقتطف؟

يمكنك وضع مقتطفات PHP في الجزء السفلي من ملف function.php القالب الفرعي الخاص بك (احذف “؟>” إذا كان لديك هناك). من ناحية أخرى ، ينتقل CSS في ملف style.css الخاص بسمة الطفل. تأكد من أنك تعرف ما تفعله عند تحرير مثل هذه الملفات – إذا كنت بحاجة إلى مزيد من الإرشادات ، فيرجى إلقاء نظرة على الفيديو التعليمي المجاني الخاص بي “أين تضع تخصيص WooCommerce؟”

هل هذا المقتطف (لا يزال) يعمل؟

يرجى إعلامي في التعليقات إذا كان كل شيء يعمل كما هو متوقع. يسعدني مراجعة المقتطف إذا أبلغت بخلاف ذلك (يرجى تقديم لقطات شاشة). لقد اختبرت هذا الكود مع موضوع Storefront وإصدار WooCommerce المذكور أعلاه واستضافة صديقة لـ وورد بريس على PHP 7.3.

إذا كنت تعتقد أن هذا الرمز وفر لك الوقت والمال ، فلا تتردد في الانضمام إلى أكثر من 14000 مشترك في WooCommerce Weekly للحصول على تحديثات منشورات المدونة أو أكثر من 250 من مؤيدي Business Bloomer لمدة 365 يومًا من مزايا WooCommerce . شكرا لكم مقدما 🙂

هل تحتاج إلى مساعدة في WooCommerce؟

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