#62403927 · 18 Dec 2025, 21:02 · · პროფილი · პირადი მიმოწერა · ჩატი
MasterStudy Course Builder-ში ფონტების შეცვლა არ მუშაობს (Chakra UI / Child Theme)
გამარჯობა,
ვცდილობ MasterStudy LMS-ის Front-end Course Builder-ში ფონტების შეცვლას, მაგრამ ვერანაირად ვერ გავაკეთე. იქნებ ვინე დამეხმაროს აქ.
პრობლემა
• Child theme-ში ფონტები სწორად იტვირთება
• Front-end Course Builder-ში ( /user-account/edit-course/ ) მაინც გამოიყენება default ფონტები (Eudoxus Sans, Amiko და ა.შ.)
• CSS და JS override-ები არ რეაგირებს
როგორც ჩანს, Course Builder იყენებს Chakra UI-ს და ფონტები მოდის JS/theme კონფიგურაციიდან.
რაც უკვე გაკეთებული მაქვს
1. ფონტების ჩატვირთვა (@font-face)
| CODE |
Child theme-ის custom-styles.css-ში ფონტები ჩატვირთულია სწორად:
@font-face {
font-family: 'Archydt_1';
src: url('/wp-content/themes/masterstudy-child/fonts/ArchyEDT-Bold.woff2') format('woff2');
font-display: swap;
}
|
Fonts ტაბში არ ჩანს 200 response-ით, ანუ ფაილები რეალურად არ იტვირთება. ვერ გავიგე ძირითად საიტზე იტვირთება და ამ გვერდზე რატო არ იტვირთება  2, custom-styles.css-ის დამატება Course Builder-ში| CODE |
functi0ns.php-ში დავამატე:
functi0n my_course_builder_additional_styles( $styles ) {
$styles[] = get_stylesheet_directory_uri() . '/custom-styles.css';
return $styles;
}
add_filter( 'ms_lms_course_builder_additional_styles', 'my_course_builder_additional_styles' );
|
CSS ფაილი რეალურად იტვირთება Course Builder გვერდზე.
3. CSS override Chakra ელემენტებზე
| CODE |
#masterstudy-course-builder,
#masterstudy-course-builder * {
font-family: 'Archydt_1', sans-serif !important;
}
#masterstudy-course-builder h1,
#masterstudy-course-builder h2,
#masterstudy-course-builder h3,
#masterstudy-course-builder h4,
#masterstudy-course-builder h5,
#masterstudy-course-builder h6 {
font-family: 'Banner_BPG', sans-serif !important;
}
|
მაგრამ ფონტი მაინც არ იცვლება.
4. JavaScript override (Chakra variables)
| CODE |
document.documentElement.style.setProperty(
'--chakra-fonts-body',
"'Archydt_1', sans-serif"
);
|
ესეც არ მუშაობს – UI მაინც default ფონტზე რჩება.
რასაც მივხვდი არვიცი სწორად მივხვდი თუარა
• Browser DevTools-ში ჩანს, რომ გამოიყენება:
– EudoxusSans
– Amiko
• ჩემი ფონტი საერთოდ არ ენიჭება ელემენტებს
• `!important`-იც კი ვერ ფარავს
მგონია რომ:
• Chakra UI theme კონფიგურაცია hardcoded-ია
• ან Course Builder iframe / shadow root-შია
• ან საჭიროა სპეციალური hook/ფილტრი Chakra theme-ისთვის
კითხვები
1. არსებობს თუ არა ოფიციალური გზა Course Builder-ის ფონტების შესაცვლელად?
2. შეიძლება Chakra UI theme override PHP/JS hook-ით?
3. არის თუ არა `ms_lms_course_builder_*` ფილტრი ფონტებისთვის?
4. სწორია თუ არა CSS-ით ამის გაკეთების მცდელობა?
წინასწარ დიდი მადლობა დახმარებისთვის
ეს ყვეალფერი შენახული მაქვს შემდეგ მისამართზე /files/public_html/wp-content/themes/masterstudy-child/ ჰოსტინგერის File manager -ში
PHP კოდი functi0ns.php
| CODE |
<?php
/**
* Enqueue child custom styles correctly
*/
functi0n masterstudy_child_styles() {
// Parent theme style
wp_enqueue_style(
'masterstudy-parent',
get_template_directory_uri() . '/style.css',
array(),
wp_get_theme('masterstudy')->get('Version')
);
// Child custom styles (NO cache problems)
wp_enqueue_style(
'masterstudy-child-custom',
get_stylesheet_directory_uri() . '/custom-styles.css',
array('masterstudy-parent'),
filemtime( get_stylesheet_directory() . '/custom-styles.css' )
);
}
add_action( 'wp_enqueue_scripts', 'masterstudy_child_styles', 20 );
if ( ! functi0n_exists( 'my_course_builder_additional_styles' ) ) {
functi0n my_course_builder_additional_styles( $styles ) {
//
This post has been edited by barnabeka on 18 Dec 2025, 21:08
--------------------
AutoDesk Certified Professional: AutoCad®
|
|
|
1 მომხმარებელი ათვალიერებს ამ თემას (1 სტუმარი და 0 უჩინარი წევრი)
0 წევრი:
ფორუმის სერვერების განთავსებას და ინტერნეტთან კავშირს უზრუნველყოფს: CLOUD9
[ Script Execution time: 0.0203 ] [ 12 queries used ] [ GZIP Disabled ]
Powered by Invision Power Board(U) v1.3 Final © 2003 IPS, Inc. | 
(Chakra UI) custom ფონტების შეცვლა არ მუშაობს, MasterStudy LMS Front-end Course Builder-ში