شرح نقل زر تغير الثيمات الى الهيدر

متوافقة مع إصدارات XF
2.1 , 2.2

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

إضافة زر تبديل النمط الفاتح والداكن​

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

1. إنشاء تعديل قالب جديد:​

القالب:	PAGE_CONTAINER
المفتاح:	add_a_style_switcher_button_to_navgroup (أو أي شيء تريده)
حقل البحث:	<a href="{{ link('whats-new') }}"
حقل الاستبدال:	<xf:if is="$xf.visitor.canChangeStyle()"> <xf:set var="$light_style" value="YOUR_LIGHT_STYLE_ID" /> <xf:set var="$dark_style" value="YOUR_DARK_STYLE_ID" /> <xf:if is="$xf.style.style_id == $light_style"> <xf:set var="$new_mode" value="{$dark_style}" /> <xf:else/> <xf:set var="$new_mode" value="{$light_style}" /> </xf:if> <a href="{{ link('misc/style', null, { 'style_id': $new_mode, '_xfRedirect': $redirect, 't': csrf_token() }) }}" class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--styleswitcher }}" title="{{ phrase('style_chooser')|for_attr }}" aria-label="{{ phrase('style_chooser')|for_attr }}" aria-expanded="false" aria-haspopup="true"> <i aria-hidden="true"></i> <span class="p-navgroup-linkText"></span> </a> </xf:if> $0

تذكر: استبدل YOUR_LIGHT_STYLE_ID و YOUR_DARK_STYLE_ID بـ ID النمط الفاتح و ID النمط الداكن (على سبيل المثال 2 و 3):

2. تنسيق زر التبديل​

الآن، سنقوم بتنسيق زر التبديل بأيقونة FA، أضف كود css هذا إلى ملف extra.less:

.p-navgroup-link
{
&.p-navgroup-link--styleswitcher i:after
{
.m-faContent("\f0eb");
}

}

3. تعيين النمط الافتراضي​

قم بتعيين أحد القالبين أعلاه كالنمط الافتراضي.
الآن يمكننا النقر على الزر للتبديل بين النمط الفاتح والداكن:

حقوق النشر - كود نت

 

[masrysat.com]

بارك الله فيك

 

[codeNET]

بارك الله فيك

طبعًا صديقي هذا شرح خصيصًا لك انتَ طلبته بمنتدى الاستاذ الفاضل والاخ شقاوي .

 

[masrysat.com]

شكرا لك اخى انت ذكر بالموضوع انو للجيل الثانى
انا على احدث نسخه

 

[codeNET]

شكرا لك اخى انت ذكر بالموضوع انو للجيل الثانى
انا على احدث نسخه

تعديلات على القوالب لاتحتاج الى ترقية نسخة اوماشابه ، يمكنك التجربة على الاستايل الافتراضي @masrysat.com