administrate materialize theme تنزيل - administrate materialize theme تنزيل كود المصدر

administrate materialize theme

فئات أخرى

v1.0.0

تنزيل

إدارة تجسيد الموضوع

موضوع مادي للإدارة، يعتمد على إطار عمل Materialize.

سمات:

سهل التثبيت، ما عليك سوى تضمين CSS/JS لتطبيق السمة على بنية الإدارة الافتراضية؛
موضوع مستجيب للتصميم متعدد الأبعاد؛
قابلة للتخصيص عبر متغيرات SASS؛
السماح باستخدام مكونات Materialize في المشرف.

لقطة شاشة

من فضلك إذا كنت ترغب في ذلك.

تثبيت

أضف جوهرة SASS/SCSS إلى ملف Gemfile الخاص بك (على سبيل المثال: gem 'sassc' )
بعد تثبيت Administrate، أضف إلى Gemfile : gem 'administrate-materialize-theme' (وتنفيذ bundle )
قم بتحرير app/assets/config/manifest.js وأضف في النهاية:

 //= link administrate-materialize-theme/theme.css
//= link administrate-materialize-theme/theme.js

قم بتحرير app/views/layouts/admin/application.html.erb (يمكنك إنشائه باستخدام rails generate administrate:views:layout )، وإضافة علامة إغلاق الرأس قبل:

 < %= stylesheet_link_tag 'administrate-materialize-theme/theme', media: 'all' % >
< %= javascript_include_tag 'administrate-materialize-theme/theme' % >

التخصيصات

لتغيير متغيرات التجسيد، من الضروري إنشاء ملف .scss (أو .sass ) جديد مثل هذا الملف (على سبيل المثال admin.scss ):

 // app/assets/stylesheets/admin.scss
$primary-color : #FB1 ;
@import ' administrate-materialize-theme/theme ' ;

واستبدل علامة الارتباط في application.html.erb بـ: <%= stylesheet_link_tag 'admin', media: 'all' %>

للحصول على القائمة الكاملة للخيارات، قم بإلقاء نظرة هنا.

ميزات إضافية

مثال الشريط الجانبي:

 < div class =" row " >
  < div class =" col s3 " >
    < section class =" mt-sidebar z-depth-1 " >
      < h3 > Sidebar </ h3 >
      < p > Some content </ p >
    </ section >
  </ div >
  < div class =" col s9 " >
    < section class =" main-content__body main-content__body--flush " >
      <!-- ... -->
    </ section >
  </ div >
</ div >