「Foreground」の版間の差分

提供: sha.ngri.la
移動先: 案内検索
 
(同じ利用者による、間の5版が非表示)
1行目: 1行目:
{{googlead}}
 
 
<onlyinclude>
 
<onlyinclude>
 
[[foreground]]を、MediaWikiのSkinにインストールしてみました。
 
[[foreground]]を、MediaWikiのSkinにインストールしてみました。
5行目: 4行目:
 
*[http://foreground.thingelstad.com/wiki/Main_Page Foreground http://foreground.thingelstad.com/wiki/Main_Page]
 
*[http://foreground.thingelstad.com/wiki/Main_Page Foreground http://foreground.thingelstad.com/wiki/Main_Page]
 
*[https://github.com/thingles/foreground foreground https://github.com/thingles/foreground foreground]
 
*[https://github.com/thingles/foreground foreground https://github.com/thingles/foreground foreground]
きっかけは、Googleのウェブマスターツール]
 
 
きっかけは、Googleのウェブマスターツールで
 
きっかけは、Googleのウェブマスターツールで
 
<blockquote>
 
<blockquote>
42行目: 40行目:
 
==cssの編集==
 
==cssの編集==
 
[[MediaWiki:Foreground.css]]でcssファイルを編集。
 
[[MediaWiki:Foreground.css]]でcssファイルを編集。
 +
===h3===
 +
本文の<code>&lt;h3&gt;</code>を編集するには、
 +
<pre>
 +
.ns-subject h3{clear:both;font-weight:bold;font-size:24px;padding-top:12px;}
 +
</pre>
 +
<code>.ns-subject</code>を前に付けないと編集内容が反映されない。
 +
===pre===
 +
<pre>
 +
pre {
 +
  font-size:16px;
 +
  font-family: "MS ゴシック","Osaka-等幅","Osaka-Mono",monospace,sans-serif;
 +
  max-height:250px;
 +
  overflow:auto;
 +
  background-color:#eef;
 +
  white-space:pre;
 +
}
 +
</pre>
 +
<code>white-space:pre;</code>にしておかないと、自動改行されてしまう。
 +
===textarea===
 +
<pre>
 +
textarea {font-size:16px; font-family:monospace;}
 +
#wpTextbox1 textarea {font-family: "MS ゴシック","Osaka-Mono",monospace,sans-serif;}
 +
</pre>
 +
<code>font-family: "MS ゴシック","Osaka-Mono",monospace,sans-serif;</code>は、効いていないような気がする。
 +
 +
==目次の書式==
 +
<code>list-style</code>の設定がないので、<code>circle</code>で表示されていると思うから、<code>list-style:none</code>を設定した。目次のところは、
 +
<pre>
 +
<div id="toc" class="toc"><div id="toctitle"><h2>目次</h2></div>
 +
</pre>
 +
なので、
 +
<pre>
 +
#toc li{list-style:none;}
 +
.toc li{list-style:none;}
 +
</pre>
  
 
[[Category:MediaWiki]]
 
[[Category:MediaWiki]]
{{googlead}}
 

2017年8月2日 (水) 04:13時点における最新版

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

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

pre

pre {
  font-size:16px;
  font-family: "MS ゴシック","Osaka-等幅","Osaka-Mono",monospace,sans-serif;
  max-height:250px;
  overflow:auto;
  background-color:#eef;
  white-space:pre;
}

white-space:pre;にしておかないと、自動改行されてしまう。

textarea

textarea {font-size:16px; font-family:monospace;}
#wpTextbox1 textarea {font-family: "MS ゴシック","Osaka-Mono",monospace,sans-serif;}

font-family: "MS ゴシック","Osaka-Mono",monospace,sans-serif;は、効いていないような気がする。

目次の書式

list-styleの設定がないので、circleで表示されていると思うから、list-style:noneを設定した。目次のところは、

<div id="toc" class="toc"><div id="toctitle"><h2>目次</h2></div>

なので、

#toc li{list-style:none;}
.toc li{list-style:none;}