「管理者用ヘルプ」の版間の差分

2023年2月21日 (火) 18:18時点における版

管理者用ヘルプについて

こちらは管理者用なので、一般の編集者の方々は以下に記載されている内容を実行する権限がありません。

このサイトの「管理者権限」を持っている方(現在4名)のみ実行可能となります。

「わたしもMediaWikiを作ってみよう！」という方には参考になると思います。

なお、以下の「1.」と「2.」は、「ビューロクラット」権限をお持ちの方(記念誌部会メンバー)も設定可能です。

「ビューロクラット」権限につきましては、今後「同期会幹事」、「班OB会幹事」の方にも付与する予定です。

ということで、新たに「ビューロクラット」となられた方は、ご理解いただき、正しく運用くださるようお願いいたします。

1.「アカウント」の登録

　ユーザーアカウントの登録は以下の手順で行う。

　1. 「特別ページ」→「アカウント作成」をクリック

　2. 表示された画面で、「利用者名」と「仮パスワード」を入力後、「アカウントを作成」をクリック

　　その他の入力欄は記載不要です。

　　アカウントの「利用者名」入力規則

(1) 半角英数で入力します。

(2) 「姓イニシャルの大文字+名前小文字」とします。

例：「山田太郎」→ アカウント名「Ytarou」

ダブリ例の表記例：「橋本隆:Htakashi」「平山高志:Hiratakashi」「星野貴士:Hoshitakashi」(姓の読みを追記)

(3) 仮パスワードについて

　ここで設定するパスワードは「仮」のものです。

　設定したアカウントと仮パスワードを本人に連絡しますが、そのときに「パスワードの変更」をお願いします。

　そのため、仮パスワードはぐちゃぐちゃの記号として「こんなの覚えられないから自分で新たに設定し直したい！」と思わせましょう。

　例：「BxZ_6tpLy7nqM」

(4) アカウント、仮パスワード管理

　「アカウント名」と「仮パスワード」は一覧表を作成して、そちらに記入し、そちらからコピー&ペーストしましょう。

　本人から「パスワード変更しました」との連絡が入ったら、仮パスワードは削除します。　

　これで誰がパスワード未変更かが一目瞭然ですね。

2.「アカウント」の権限設定

　登録したユーザーアカウントは「閲覧権限」しかありません。

　「編集」も可能としたい場合は以下の手順で「編集権限」を設定しましょう。

　1. 「特別ページ」→「利用者権限」をクリック

　2. 表示された画面の「利用者名を入力」のところに、「アカウント名」を入力

　　アカウント名は「半角英数」です。

　3. 「利用者名を入力」欄にアカウント名を入力後、「利用者グループの表示」ボタンをクリック

　4. 「利用者グループ編集」画面が表示されます。

　5. 「変更できるグループ」一番下の「project_editor」にチェックを入れて、下の「利用者グループを保存」ボタンをクリック

これで、編集可能になりました。

権限設定は、一人ずつ設定する必要があります。お手数ですが頑張って。

MediaWiki作成者用

このWikiの作成者用のヘルプです。

本サイトの作成者は、何でもすぐに忘れてしまうので、こちらに書いておくことにしました。

「わたしもMediaWikiを作ってみよう」という方には役立つかも知れません。

関係ない方には興味ないと思われますので、タイトル以外は折り畳んでページをスッキリしています。

興味のある方は、右端の「展開する」をクリックしてお読みください。

ボタンの色・動作時の形状等を規定するには、「MediaWiki:Common.css」を作成して、CSS(styleの詳細を記載したテキストデータ)を記述する。

右上の「検索窓」に「MediaWiki:Common.css」と入力して[Enter]キーを押すと、「MediaWiki:Common.css」のページが開き編集できるようになる(管理者のみ)。

このページに書いた「CSS」が、このWiki全体の"style"を規定することになります。

そうとは知らず、「MediaWikiをインストールしたフォルダーのどこかに「Common.css」というファイルがあって、それを編集するのだろう」とFTPクライアントソフトで必死に探していたのでした。orz

以下はボタン5色(薄赤、緑、紫、薄い青緑、灰色)の「Common.css」記載例です。

/* ボタンのCSS指定 */
/* 最終版All */
.koyama-button-r, .koyama-button-g, .koyama-button-b, .koyama-button-c, .koyama-button-h {

 display: inline-block;

/* width: 120px; */

 height: 25px;

 text-align: center;

 text-decoration: none;

 line-height: 25px;

 outline: none;

}

.koyama-button-r, .koyama-button-g, .koyama-button-b, .koyama-button-c, .koyama-button-h,
.koyama-button-r::before, .koyama-button-g::before, .koyama-button-b::before, .koyama-button-c::before, .koyama-button-h::before,
.koyama-button-r::after, .koyama-button-g::after, .koyama-button-b::after, .koyama-button-c::after, .koyama-button-h::after {

 -webkit-transition: all 1.0s;

 transition: all 1.0s;

}

/* 最終版Red */
.koyama-button-r {

 position: relative;

 border: 1px solid #cb5462;

 border-radius: 4px;

 color: #ffffff;

 line-height: 28px;

/* 以下の3行は"content-box"にしないと、"border-box"で最初の列に大きな縦棒が入る */

 -webkit-box-sizing: content-box;

 -moz-box-sizing: content-box;

 box-sizing: content-box;

 text-shadow: 0px 1px 0px #f56778;

}
.koyama-button-r,
.koyama-button-r:hover {

 border-bottom: 2px solid #cb5462;

 background-color: #f56778;

 background-image: -webkit-linear-gradient(top, #f997b0, #f56778);

 background-image: linear-gradient(to bottom, #f997b0, #f56778);

 box-shadow: inset 1px 1px 0 #fbc1d0;

}
.koyama-button-r::before,
.koyama-button-r::after {

 bottom: -1px;

 left: -1px;

/* width: 200px; */

 height: 28px;

 border: 1px solid #ee8090;

 border-bottom: 1px solid #b84d5a;

 border-radius: 4px;

/* 以下の3行は"content-box"にしないと、"border-box"で最初の列に大きな縦棒が入る */

 -webkit-box-sizing: content-box;

 -moz-box-sizing: content-box;

 box-sizing: content-box;

}
.koyama-button-r::before {

 height: 26px;

 bottom: -2px;

 border-top: 0;

 border-radius: 4px 4px 4px 4px;

 box-shadow: 0 1px 1px 0px #bfbfbf;

}
.koyama-button-r:hover {

 background: #f56778;

 background-image: -webkit-linear-gradient(top, #f56778, #f997b0);

 background-image: linear-gradient(to bottom, #f56778, #f997b0);

 color: #913944;

/* 以下のシャドゥが明るいと、文字がへこんで見える */

 text-shadow: 0px 1px 0px #f9a0ad;

}
.koyama-button-r:active {

 bottom: -2px;

 margin-bottom: 2px;

 border: none;

 box-shadow: 1px 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, .3);

}
.koyama-button-r:active::before,
.koyama-button-r:active::after {

 border: none;

 box-shadow: none;

}

/* 最終版Green */
.koyama-button-g {

 position: relative;

 border: 1px solid #148b22;

 border-radius: 4px;

 color: #ffffff;

 line-height: 28px;

/* 以下の3行は"content-box"にしないと、"border-box"で最初の列に大きな縦棒が入る */

 -webkit-box-sizing: content-box;

 -moz-box-sizing: content-box;

 box-sizing: content-box;

 text-shadow: 0px 1px 0px #27b538;

}
.koyama-button-g,
.koyama-button-g:hover {

 border-bottom: 2px solid #148b22;

 background-color: #27b538;

 background-image: -webkit-linear-gradient(top, #77d990, #27b538);

 background-image: linear-gradient(to bottom, #77d990, #27b538);

 box-shadow: inset 1px 1px 0 #b2ffc5;

}
.koyama-button-g::before,
.koyama-button-g::after {

 bottom: -1px;

 left: -1px;

/* width: 300px; */

 height: 28px;

 border: 1px solid #40ae50;

 border-bottom: 1px solid #0d781a;

 border-radius: 4px;

/* 以下の3行は"content-box"にしないと、"border-box"で最初の列に大きな縦棒が入る */

 -webkit-box-sizing: content-box;

 -moz-box-sizing: content-box;

 box-sizing: content-box;

}
.koyama-button-g::before {

 height: 26px;

 bottom: -2px;

 border-top: 0;

 border-radius: 4px 4px 4px 4px;

 box-shadow: 0 1px 1px 0px #afafaf;

}
.koyama-button-g:hover {

 background: #27b538;

 background-image: -webkit-linear-gradient(top, #27b538, #77d990);

 background-image: linear-gradient(to bottom, #27b538, #77d990);

 color: #096114;

/* 以下のシャドゥが明るいと、文字がへこんで見える */

 text-shadow: 0px 1px 0px #80d98d;

}
.koyama-button-g:active {

 bottom: -2px;

 margin-bottom: 2px;

 border: none;

 box-shadow: 1px 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, .3);

}
.koyama-button-g:active::before,
.koyama-button-g:active::after {

 border: none;

 box-shadow: none;

}

/* 最終版Blue */
.koyama-button-b {

 position: relative;

 border: 1px solid #6254cb;

 border-radius: 4px;

 color: #ffffff;

 line-height: 28px;

/* 以下の3行は"content-box"にしないと、"border-box"で最初の列に大きな縦棒が入る */

 -webkit-box-sizing: content-box;

 -moz-box-sizing: content-box;

 box-sizing: content-box;

 text-shadow: 0px 1px 0px #7867f5;

}
.koyama-button-b,
.koyama-button-b:hover {

 border-bottom: 2px solid #6254cb;

 background-color: #7867f5;

 background-image: -webkit-linear-gradient(top, #b097f9, #7867f5);

 background-image: linear-gradient(to bottom, #b097f9, #7867f5);

 box-shadow: inset 1px 1px 0 #d0bcfb;

}
.koyama-button-b::before,
.koyama-button-b::after {

 bottom: -1px;

 left: -1px;

/* width: 200px; */

 height: 28px;

 border: 1px solid #9080ee;

 border-bottom: 1px solid #5a4db8;

 border-radius: 4px;

/* 以下の3行は"content-box"にしないと、"border-box"で最初の列に大きな縦棒が入る */

 -webkit-box-sizing: content-box;

 -moz-box-sizing: content-box;

 box-sizing: content-box;

}
.koyama-button-b::before {

 height: 26px;

 bottom: -2px;

 border-top: 0;

 border-radius: 4px 4px 4px 4px;

 box-shadow: 0 1px 1px 0px #bfbfbf;

}
.koyama-button-b:hover {

 background: #7867f5;

 background-image: -webkit-linear-gradient(top, #7867f5, #b097f9);

 background-image: linear-gradient(to bottom, #7867f5, #b097f9);

 color: #443991;

/* 以下のシャドゥが明るいと、文字がへこんで見える */

 text-shadow: 0px 1px 0px #ada0f9;

}
.koyama-button-b:active {

 bottom: -2px;

 margin-bottom: 2px;

 border: none;

 box-shadow: 1px 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, .3);

}
.koyama-button-b:active::before,
.koyama-button-b:active::after {

 border: none;

 box-shadow: none;

}

/* 最終版Cyan */
.koyama-button-c {

 position: relative;

 border: 1px solid #22a0a0;

 border-radius: 4px;

 color: #ffffff;

 line-height: 28px;

/* 以下の3行は"content-box"にしないと、"border-box"で最初の列に大きな縦棒が入る */

 -webkit-box-sizing: content-box;

 -moz-box-sizing: content-box;

 box-sizing: content-box;

 text-shadow: 0px 1px 0px #229393;

}
.koyama-button-c,
.koyama-button-c:hover {

 border-bottom: 2px solid #22a0a0;

 background-color: #22b5b5;

 background-image: -webkit-linear-gradient(top, #9ed9d9, #22b5b5);

 background-image: linear-gradient(to bottom, #9ed9d9, #22b5b5);

/* insetの値を明るくすると、ボタン上側がくっきりする */

 box-shadow: inset 1px 1px 0 #d0f4fb;

}
.koyama-button-c::before,
.koyama-button-c::after {

 bottom: -1px;

 left: -1px;

/* width: 200px; */

 height: 28px;

 border: 1px solid #22a0a0;

 border-bottom: 1px solid #22a0a0;

 border-radius: 4px;

/* 以下の3行は"content-box"にしないと、"border-box"で最初の列に大きな縦棒が入る */

 -webkit-box-sizing: content-box;

 -moz-box-sizing: content-box;

 box-sizing: content-box;

}
.koyama-button-c::before {

 height: 26px;

 bottom: -2px;

 border-top: 0;

 border-radius: 4px 4px 4px 4px;

 box-shadow: 0 1px 1px 0px #bfbfbf;

}
.koyama-button-c:hover {

 background: #22b5b5;

 background-image: -webkit-linear-gradient(top, #22b5b5, #9ed9d9);

 background-image: linear-gradient(to bottom, #22b5b5, #9ed9d9);

 color: #0f405f;

/* 以下のシャドゥが明るいと、文字がへこんで見える */

 text-shadow: 0px 1px 0px #ade8e8;

}
.koyama-button-c:active {

 bottom: -2px;

 margin-bottom: 2px;

 border: none;

 box-shadow: 1px 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, .3);

}
.koyama-button-c:active::before,
.koyama-button-c:active::after {

 border: none;

 box-shadow: none;

}

/* 最終版Grey */
.koyama-button-h {

 position: relative;

 border: 1px solid #888888;

 border-radius: 4px;

 color: #ffffff;

 line-height: 28px;

/* 以下の3行は"content-box"にしないと、"border-box"で最初の列に大きな縦棒が入る */

 -webkit-box-sizing: content-box;

 -moz-box-sizing: content-box;

 box-sizing: content-box;

 text-shadow: 0px 1px 0px #333333;

}
.koyama-button-h,
.koyama-button-h:hover {

 border-bottom: 2px solid #333333;

 background-color: #337744;

 background-image: -webkit-linear-gradient(top, #dddddd, #888888);

 background-image: linear-gradient(to bottom, #ddddd, #888888);

 box-shadow: inset 1px 1px 0 #f1f1f1

}
.koyama-button-h::before,
.koyama-button-h::after {

 bottom: -1px;

 left: -1px;

/* width: 300px; */

 height: 28px;

 border: 1px solid #888888;

 border-bottom: 1px solid #333333;

 border-radius: 4px;

/* 以下の3行は"content-box"にしないと、"border-box"で最初の列に大きな縦棒が入る */

 -webkit-box-sizing: content-box;

 -moz-box-sizing: content-box;

 box-sizing: content-box;

}
.koyama-button-h::before {

 height: 26px;

 bottom: -2px;

 border-top: 0;

 border-radius: 4px 4px 4px 4px;

 box-shadow: 0 1px 1px 0px #afafaf;

}
.koyama-button-h:hover {

 background: #888888;

 background-image: -webkit-linear-gradient(top, #888888, #dddddd);

 background-image: linear-gradient(to bottom, #888888, #dddddd);

 color: #333333;

/* 以下のシャドゥが明るいと、文字がへこんで見える */

 text-shadow: 0px 1px 0px #f0f0f0;

}
.koyama-button-h:active {

 bottom: -2px;

 margin-bottom: 2px;

 border: none;

 box-shadow: 1px 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, .3);

}
.koyama-button-h:active::before,
.koyama-button-h:active::after {

 border: none;

 box-shadow: none;

}

まずは、そのままコピペして保存し、「ブラウザーのキャッシュをクリアー」を行ってから、実際のページに以下のような記述で呼び出してみてください。

記述例

<div class="koyama-button-r" style="padding: 0 4px 0 4px;">薄い赤のボタン</div>　<div class="koyama-button-g" style="padding: 0 4px 0 4px;">緑色のボタン</div>　<div class="koyama-button-b" style="padding: 0 4px 0 4px;">紫色のボタン</div>　<div class="koyama-button-c" style="padding: 0 4px 0 4px;">薄い青緑のボタン</div>　<div class="koyama-button-h" style="padding: 0 4px 0 4px;">灰色のボタン</div>

表示

薄い赤のボタン

緑色のボタン

紫色のボタン

薄い青緑のボタン

灰色のボタン

9. 「外部リンク」を新しいタブで表示する

展開する

10. 外部サイトの画像ファイルを直接埋め込む

展開する

11. 直近の編集日時と編集者を表示する

展開する

12. Tab機能を使う

展開する

13. ギャラリーの自動スライド機能CSS

展開する

ギャラリーで「mode="slideshow"」と書くと、スライドショー表示ができますが、このとき画像サイズを指定することはできません。

「スライドショー」なのですから、小さい表示ではさみしいということなのでしょう。

そこで、CSSを組み込んで、自動でスライドする機能を実現してみました。

「MediaWiki:Common.css」と入力して以下のコードをコピー&ペーストする。

/* CSS Sliding Image Gallery for Mediawiki
 * 自動スライド機能のCSS
 * @author: Unknown
 * current version crafted together by [[User:Christharp]] from several CSS sites.
 */

.wrapper {
  position: absolute;
  top: 1%;
  width: 6000px;
-webkit-animation: 30s credits linear infinite;
-moz-animation: 30s credits linear infinite;
-ms-animation:30s credits linear infinite;
-o-animation: 30s credits linear infinite;
animation: 30s credits linear infinite;
}

.wrapper img:hover {
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -o-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
    cursor: pointer;
}
@keyframes credits {
  0% {
    margin-left: 0px;
 }
 100% {
    margin-left: -6000px;
 }
 
}

@-webkit-keyframes credits {
  0% {
   margin-left: 0px;
  }
100% {
    margin-left: -6000px;
  }

}
@-moz-keyframes credits {
  0% {
    margin-left: 0px;
 }
 100% {
    margin-left: -6000px;
 }
 
}
@-o-keyframes credits {
  0% {
    margin-left: 0px;
 }
 100% {
    margin-left: -6000px;
 }
 
}

/* 以下の記述を追加すると、マウスホーバーでスライドが停止する。 */
.wrapper:hover{
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    -ms-animation-play-state: paused;
    cursor: pointer;
}

/* 自動スライドのCSSはここまで */

「変更を保存」の後にブラウザーのキャッシュを消去する必要があります。

Google Chrome: Ctrl-Shift-R を押してください (Mac では ⌘-Shift-R)。

その他のブラウザーの場合は調べてね。

表示速度を変更するには、「animation: 30s」となっている「30」→「60」にすると、遅くなります。

ギャラリー全体の長さは「6000px」に設定しています。これで25枚くらいまでのスライドショーができます。それ以上になると、最後の画像が表示されなくなります。

あまりたくさんの画像を並べないようにしましょう。

「40枚くらい並べたい」という場合には「6000px」の数値を大きくしてください(4～5個所ありますので全部修正します)。

あまり大きくすると、画像枚数が少ない場合に「空白部分」が長くなりますので注意。

14. mp3ファイルを再生可能とする設定方法

展開する

質問・ご意見はこちら

お問い合わせ・ご意見のメールはこちら

上記リンクをクリックしてもメールソフトが起動しない場合は、以下のアドレスをコピーしてメールソフトの「宛先」に貼り付けてください。

　【担当者メールアドレス】wiki_admin@koyamadai100.jp

　 ←「12. 動画・音声を再生する」　　　 ←「13. コメント(編集時のみ表示)」　　　 ←「14. Marginを使った表示位置の微調整」　　　 ←「15. テンプレートの作成と利用」　　　 ←「16. ファイルアップロードと削除」

　 ↑ページトップへ　　　 ↑↑「メインページ」の「編集者のためのヘルプ」に戻る　　　 ↑↑「メインページ」トップに戻る

脚注：　

↑ ^{以下の位置に戻る: 1.0} ^1.1 ^1.2 FTPとは「File Transfer Protocol:ファイル転送プロトコル」で、サーバーにファイルをアップロードしたり、逆にサーバーからファイルをダウンロードしたりするときの決め事。「FTP転送」とは、FTPの約束に沿ってファイルをアップロード・ダウンロードできるソフトウェア(FTPクライアントソフト)を使って、サーバーにファイルをアップロード・ダウンロードすることを言う。
↑ ^{以下の位置に戻る: 2.0} ^2.1 まずMediaWikiのダウンロードサイトから最新版をダウンロードし、それを解凍してできたファイルを、サーバーの設定したフォルダーにアップロードします。この設定したフォルダーをルートフォルダーと言う。さくらレンタルサーバーの場合は「www」フォルダー直下に作ったMediaWiki用フォルダーとなる。フォルダー名で「wiki」は避けること(不具合の報告がいろいろあるようです)。「mwiki」ならOK。
↑ Wikipedia参照→ブラック・ライヴズ・マター

･

2023年2月21日：直近編集者：Adminkoyama100
TimeStamp：20230221181802

[F-1] {以下の位置に戻る: 1.0} ^1.1 ^1.2 FTPとは「File Transfer Protocol:ファイル転送プロトコル」で、サーバーにファイルをアップロードしたり、逆にサーバーからファイルをダウンロードしたりするときの決め事。「FTP転送」とは、FTPの約束に沿ってファイルをアップロード・ダウンロードできるソフトウェア(FTPクライアントソフト)を使って、サーバーにファイルをアップロード・ダウンロードすることを言う。

[R-2] {以下の位置に戻る: 2.0} ^2.1 まずMediaWikiのダウンロードサイトから最新版をダウンロードし、それを解凍してできたファイルを、サーバーの設定したフォルダーにアップロードします。この設定したフォルダーをルートフォルダーと言う。さくらレンタルサーバーの場合は「www」フォルダー直下に作ったMediaWiki用フォルダーとなる。フォルダー名で「wiki」は避けること(不具合の報告がいろいろあるようです)。「mwiki」ならOK。

[3] Wikipedia参照→ブラック・ライヴズ・マター

[1]

[2]

[3]

@@ 747行目: / 747行目: @@
 ::wfLoadExtension( 'MP3MediaHandler' );
 :6. これで完了
-::Wikiページに[[ファイル:アップロードしたファイル名]]と記載すれば、プレーヤーが表示される。
+::Wikiページに<nowiki>[[ファイル:アップロードしたファイル名]]</nowiki>と記載すれば、プレーヤーが表示される。
 <br><br>
 </div>

「管理者用ヘルプ」の版間の差分

2023年2月21日 (火) 18:18時点における版

目次

管理者用ヘルプについて

1.「アカウント」の登録

2.「アカウント」の権限設定

MediaWiki作成者用

1. 作成中の「MediaWiki」を非公開にする

2. 最初のページだけは見せて、他は非公開にする

3. アカウントを持っていてログインしたユーザーには閲覧権限のみ付与

4. 編集可能グループを作成する

5. ファビコンを作成する

6. 動画を表示するための事前実施項目

7. サイドバー(左のメニュー)を編集

8. ボタンのCSS指定

記述例

9. 「外部リンク」を新しいタブで表示する

10. 外部サイトの画像ファイルを直接埋め込む

11. 直近の編集日時と編集者を表示する

12. Tab機能を使う

13. ギャラリーの自動スライド機能CSS

14. mp3ファイルを再生可能とする設定方法

質問・ご意見はこちら

案内メニュー