web-dev-qa-db-ja.com

mediawikiに引用ボックスを追加する最も簡単な方法は何ですか？

私は個人的な知識ベースとしてmediawikiをサーバーにインストールしました。 Webからコピーして、誰かのブログのヒントやコツなど、Wikiに貼り付けることがあります。コピーしたコンテンツを枠線付きのボックスに表示するにはどうすればよいですか？

たとえば、このブログ投稿の最後にあるボックスはかなり見栄えがします。
http://blog.dreamhost.com/2008/03/21/good-reminiscing-friday/

Preタグを使用することはできますが、preタグの段落は自動的に折り返されません。何かアイデアはありますか？

wikimediawikiquotes
31
SamS

ウィキでTemplate：quoteというテンプレートを作成しました。これには、次のコンテンツが含まれています。

<div style="background-color: #ddf5eb; border-style: dotted;">
{{{1}}}
</div>

次に、ページでテンプレートを使用できます。例：

{{quote |ちょっとしたテスト}}

かなりうまく機能します-ありがとう！

37
SamS
<blockquote style="background-color: lightgrey; border: solid thin grey;">
Det er jeg som kjenner hemmeligheten din. Ikke et pip, gutten min.
</blockquote>

ブロッククォートは、テキストが実際にはブロッククォートであり、「単なるテキスト」ではないことを「説明」するため、divよりも優れています。また、blockquoteは適切にインデントされている可能性が高く、実際にはblockqouteのように見えます。

23
Oddmund

2つのほとんど有効な答えを組み合わせるには、それ自体が blockquote を利用する MediaWikiテンプレート を使用する必要があります。

テンプレートの内容：

<blockquote style="color: lightgrey; border: solid thin gray;">
    {{{1}}}
</blockquote>

WIKIページでの使用法（テンプレートに「quote」という名前を付けたと仮定）：

{{ quote | The text you want to quote }}
19
Steve K

Mediawikiはdivタグをサポートしています。 divタグをいくつかのスタイルと組み合わせます。

<div style="background-color: cyan; border-style: dashed;">
A bunch of text that will wrap.
</div>

必要なcss属性を試してみることができますが、それで始めることができます。

4
Steve K

@steve kのコードを使用しました。ライトグレーを黒に変更し、境界線とテキストの間にパディングを追加しました。ライトグレーはほとんど見えず、テキストは境界線に直接隣接していました。

<blockquote style="
 color: black;
 border: solid thin gray;
 padding-top: 10px;
 padding-right: 10px;
 padding-bottom: 10px;
 padding-left: 10px;
 ">
{{{1}}}
</blockquote>
4
Jeff Albrecht

この目的でindex.php?title=MediaWiki:Common.cssページを使用し、そこで<blockquote/>要素のCSSスタイルを設定できます。

blockquote {
    background-color: #ddf5eb; 
    border-style: dotted;
}

同様の方法で、コンテンツをラップするようにコードスニペットなどに役立つ<pre/>のスタイルを設定できます。

pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap; 
    white-space: -pre-wrap; 
    white-space: -o-pre-wrap; 
    Word-wrap: break-Word;
}

より長いコードスニペットの場合は、 SyntaxHighlight拡張機能 に付属する<syntaxhighlight/>（または<source/>）要素を使用することをお勧めします。 style それもできます。

1
Johnny Baloney

Preタグに幅を設定すると、折り返されます。

<pre width="80%">
0
Genteel