امتداد:Bootstrap

PW

فريق Professional Wiki يتولى صيانة هذا الامتداد مهنيًا.

يقدم فريق Professional Wiki الدعم رسميًا لإصدارات ميدياويكي الموسومة بوسم الدعم طويل الأجل لا غير. قد يعمل هذا مع إصدارات ميدياويكي أخرى.

الدليل المرجعي لامتدادات ميدياويكي

Bootstrap حالة الإصدار مستقر
تنفيذ	سمات
بيان	يقدم بنية Bootstrap 4 web للواجهة الأمامية
المؤلف/المؤلفون	Stephan Gambke (F.trottنقاش)
القائم/القائمون بالصيانة	Professional Wiki
آخر إصدار	5.0.0 (2024-04-26)
سياسة التوافق	لكل إصدار ميديايويكي يكون إصدار دعم طويل الأجل يوجد فرع مخصص له في الامتداد.
MediaWiki	1.39+
PHP	8.0+
تغييرات قاعدة البيانات	لا
Composer	mediawiki/bootstrap
ترخيص	رخصة جنو العمومية 3.0 أو ما بعدها
التنزيل	GitHub: صفحة المشروع معرف الموارد الموحد لمستودع غت [مساعدة ] تاريخ الالتزام ملحوظة: لا توجد تحديثات أقلمة مقدمة من translatewiki.net . README on GitHub Changelog on GitHub
الروابط المستخدمة SetupAfterCache

يقدم امتداد Bootstrap Bootstrap 4‏ (توثيق) وهي بنية وب للواجهة الأمامية في برمجيات ميدياويكي. يمكن تفعيلها مباشرة أو أن تستخدم من السمات أو الامتدادات.

التثبيت

See the installation instructions for information on how to install this extension.

الاستخدام

Within a skin

Use \Bootstrap\BootstrapManager::getInstance() to get the singleton managing the Bootstrap framework.

With the returned object:

• add Bootstrap modules using addBootstrapModule(), addCoreBootstrapModules(), and addAllBootstrapModules()
• set SCSS variables using setScssVariable() and setScssVariables()
• add style files using addStyleFile()
• add cache trigger files using addCacheTriggerFile()

Finally, to add the Bootstrap styles and javascript to the page, use $out->addModuleStyles( 'ext.bootstrap.styles' ) for styles and $out->addModules( 'ext.bootstrap.scripts' ) for scripts.

For an example of how to include Bootstrap styles in a skin, have a look at the Chameleon skin.

Standalone

To enable Bootstrap styles on all pages, add the following code to your "LocalSettings.php" file:

$wgHooks['SetupAfterCache'][] = function(){
	\Bootstrap\BootstrapManager::getInstance()->addAllBootstrapModules();
	return true;
};

$wgHooks['ParserAfterParse'][]=function( Parser &$parser, &$text, StripState &$stripState ){
	$parser->getOutput()->addModuleStyles( ['ext.bootstrap.styles'] );
	$parser->getOutput()->addModules( ['ext.bootstrap.scripts'] );
	return true;
};

المشكلات المعروفة

أثر ذلك على أداة اختيار اللغة العامة

If you have the Universal Language Selector (ULS) extension installed, installing the Bootstrap extension will make the ULS's dropdown-menu look disordered and break its search bar (screenshot on GitHub). However, this can be fixed by adding the following code to MediaWiki:Common.css:

.uls-language-list {
        display: block;
}

.uls-search {
        display: block;
}

انظر أيضا

المواقع الإلكترونية

• the Bootstrap framework homepage
• the SASS/SCSS homepage
• the Bootstrap for MediaWiki wiki — Examples and Demos

السمات والامتدادات

• the Chameleon skin that uses this extension
• the Medik skin that also uses Bootstrap
• the BootstrapComponents extension that uses this extension and lets editors utilize its potential inside wiki markup

منشور على مدونة

• Enhance Your MediaWiki with Bootstrap — Blog post about improving your wiki by integrating it with Bootstrap and its components; published January 20, 2024