मैं मूडल का डिफ़ॉल्ट फ़ॉन्ट बदलना चाहता हूं। मैंने इस लिंक का इस्तेमाल किया लेकिन यह काम नहीं किया। मैंने थीम सीएसएस को बदल दिया और फोंट को एक नए फ़ोल्डर में जोड़ा लेकिन मूड में कुछ भी नहीं बदला। नेट पर कोई अच्छा ट्यूटोरियल नहीं है। किसी भी सहायता की सराहना की जाएगी।

मैं "more" नाम की थीम का उपयोग करता हूं। मैं इस निर्देशिका में गया: मूडलसेवर/थीम/अधिक/शैली

Custom.css नाम की एक css फ़ाइल है। मैंने एक और सीएसएस फ़ाइल (myStyle.css) जोड़ी और इन कोडों को इसके अंदर रखा:

@font-face {
font-family: "Greta";
src: url("fonts/Greta-Regular.otf");
}

p, div {
font-family: "Greta";
}

मैंने "फोंट" नाम का एक फोल्डर भी जोड़ा और उसके अंदर अपनी ओटीएफ फाइलों को कॉपी किया। फिर इस फ़ोल्डर में: मूडलसेवर/थीम/अधिक मैंने फ़ाइल config.php संपादित की और इस लाइन को बदल दिया:

$THEME->sheets = array('custom');

प्रति

$THEME->sheets = array('custom', 'myStyle.css');

इस फ़ाइल में एक पंक्ति भी है जो मूल शैली फ़ाइलों को निर्दिष्ट करती है:

$THEME->parents = array('clean', 'bootstrapbase');

बूटस्ट्रैपबेस फ़ोल्डर में एक स्टाइल फ़ोल्डर होता है और इसमें 2 सीएसएस फ़ाइलें होती हैं: संपादक.सीएसएस और मूडल.सीएसएस
मैंने मूडल.सीएसएस बदल दिया और सभी फोंट को अपने फ़ॉन्ट से बदल दिया। मैंने एक फॉन्ट फोल्डर भी जोड़ा और उसके अंदर अपना फॉन्ट कॉपी किया। मैंने इस फ़ाइल में निम्नलिखित पंक्तियाँ जोड़ीं:

@font-face {
 font-family: "Greta";
 src: url("fonts/Greta-Regular.otf");
 font-weight: normal;
 font-style: normal;
 }

और सभी फोंट को ग्रेटा में बदल दिया:

body {
  margin: 0;
  font-family: Greta;
  font-size: 14px;
  line-height: 20px;
  color: #333;
  background-color: #fff;
}

जब मैं अपने पृष्ठ स्रोत को देखने के लिए "तत्व का निरीक्षण" का उपयोग करता हूं, तब भी मुझे पिछले फोंट और सीएसएस फाइलें दिखाई देती हैं।

2
elahehab 5 नवम्बर 2017, 09:03

2 जवाब

सबसे बढ़िया उत्तर

सबसे पहले, किसी भी मूल थीम को संशोधित न करें क्योंकि भविष्य में अपग्रेड करने के लिए आने पर आपको बहुत सारे कोड विरोधों में भाग लेने की संभावना है। इसके बजाय, उस फ़ोल्डर की एक प्रति बनाएं जिसमें आप अपनी नई थीम को आधार बनाना चाहते हैं, और फिर कॉपी किए गए कोड में पुराने थीम नाम के सभी उदाहरणों को अपने नए थीम नाम से बदलें, उदा। थीम/अधिक विषय/नई थीम के रूप में कॉपी करें और फिर 'अधिक' को 'नई थीम' से बदलने के लिए थीम/नई थीम पर एक पुनरावर्ती खोज और प्रतिस्थापित करें (बस सुनिश्चित करें कि आप कोई भी याद नहीं करते हैं)। एक बार ऐसा करने के बाद आप बाद में अपने लिए सिरदर्द पैदा किए बिना अपने नए थीम प्लगइन को जितना चाहें उतना संशोधित कर सकते हैं।

https://docs.moodle.org/dev/Themes_overview को पढ़ लें। मैंने कभी भी कस्टम फ़ॉन्ट के साथ कोई थीम नहीं बनाई है, लेकिन एक चीज़ जो ऊपर आपके कोड को देखकर अलग दिखती है, वह है लाइन

$THEME->sheets = array('custom', 'myStyle.css');

जो https://docs.moodle.org/dev/Themes_overview#Basic_theme_example_settings_explained के अनुसार होना चाहिए

$THEME->sheets = array('custom', 'myStyle');

लेकिन वास्तव में myStyle.css फ़ाइल की कोई आवश्यकता नहीं है -- आप बस अपने कस्टम फ़ॉन्ट्स के लिए custom.css में अतिरिक्त लाइनें जोड़ सकते हैं -- और पैरेंट थीम को संपादित करने के बजाय, यहां ओवरराइड करने के लिए आवश्यक कोई अन्य शैली नियम जोड़ सकते हैं।

आपको कामयाबी मिले!

1
Tony 7 नवम्बर 2017, 02:32

आप इंटरफ़ेस के माध्यम से फ़ॉन्ट भी बदल सकते हैं। इसके लिए आपको कोई नया विषय विकसित करने की आवश्यकता नहीं है।

Google फोंट "रैलेवे" के एकीकरण के लिए संक्षिप्त उदाहरण:

1. वेबसाइट-प्रशासन > दिखावट > अतिरिक्त html छवि विवरण यहां दर्ज करें

2. वेबसाइट-प्रशासन > दिखावट > विषयवस्तु > अधिक: customcss

बॉडी { फॉन्ट-फ़ैमिली: 'रैले', सेन्स-सेरिफ़; }

केवल फ़ॉन्ट बदलने के लिए एक नई थीम बनाने की तुलना में यह अधिक आसान है। आप मूडल.ऑर्ग पर भी अधिक सहायता प्राप्त कर सकते हैं - विशेष रूप से https://moodle.org /mod/forum/view.php?id=46

आशा है कि इससे सहायता मिलेगी।

गेराल्ड

1
Gerald 10 नवम्बर 2017, 18:10