Foreground

提供: sha.ngri.la
2015年3月24日 (火) 17:29時点におけるTara.ttm (トーク | 投稿記録)による版 (cssの編集)
移動先: 案内検索


foregroundを、MediaWikiのSkinにインストールしてみました。

きっかけは、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を前に付けないと編集内容が反映されない。