DokuWikiで情報発信

個人での情報発信や社内での情報共有に便利なDokuWikiを紹介するサイトです。

ユーザ用ツール

サイト用ツール


サイドバー

目次

DokuWikiを理解

DokuWikiの構築

よく確認するページ

page:html.html



「DokuWikiの使い方」に戻る

DokuWikiのページにHTMLを埋め込む

設定

「管理」「サイト設定」で、「HTML埋め込み」をチェックしましょう。

「HTML埋め込み」をチェック


基本的な例

文字の 色変更 大きさ変更

ソース
<html>
文字の
<span style="color:red;">色変更</span>
<span style="font-size:200%;">大きさ変更</span>
</html>


外部リンクの前に付く画像をなくす

ソース
<html><b><a href="https://dokuwiki.oreda.net/" target="_blank">https://dokuwiki.oreda.net/</a></b></html>




preの例 (オススメ!)

  • htmlで、<pre class="code">として、文字の色を変更する。
  • スペースもそのままで、色を付けられるため、オススメです。

test    test     test
red red
blue blue
fuchsia fuchsia
orange orange
green green
lime lime
aqua aqua
purple purple

ソース
<html><pre class="code">
test    test     test
<font color=red>red <b>red</b></font>
<font color=blue>blue <b>blue</b></font>
<font color=fuchsia>fuchsia <b>fuchsia</b></font>
<font color=orange>orange <b>orange</b></font>
<font color=green>green <b>green</b></font>
<font color=lime>lime <b>lime</b></font>
<font color=aqua>aqua <b>aqua</b></font>
<font color=purple>purple <b>purple</b></font>
</pre></html>




hrの例

文字のすぐ下にhrを引く

ソース
[[:index.html|]]
<html><hr style="margin-top:-20px"></html>




引用の例

引用のすぐ下に出処を書く。

名言
名言

ここから引っ張ってきた


ソース
>名言
>名言
<html><p style="margin-top:-20px">ここから引っ張ってきた</p></html>




Twitterを埋め込む

TwitterをDokuWikiに組み込んだ例です。


ソース

(1)事前に埋め込みたいツイートのコードをコピーしましょう。

(2) <code> </code>の中に貼り付けましょう。

<html>
<blockquote class="twitter-tweet" data-lang="ja"><p lang="ja" dir="ltr">企業でも個人でも情報共有、情報発信に <a href="https://twitter.com/hashtag/DokuWiki?src=hash&amp;ref_src=twsrc%5Etfw">#DokuWiki</a> を使おう<br><br>DokuWikiをおすすめする理由<a href="https://t.co/T1NxGZ2YZ5">https://t.co/T1NxGZ2YZ5</a><br><br>情報共有、情報発信が目的なら <a href="https://twitter.com/hashtag/WordPress?src=hash&amp;ref_src=twsrc%5Etfw">#WordPress</a> より簡単<br><br>個人的なメモでも <a href="https://twitter.com/hashtag/Dorpbox?src=hash&amp;ref_src=twsrc%5Etfw">#Dorpbox</a> や <a href="https://twitter.com/hashtag/Evernote?src=hash&amp;ref_src=twsrc%5Etfw">#Evernote</a> よりおすすめ<a href="https://twitter.com/hashtag/Markdown?src=hash&amp;ref_src=twsrc%5Etfw">#Markdown</a> より表現力がある<br><br>補助ボタンで覚えること少ない</p>&mdash; くりてぃー@努力型エンジニア (@taka_kurihara) <a href="https://twitter.com/taka_kurihara/status/1042804159517347840?ref_src=twsrc%5Etfw">2018年9月20日</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</html>







「DokuWikiの使い方」に戻る




page/html.html.txt · 最終更新: 2018/12/24 by oreda admin

ページ用ツール