「「サイドバー(左のメニュー)」のカスタマイズ」の版間の差分

提供: Nヴァストアーカイブ
ナビゲーションに移動 検索に移動
4行目: 4行目:
 
<br>
 
<br>
 
:'''記述例'''
 
:'''記述例'''
::* navigation
+
::<nowiki>* navigation</nowiki><br>
::* Nヴァストアーカイブ
+
::<nowiki>* Nヴァストアーカイブ</nowiki><br>
::** mainpage|トップページ
+
::<nowiki>** mainpage|トップページ</nowiki>
::** recentchanges-url|recentchanges
+
::<nowiki>** recentchanges-url|recentchanges</nowiki>
::** randompage-url|randompage
+
::<nowiki>** randompage-url|randompage</nowiki>
::**  
+
::<nowiki>**</nowiki>
::** 特別:MyPage/sandbox|編集時サンドボックス
+
::<nowiki>** 特別:MyPage/sandbox|編集時サンドボックス</nowiki>
::* SEARCH
+
::<nowiki>* SEARCH</nowiki>
::* TOOLBOX
+
::<nowiki>* TOOLBOX</nowiki>
::* LANGUAGES
+
::<nowiki>* LANGUAGES</nowiki>
::* 関連リンク
+
::<nowiki>* 関連リンク</nowiki>
::** https://nvast.com|Nヴァストホーム
+
::<nowiki>** https://nvast.com|Nヴァストホーム</nowiki>
::** https://calmandcozy.nvast.com|Calm and Cozy Blog
+
::<nowiki>** https://calmandcozy.nvast.com|Calm and Cozy Blog</nowiki>
::** https://wiki.koyamadai100.jp|八中・小山台デジタルアーカイブ
+
::<nowiki>** https://wiki.koyamadai100.jp|八中・小山台デジタルアーカイブ</nowiki>
 
<br>
 
<br>
  

2020年9月25日 (金) 10:53時点における版

サイドバーの項目を編集

サイドバーを変更するには、「MediaWiki:Sidebar」に次のように記述する。
右上の「検索窓」に「MediaWiki:Sidebar」と入力して[Enter]キーを押すと、「MediaWiki:Sidebar」の内容が表示される。


記述例
* navigation
* Nヴァストアーカイブ
** mainpage|トップページ
** recentchanges-url|recentchanges
** randompage-url|randompage
**
** 特別:MyPage/sandbox|編集時サンドボックス
* SEARCH
* TOOLBOX
* LANGUAGES
* 関連リンク
** https://nvast.com|Nヴァストホーム
** https://calmandcozy.nvast.com|Calm and Cozy Blog
** https://wiki.koyamadai100.jp|八中・小山台デジタルアーカイブ


サイドバーのスタイル (幅やフォントサイズ等)を編集

サイドバーの見え方を変更するには「MediaWiki:Vector.css」を編集します。
「Vector.css」は「Vector」スキンを利用しているMediaWikiの見え方を変更するものです。
異なる「スキン(Monobookなど)」を利用している場合は、その「スキン名.css」を編集することになります。


「検索窓」に「MediaWiki:Vector.css」と入力してページを作成し、以下のような記述します(管理者のみ可能)。


記述例
/* ここに記述したCSSはベクター外装の利用者に影響します */
#mw-panel { width: 11.5em; }
#footer, #mw-head-base, #content { margin-left: 12em; }
#left-navigation { margin-left: 12em; }


#p-logo a, #p-logo a:hover { width: 11.5em; }


#mw-panel div.portal h3 { font-size: inherit; }
#mw-panel div.portal div.body ul li { font-size: 80%; }


そして、「変更を保存」の後に、Google Cromeの場合は、[Shift]+[Ctrl]+[R]キーを押して、ブラウザーのキャッシュをクリア。


「11.5em」などとなっているところは、ご自分の環境に合わせて変更して、最適な数値としてください。
「変更を保存」後、「ブラウザーのキャッシュ・クリアー」を忘れないようにしてください(変更内容が反映されません)。