2015年5月19日 (火) 23:15に36.55.238.17による

2015-05-19T23:15:25Z

127.0.0.1: ページの作成:「==mediawikiバージョン== 1.24.2 ==bootstrapのcssを追加== *skins/Vector/VectorTemplate.php $this->data['personal_urls'] = array_reverse( $this->data['per...」

2015-05-19T20:04:38Z

ページの作成:「==mediawikiバージョン== 1.24.2 ==bootstrapのcssを追加== *skins/Vector/VectorTemplate.php $this->data['personal_urls'] = array_reverse( $this->data['per...」

新規ページ

==mediawikiバージョン==
1.24.2

==bootstrapのcssを追加==
*skins/Vector/VectorTemplate.php
$this->data['personal_urls'] =
array_reverse( $this->data['personal_urls'] );
}
// 追加start
$linkstr = <<<<nowiki />EOD
<<nowiki />link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<<nowiki />link rel="stylesheet" type="text/css" media="screen" href="/skins/Vector/bootstrap_return.css" />
EOD;
$head = $this->get('headelement');
$head = str_replace("</head>", $linkstr."</head>", $head);
$this->set('headelement', $head);
// 追加end
// Output HTML Page
$this->html( 'headelement' );

*skins/Vector/bootstrap_return.css
body {
font: large sans-serif;
background: #f9f9f9 0 0 no-repeat;
color: black;
}
@media (max-width: 991px) {
#mw-navigation h2 {
font: x-large sans-serif;
position: static;
top: 0;
}
div#mw-panel {
position: static;
top: 0;
padding-top: 1em;
width: 10em;
left: 0;
font: x-large sans-serif;
}
#content {
margin-top: 0;
margin-left: 0;
}
#mw-page-base {
height: 0;
}
#mw-head-base {
margin-top: 0;
margin-left: 0;
height: 0;
}
}

==フッターは幅がでかいのでスマホ時に消す==
footerをhidden-xs hidden-smで囲む
<<nowiki />div class="hidden-xs hidden-sm">
<<nowiki />div id="footer" role="contentinfo"<?php $this->html( 'userlangattributes' ) ?>>
略

==ヘッダーのコンテンツ操作ボタンをスマホ時に消す==
mw-headをhidden-xs hidden-smで囲む
<<nowiki />div class="hidden-xs hidden-sm">
<<nowiki />div id="mw-head">
<?php $this->renderNavigation( 'PERSONAL' ); ?>
<<nowiki />div id="left-navigation">
<?php $this->renderNavigation( array( 'NAMESPACES', 'VARIANTS' ) ); ?>
</div>
<<nowiki />div id="right-navigation">
<?php $this->renderNavigation( array( 'VIEWS', 'ACTIONS', 'SEARCH' ) ); ?>
</div>
</div>
</div>

==スマホ時のコンテンツフッターにページタイトルを追加==
</div>
<<nowiki />!-- add -->
<<nowiki />div class="visible-xs-block visible-sm-block" align="center">
<?php $this->get( 'title' ); ?>
</div>
<<nowiki />!-- /add -->
<<nowiki />div id="mw-panel">

@@ 行2: / 行2: @@
 .24.2
-==bootstrapのcssを追加==
+==twitter_bootstrapのcssを追加==
 *skins/Vector/VectorTemplate.php
     $this->data['personal_urls'] =
@@ 行9: / 行9: @@
   // 追加start
   $linkstr = <<<<nowiki />EOD
   <<nowiki />link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
   <<nowiki />link rel="stylesheet" type="text/css" media="screen" href="/skins/Vector/bootstrap_return.css" />
@@ 行19: / 行20: @@
      $this->html( 'headelement' );
+==twitter_bootstrap.cssで崩れたデザインを戻すcssを追加==
 *skins/Vector/bootstrap_return.css
   body {

Cms/mediawiki/レスポンシブ化 - 変更履歴

2015年5月19日 (火) 23:15に36.55.238.17による

127.0.0.1: ページの作成:「==mediawikiバージョン== 1.24.2 ==bootstrapのcssを追加== *skins/Vector/VectorTemplate.php $this->data['personal_urls'] = array_reverse( $this->data['per...」