امتداد:Bootstrap

From mediawiki.org
Jump to navigation Jump to search
This page is a translated version of the page Extension:Bootstrap and the translation is 100% complete.
الدليل المرجعي لامتدادات ميدياويكي
OOjs UI icon advanced-invert.svg
Bootstrap
حالة الإصدار مستقر
تنفيذ سمات
بيان يقدم بنية Bootstrap 4 web للواجهة الأمامية
المؤلف/المؤلفون Stephan Gambke (F.trottنقاش)
القائم/القائمون بالصيانة Professional.Wiki
آخر إصدار 4.5.0 (2021-04-11)
سياسة التوافق النسخة الرئيسية تحافظ على التوافق مع الإصدارات السابقة.
MediaWiki 1.29+
PHP 5.6+
تغييرات قاعدة البيانات لا
Composer mediawiki/bootstrap
ترخيص رخصة جنو العمومية 3.0 أو ما بعدها
التنزيل
README on GitHub
Changelog on GitHub

طالع مصفوفة الاستخدام والإصدارات.

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

التثبيت

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

الاستخدام

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.

To simply 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;
};

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

انظر أيضا