「Foreground」の版間の差分
提供: sha.ngri.la
細 |
細 (→cssの編集) |
||
42行目: | 42行目: | ||
==cssの編集== | ==cssの編集== | ||
[[MediaWiki:Foreground.css]]でcssファイルを編集。 | [[MediaWiki:Foreground.css]]でcssファイルを編集。 | ||
+ | ===h3タグ=== | ||
+ | 本文の<code><h3></code>を編集するには、 | ||
+ | <pre> | ||
+ | .ns-subject h3{clear:both;font-weight:bold;font-size:24px;padding-top:12px;} | ||
+ | </pre> | ||
+ | <code>.ns-subject</code>を前に付けないと編集内容が反映されない。 | ||
[[Category:MediaWiki]] | [[Category:MediaWiki]] | ||
{{googlead}} | {{googlead}} |
2015年3月24日 (火) 17:29時点における版
foregroundを、MediaWikiのSkinにインストールしてみました。
- Foreground http://foreground.thingelstad.com/wiki/Main_Page
- foreground https://github.com/thingles/foreground foreground
きっかけは、Googleのウェブマスターツール] きっかけは、Googleのウェブマスターツールで
Google のシステムは、貴サイトの 29 ページをテストし、そのうちの 97% に重大なモバイル ユーザビリティ上の問題を検出しました。この 28 ページの問題の影響で、モバイル ユーザーは貴サイトを十分に表示して楽しむことができません。これらのページは Google 検索でモバイル フレンドリーとは見なされないため、スマートフォン ユーザーにはそのように表示、ランク付けされます。
というメッセージが表示されたことです。大したアクセス数もないんですけど気になります。
Install
/skins
で、
git clone https://github.com/thingles/foreground.git
LocalSettings.phpの変更
require_once "$IP/skins/foreground/foreground.php";
を追加。
$wgDefaultSkin
を
$wgDefaultSkin = "foreground";
に変更。
$wgForegroundFeatures = array( 'showActionsForAnon' => true, 'NavWrapperType' => 'divonly', 'showHelpUnderTools' => true, 'showRecentChangesUnderTools' => true, 'wikiName' => &$GLOBALS['wgSitename'], 'navbarIcon' => false, 'IeEdgeCode' => 1, 'showFooterIcons' => 0, 'addThisFollowPUBID' => '' );
を追加。 ユーザーにcssの編集を許可するのであれば、
# Allow User CSS, mostly for skin testing $wgAllowUserCss = true;
を追加。
cssの編集
MediaWiki:Foreground.cssでcssファイルを編集。
h3タグ
本文の<h3>
を編集するには、
.ns-subject h3{clear:both;font-weight:bold;font-size:24px;padding-top:12px;}
.ns-subject
を前に付けないと編集内容が反映されない。