「利用者:Admin」の版間の差分

提供: HIMOROGI文化財Wiki
移動先: 案内検索
(折り畳み可能なコンテンツを選択する)
125行目: 125行目:
 
</source>
 
</source>
 
こんな感じで、ソースがそのまま表示される。
 
こんな感じで、ソースがそのまま表示される。
 +
==外観関係==
 +
===Vector CSSの変更===
 +
==== green-message class ====
 +
試しに green-messageのクラスを作成してみる。
 +
 +
以下そのCSS
 +
 +
<source lang="html4strict" enclose="div">
 +
/*--------------------------------------------*/
 +
.green-message {
 +
   
 +
    border: 1px solid #ade874;
 +
    width: 100%;
 +
    padding: 0.7em;
 +
    margin: 1em;
 +
    display:block;
 +
    width: auto;
 +
    background-color:#f4f9ef;
 +
}
 +
</source>
 +
*書き方
 +
<source lang="html4strict" enclose="div">
 +
<div class="green-message">
 +
これはgreen-message cssの表示例です。
 +
</div>
 +
</source>
 +
*以下表示例
 +
<div class="green-message">
 +
これはgreen-message クラスの表示例です。
 +
</div>
 +
 +
====head-boxpint class with head-boxpint class====
 +
*書き方
 +
<source lang="html4strict" enclose="div">
 +
<div class="head-boxpint"><div class="head-boxpint-in">
 +
これはhead-boxpint with head-boxpint クラスの表示例です。
 +
</div></div>
 +
</source>
 +
*以下表示例
 +
<div class="head-boxpint"><div class="head-boxpint-in">
 +
これはhead-boxpint with head-boxpint クラスの表示例です。
 +
</div></div>
 +
====よもやま話の修正版====
 +
<div class="ymym">
 +
これはよもやま話の新しいフレームです。
 +
 +
よもやま話の内容@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
 +
 +
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
 +
 +
そのような話題の話を「よもやま話」というようになった。
 +
 +
 Admin (トーク) 2016年6月11日 (土) 00:19 (JST) 
 +
</div>

2016年6月15日 (水) 01:05時点における版

【お願い】
何らかの事情でこっそり連絡したい場合はウィキメールを利用してください。
それ以外の場合は隣の会話ページへ書き込んでください。

下は覚え書きですので、気にしないで下さい。

システム関連

MediaWikiのURLを短くする方法

  • MediaWikiで生成されるURLを短くする設定方法
ウィキペディアやその他大手のWiki系サイトのように、「ドメイン/wiki/ページタイトル」のようにしたい場合は、「wiki」フォルダを作ってそこの場所にMediaWikiをインストールした上でファイルに追記します。
  • LocalSettings.phpはこうです。

$wgScriptPath = "/wiki";
$wgScript = "$wgScriptPath/index.php";
$wgRedirectScript = "$wgScriptPath/redirect.php";
$wgArticlePath = "$wgScriptPath/$1";


  • .htaccessはこうです。

RewriteEngine on
RewriteBase /wiki/
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.+)$ index.php?title=$1 [L,QSA]

Mediawiki の記事数を更新

Mediawiki の統計ページを表示すると、現在作成されている記事数が表示されるんですが、自分の Wiki にページを投入してもまったく記事数が反映されません。

調べたら設定が必要のようです。すべてのページを記事と見なすには、LocalSettings.php に以下を追加します。

# 記事数のカウント
# https://www.mediawiki.org/wiki/Manual:$wgArticleCountMethod/ja
$wgArticleCountMethod = 'any';

また、この値を変更しても、既存のカウントに遡及的に反映されることはありません。更新するには、maintenance/updateArticleCount.php スクリプトを実行する必要があります。

ex. SSHで maintenance フォルダーに行って php updateArticleCount.php --update を実行します。

と書かれているので、この PHP を実行する必要があります。SSH で接続できる環境があれば良いですが、手っ取り早く実行する方法として、ホスティング サービスが提供している Cron コマンドを使用する手があります。

エックス サーバーでは Cron を設定して定期的にスクリプトを走らせることができます。管理ページから、以下のコマンドを実行するように登録します。実行日はその瞬間で良いので適当な日時をセットします。

/usr/bin/php7.0 /home/wingfield/wingfield.gr.jp/public_html/cgi-bin/mediawiki/maintenance/updateArticleCount.php --update

これを実行すると、記事数が更新されました。

参照先:https://www.wingfield.gr.jp/blog/2016/03/03/p4446/

「MediawikiでGoogle Adsenseを表示させる方法」を参考にして外部ファイルを読み込む

目的

サイトを作成しているとアフィリエイトという物をやってみたくなる物だが、このサイトのようにMediawikiでGoogle Adsenseを表示させる方法について記述する。

アフェリエイトの選択

世の中には様々なアフェリエイトがありますが、ここでは王道のGoogle AdcenceをMediwaikiサイトに載せる方法について説明します。

Google Adcenceの登録方法などについては別のサイトを参照してアカウントを取得しておいてください

extension経由でJavaScriptを表示する

Google AdcenceはJavaScriptで動いているため、JavaScriptを動かすためのextensionを追加する必要がありますそのために以下の2つを設定する必要があります。

  1. Extension:HTMLets/jaから、HTMLets.i18n.phpHTMLets.phpをダウンロードして、extension配下に展開する。
  2. 以下のLocalSettings.php設定を行う
require_once( "$IP/extensions/HTMLets/HTMLets.php" );
$wgHTMLetsDirectory = "$IP/extensions/HTMLets/htmlets";

ここでは、extensions/HTMLets/htmletsにJavaScriptを置くディレクトリを設定している。

htmlets配下にJavaScriptのファイルを配置して(ここの例ではhello.htmlというJavaScriptを作成した場合)

<htmlet>hello</htmlet>

と言うように記載すれば、そのページ内でJavaScriptが表示される。 MediaWiki:Sitenoticeのページに埋め込めば各ページのトップに常時表示されます。 さくらインターネットの場合「ファイル(ディレクトリ)パーミッション 755 または 705 のいずれか」にすることをお忘れ無く CGIについて


参照元:MediawikiでGoogle Adsenseを表示させる方法 これでWiki内の各ページで外部ファイルを参照出来る。

編集関係

折り畳み可能なコンテンツを作成する

"mw-collapsible-content" を利用することによって、折り畳み可能な箇所を指定することもでる。

<div class="mw-collapsible mw-collapsed" style="width:100%">
このテキストは折り畳み可能ではありません。しかし次のテキストはデフォルトで折り畳み可能で隠蔽されています:
<div class="mw-collapsible-content">このテキストはデフォルトで隠蔽されているはずです。</div>
同様にこのテキストは可視化されているはずです。
</div>

は次のようになります:

このテキストは折り畳み可能ではありません。しかし次のテキストはデフォルトで折り畳み可能で隠蔽されています:

このテキストはデフォルトで隠蔽されているはずです。
同様にこのテキストは可視化されているはずです。

WIKIA | ヘルプ:折り畳み http://ja.community.wikia.com/wiki/%E3%83%98%E3%83%AB%E3%83%97:%E6%8A%98%E3%82%8A%E7%95%B3%E3%81%BF

Wiki記法をそのまま表示する

<source lang="html4strict" enclose="div">~~~</source>を使用する。

下記は表示例

<div class="important">
 *<big>'''重要なお知らせ'''</big><br>
  <font color="red">'''一時的にドメインの変更をしています。'''</font><br>
  一時的なドメインは「 http://www.himorogiwiki.jpn.org/wiki/ 」ですが近日中に「 http://www.himorogiwiki.net 」に移行します。<br>
 皆さんメモっていてください。
  執筆者の方々には、少々ご不便をおかけいたしますが、 よろしくお願いします。
</div>

こんな感じで、ソースがそのまま表示される。

外観関係

Vector CSSの変更

green-message class

試しに green-messageのクラスを作成してみる。

以下そのCSS

/*--------------------------------------------*/
.green-message {
    
    border: 1px solid #ade874; 
    width: 100%; 
    padding: 0.7em;
    margin: 1em; 
    display:block; 
    width: auto; 
    background-color:#f4f9ef;
}
  • 書き方
<div class="green-message">
これはgreen-message cssの表示例です。
</div>
  • 以下表示例

これはgreen-message クラスの表示例です。

head-boxpint class with head-boxpint class

  • 書き方
<div class="head-boxpint"><div class="head-boxpint-in">
これはhead-boxpint with head-boxpint クラスの表示例です。
</div></div>
  • 以下表示例

これはhead-boxpint with head-boxpint クラスの表示例です。

よもやま話の修正版

これはよもやま話の新しいフレームです。

よもやま話の内容@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@

@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@

そのような話題の話を「よもやま話」というようになった。

 Admin (トーク) 2016年6月11日 (土) 00:19 (JST)