CINXE.COM

ja:images [DokuWiki]

<!DOCTYPE html> <html lang="ja" dir="ltr" class="no-js"> <head> <meta charset="utf-8" /> <title>ja:images [DokuWiki]</title> <meta name="generator" content="DokuWiki"/> <meta name="theme-color" content="#008800"/> <meta name="robots" content="index,follow"/> <meta name="keywords" content="ja,images"/> <link rel="search" type="application/opensearchdescription+xml" href="/lib/exe/opensearch.php" title="DokuWiki"/> <link rel="start" href="/"/> <link rel="contents" href="/ja:images?do=index" title="サイトマップ"/> <link rel="manifest" href="/lib/exe/manifest.php"/> <link rel="alternate" type="application/rss+xml" title="最近の変更" href="/feed.php"/> <link rel="alternate" type="application/rss+xml" title="現在の名前空間" href="/feed.php?mode=list&amp;ns=ja"/> <link rel="edit" title="文書の編集" href="/ja:images?do=edit"/> <link rel="alternate" type="text/html" title="プレーンHTML" href="/_export/xhtml/ja:images"/> <link rel="alternate" type="text/plain" title="Wikiマークアップ" href="/_export/raw/ja:images"/> <link rel="canonical" href="https://www.dokuwiki.org/ja:images"/> <link rel="stylesheet" href="/lib/exe/css.php?t=dokuwiki&amp;tseed=f1005bad3d81fc9c803c7f93d32a390e"/> <link rel="alternate" hreflang="en" href="https://www.dokuwiki.org/images"/> <link rel="alternate" hreflang="da" href="https://www.dokuwiki.org/da:images"/> <link rel="alternate" hreflang="de" href="https://www.dokuwiki.org/de:images"/> <link rel="alternate" hreflang="es" href="https://www.dokuwiki.org/es:images"/> <link rel="alternate" hreflang="fr" href="https://www.dokuwiki.org/fr:images"/> <link rel="alternate" hreflang="it" href="https://www.dokuwiki.org/it:images"/> <link rel="alternate" hreflang="ko" href="https://www.dokuwiki.org/ko:images"/> <link rel="alternate" hreflang="nl" href="https://www.dokuwiki.org/nl:images"/> <link rel="alternate" hreflang="pl" href="https://www.dokuwiki.org/pl:images"/> <link rel="alternate" hreflang="pt-br" href="https://www.dokuwiki.org/pt-br:images"/> <link rel="alternate" hreflang="ru" href="https://www.dokuwiki.org/ru:images"/> <link rel="alternate" hreflang="zh" href="https://www.dokuwiki.org/zh:images"/> <link rel="alternate" hreflang="x-default" href="https://www.dokuwiki.org/images"/> <script >var NS='ja';var JSINFO = {"plugins":{"edittable":{"default columnwidth":""}},"id":"ja:images","namespace":"ja","ACT":"show","useHeadingNavigation":0,"useHeadingContent":0};(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement);</script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.4/jquery.min.js" defer="defer"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.13.2/jquery-ui.min.js" defer="defer"></script> <script src="/lib/exe/js.php?t=dokuwiki&amp;tseed=f1005bad3d81fc9c803c7f93d32a390e&amp;lang=ja" defer="defer"></script> <meta name="viewport" content="width=device-width,initial-scale=1" /> <link rel="shortcut icon" href="/lib/tpl/dokuwiki/images/favicon.ico" /> <link rel="apple-touch-icon" href="/lib/tpl/dokuwiki/images/apple-touch-icon.png" /> <meta name="verify-v1" content="OVxl3gsCv2MhZqh1cBQyl0JytWXSwXMjyvwc+4w3WtA=" /> <meta name="google-site-verification" content="YhTVK69hW94ZXUtc2zSLPxTkZKbZIn0zK67mz5WQB-E" /> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-83791-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-83791-1', { 'anonymize_ip': true }); </script> </head> <body> <div id="dokuwiki__site"><div id="dokuwiki__top" class="site dokuwiki mode_show tpl_dokuwiki showSidebar hasSidebar"> <!-- ********** HEADER ********** --> <header id="dokuwiki__header"><div class="pad group"> <div class="headings group"> <ul class="a11y skip"> <li><a href="#dokuwiki__content">内容へ移動</a></li> </ul> <h1 class="logo"><a href="/start" accesskey="h" title="Home [h]"><img src="/lib/tpl/dokuwiki/images/logo.png" width="64" height="64" alt="" /><span>DokuWiki</span></a></h1> <p class="claim">It's better when it's simple</p> </div> <div class="tools group"> <!-- USER TOOLS --> <div id="dokuwiki__usertools"> <h3 class="a11y">ユーザ用ツール</h3> <ul> <li class="action login"><a href="/ja:images?do=login&amp;sectok=" title="ログイン" rel="nofollow"><span>ログイン</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 17.25V14H3v-4h7V6.75L15.25 12 10 17.25M8 2h9a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2v-4h2v4h9V4H8v4H6V4a2 2 0 0 1 2-2z"/></svg></a></li> </ul> </div> <!-- SITE TOOLS --> <div id="dokuwiki__sitetools"> <h3 class="a11y">サイト用ツール</h3> <form action="/start" method="get" role="search" class="search doku_form" id="dw__search" accept-charset="utf-8"><input type="hidden" name="do" value="search" /><input type="hidden" name="id" value="ja:images" /><div class="no"><input name="q" type="text" class="edit" title="[F]" accesskey="f" placeholder="検索" autocomplete="on" id="qsearch__in" value="" /><button value="1" type="submit" title="検索">検索</button><div id="qsearch__out" class="ajax_qsearch JSpopup"></div></div></form> <div class="mobileTools"> <form action="/doku.php" method="get" accept-charset="utf-8"><div class="no"><input type="hidden" name="id" value="ja:images" /><select name="do" class="edit quickselect" title="ツール"><option value="">ツール</option><optgroup label="ページ用ツール"><option value="edit">文書の編集</option><option value="revisions">以前のリビジョン</option><option value="backlink">バックリンク</option></optgroup><optgroup label="サイト用ツール"><option value="recent">最近の変更</option><option value="media">メディアマネージャー</option><option value="index">サイトマップ</option></optgroup><optgroup label="ユーザ用ツール"><option value="login">ログイン</option></optgroup></select><button type="submit">&gt;</button></div></form> </div> <ul> <li class="action recent"><a href="/ja:images?do=recent" title="最近の変更 [r]" rel="nofollow" accesskey="r">最近の変更</a></li><li class="action media"><a href="/ja:images?do=media&amp;ns=ja" title="メディアマネージャー" rel="nofollow">メディアマネージャー</a></li><li class="action index"><a href="/ja:images?do=index" title="サイトマップ [x]" rel="nofollow" accesskey="x">サイトマップ</a></li> </ul> </div> </div> <!-- BREADCRUMBS --> <div class="breadcrumbs"> <div class="trace"><span class="bchead">トレース:</span> <span class="bcsep">•</span> <span class="curid"><bdi><a href="/ja:images" class="breadcrumbs" title="ja:images">images</a></bdi></span></div> </div> <hr class="a11y" /> </div></header><!-- /header --> <div class="wrapper group"> <!-- ********** ASIDE ********** --> <nav id="dokuwiki__aside" aria-label="サイドバー"><div class="pad aside include group"> <h3 class="toggle">サイドバー</h3> <div class="content"><div class="group"> <div class="plugin_translation is-dropdown"><span class="title">このページの翻訳<sup><a href="/localization" class="wikilink1" title="localization" data-wiki-id="localization">?</a></sup>: </span><ul><li class="a"><a class="wikilink1" title="English" href="/images">English (en)</a></li><li class="a"><a class="wikilink2" title="|العربية" href="/ar:images">|العربية (ar)</a></li><li class="a"><a class="wikilink2" title="Català" href="/ca:images">Català (ca)</a></li><li class="a"><a class="wikilink2" title="Česky" href="/cs:images">Česky (cs)</a></li><li class="a"><a class="wikilink1" title="Dansk" href="/da:images">Dansk (da)</a></li><li class="a"><a class="wikilink1" title="Deutsch" href="/de:images">Deutsch (de)</a></li><li class="a"><a class="wikilink2" title="Ελληνικά" href="/el:images">Ελληνικά (el)</a></li><li class="a"><a class="wikilink2" title="Esperanto" href="/eo:images">Esperanto (eo)</a></li><li class="a"><a class="wikilink1" title="Español" href="/es:images">Español (es)</a></li><li class="a"><a class="wikilink2" title="فارسی" href="/fa:images">فارسی (fa)</a></li><li class="a"><a class="wikilink1" title="Français" href="/fr:images">Français (fr)</a></li><li class="a"><a class="wikilink2" title="עברית" href="/he:images">עברית (he)</a></li><li class="a"><a class="wikilink2" title="Magyar" href="/hu:images">Magyar (hu)</a></li><li class="a"><a class="wikilink1" title="Italiano" href="/it:images">Italiano (it)</a></li><li class="span"><span class="wikilink1" title="日本語">日本語 (ja)</span></li><li class="a"><a class="wikilink1" title="한국어" href="/ko:images">한국어 (ko)</a></li><li class="a"><a class="wikilink2" title="Lietuvių Kalba" href="/lt:images">Lietuvių Kalba (lt)</a></li><li class="a"><a class="wikilink1" title="Nederlands" href="/nl:images">Nederlands (nl)</a></li><li class="a"><a class="wikilink2" title="Norsk" href="/no:images">Norsk (no)</a></li><li class="a"><a class="wikilink1" title="Polski" href="/pl:images">Polski (pl)</a></li><li class="a"><a class="wikilink1" title="Português" href="/pt-br:images">Português (pt-br)</a></li><li class="a"><a class="wikilink2" title="Română" href="/ro:images">Română (ro)</a></li><li class="a"><a class="wikilink1" title="Русский" href="/ru:images">Русский (ru)</a></li><li class="a"><a class="wikilink2" title="Српски Језик" href="/sr:images">Српски Језик (sr)</a></li><li class="a"><a class="wikilink2" title="Svenska" href="/sv:images">Svenska (sv)</a></li><li class="a"><a class="wikilink2" title="ไทย" href="/th:images">ไทย (th)</a></li><li class="a"><a class="wikilink2" title="Українська" href="/uk:images">Українська (uk)</a></li><li class="a"><a class="wikilink1" title="中文" href="/zh:images">中文 (zh)</a></li><li class="a"><a class="wikilink2" title="繁體中文" href="/zh-tw:images">繁體中文 (zh-tw)</a></li></ul></div> <p> <strong>DokuWiki について知る</strong> </p> <ul> <li class="level1"><div class="li"> <a href="/ja:features" class="wikilink1" title="ja:features" data-wiki-id="ja:features">機能</a> &amp; <a href="/ja:blogroll" class="wikilink1" title="ja:blogroll" data-wiki-id="ja:blogroll">紹介</a> </div> </li> <li class="level1"><div class="li"> <a href="/ja:install" class="wikilink1" title="ja:install" data-wiki-id="ja:install">インストール</a></div> </li> <li class="level1"><div class="li"> <a href="/ja:manual" class="wikilink1" title="ja:manual" data-wiki-id="ja:manual">利用者マニュアル</a> &amp; <a href="/ja:syntax" class="wikilink1" title="ja:syntax" data-wiki-id="ja:syntax">整形記法</a></div> </li> <li class="level1"><div class="li"> <a href="/ja:changes" class="wikilink1" title="ja:changes" data-wiki-id="ja:changes">リリースノート</a></div> </li> <li class="level1"><div class="li"> <a href="/ja:faq" class="wikilink1" title="ja:faq" data-wiki-id="ja:faq">よくある質問</a></div> </li> </ul> <p> <strong>開発</strong> </p> <ul> <li class="level1"><div class="li"> <a href="/ja:extensions" class="wikilink1" title="ja:extensions" data-wiki-id="ja:extensions">機能拡張</a></div> </li> <li class="level1"><div class="li"> <a href="/ja:development" class="wikilink1" title="ja:development" data-wiki-id="ja:development">開発マニュアル</a></div> </li> </ul> <p> <strong>法人利用</strong> </p> <ul> <li class="level1"><div class="li"> <a href="/ja:faq:support" class="wikilink1" title="ja:faq:support" data-wiki-id="ja:faq:support">商用サポート</a></div> </li> <li class="level1"><div class="li"> <a href="/ja:donate" class="wikilink1" title="ja:donate" data-wiki-id="ja:donate">寄付</a></div> </li> </ul> <p> <strong>我々のコミュニティ</strong> </p> <ul> <li class="level1"><div class="li"> <a href="/ja:teams:getting_involved" class="wikilink1" title="ja:teams:getting_involved" data-wiki-id="ja:teams:getting_involved">参加する</a></div> </li> <li class="level1"><div class="li"> <a href="http://forum.dokuwiki.org" class="urlextern" title="http://forum.dokuwiki.org">ユーザフォーラム</a></div> </li> <li class="level1"><div class="li"> <a href="/ja:newsletter" class="wikilink1" title="ja:newsletter" data-wiki-id="ja:newsletter">ニュースレター</a></div> </li> <li class="level1"><div class="li"> <a href="/ja:mailinglist" class="wikilink1" title="ja:mailinglist" data-wiki-id="ja:mailinglist">開発向けメーリングリスト</a></div> </li> </ul> <hr /> <p> <a href="http://www.facebook.com/pages/DokuWiki/52877633616" class="urlextern" title="http://www.facebook.com/pages/DokuWiki/52877633616">Facebook</a>や<a href="http://twitter.com/dokuwiki" class="urlextern" title="http://twitter.com/dokuwiki">Twitter</a>や他の<a href="/ja:social" class="wikilink1" title="ja:social" data-wiki-id="ja:social">ソーシャル・ネットワーク</a>からフォローしてください。 </p> </div></div> </div></nav><!-- /aside --> <!-- ********** CONTENT ********** --> <main id="dokuwiki__content"><div class="pad group"> <div class="pageId"><span>ja:images</span></div> <div class="page group"> <!-- wikipage start --> <!-- TOC START --> <div id="dw__toc" class="dw__toc"> <h3 class="toggle">目次</h3> <div> <ul class="toc"> <li class="level1"><div class="li"><a href="#画像とメディアファイルの取り扱い">画像とメディアファイルの取り扱い</a></div> <ul class="toc"> <li class="clear"> <ul class="toc"> <li class="level3"><div class="li"><a href="#アップロード">アップロード</a></div></li> <li class="level3"><div class="li"><a href="#埋め込み方法">埋め込み方法</a></div></li> </ul> </li> <li class="level2"><div class="li"><a href="#配置">配置</a></div></li> <li class="level2"><div class="li"><a href="#サイズ変更">サイズ変更</a></div></li> <li class="level2"><div class="li"><a href="#リンク">リンク</a></div> <ul class="toc"> <li class="level3"><div class="li"><a href="#dokuwiki_構文外からのリンク">DokuWiki 構文外からのリンク</a></div></li> </ul> </li> <li class="level2"><div class="li"><a href="#動的生成される画像">動的生成される画像</a></div></li> <li class="level2"><div class="li"><a href="#メディアファイルの削除">メディアファイルの削除</a></div></li> <li class="level2"><div class="li"><a href="#画像リンク">画像リンク</a></div></li> <li class="level2"><div class="li"><a href="#キャッシュ">キャッシュ</a></div></li> </ul></li> </ul> </div> </div> <!-- TOC END --> <h1 class="sectionedit1" id="画像とメディアファイルの取り扱い">画像とメディアファイルの取り扱い</h1> <div class="level1"> <p> ファイルをアップロードし<a href="/ja:wiki:syntax#画像やその他のファイル" class="wikilink1" title="ja:wiki:syntax" data-wiki-id="ja:wiki:syntax">画像の構文</a>を使って <a href="/ja:dokuwiki" class="wikilink1" title="ja:dokuwiki" data-wiki-id="ja:dokuwiki">DokuWiki</a> のページに埋め込むことができます。 画像と音声、動画メディアはページ上に<a href="/ja:wiki:syntax#画像やその他のファイル" class="wikilink1" title="ja:wiki:syntax" data-wiki-id="ja:wiki:syntax">適正に表示</a>されますが、(PDF 文章のような)他のファイルは文書からリンクされます。 詳細については <a href="/ja:mime" class="wikilink1" title="ja:mime" data-wiki-id="ja:mime">MIME の設定</a>を参照して下さい。 </p> </div> <div class="secedit editbutton_section editbutton_1"><form class="button btn_secedit" method="post" action="/ja:images"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1739777396" /><input type="hidden" name="summary" value="[画像とメディアファイルの取り扱い] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="画像とメディアファイルの取り扱い" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="1-561" /><button type="submit" title="画像とメディアファイルの取り扱い">編集</button></div></form></div> <h3 class="sectionedit2" id="アップロード">アップロード</h3> <div class="level3"> <p> <a href="/lib/exe/fetch.php?tok=c2f2c7&amp;media=https%3A%2F%2Fwww.dokuwiki.org%2F_media%2F%3Awiki%3Amediamanager.png" class="media" title="https://www.dokuwiki.org/_media/:wiki:mediamanager.png"><img src="/lib/exe/fetch.php?w=200&amp;tok=001220&amp;media=https%3A%2F%2Fwww.dokuwiki.org%2F_media%2F%3Awiki%3Amediamanager.png" class="medialeft" loading="lazy" title="メディアマネージャー" alt="メディアマネージャー" width="200" /></a> </p> <p> <a href="/lib/exe/fetch.php?tok=bd5780&amp;media=http%3A%2F%2Fwiki.splitbrain.org%2Flib%2Fimages%2Ftoolbar%2Fimage.png" class="media" title="http://wiki.splitbrain.org/lib/images/toolbar/image.png"><img src="/lib/exe/fetch.php?tok=bd5780&amp;media=http%3A%2F%2Fwiki.splitbrain.org%2Flib%2Fimages%2Ftoolbar%2Fimage.png" class="media" loading="lazy" alt="" /></a> 新規ファイルのアップロードは、<a href="/ja:edit_window" class="wikilink1" title="ja:edit_window" data-wiki-id="ja:edit_window">編集画面</a>の<a href="/ja:toolbar" class="wikilink1" title="ja:toolbar" data-wiki-id="ja:toolbar">ツールバー</a>から起動する<a href="/ja:media_manager" class="wikilink1" title="ja:media_manager" data-wiki-id="ja:media_manager">メディアマネージャー</a>で行います。 </p> <p> ファイルをアップロードするには、右上にあるアップロードフォームを使用します。 オプションで新しいファイル名を指定することもできます。 適切なファイル拡張子を付けて下さい! ファイル名に新しい<a href="/ja:namespaces" class="wikilink1" title="ja:namespaces" data-wiki-id="ja:namespaces">名前空間</a>を指定した場合、その名前空間は自動作成されます。 </p> <p> <a href="/ja:fullscreen_mediamanager" class="wikilink1" title="ja:fullscreen_mediamanager" data-wiki-id="ja:fullscreen_mediamanager">全画面メディアマネージャー</a>でも画像のアップロードが可能です。 加えて、メディアのリビジョンの表示、画像のメタデータの編集が可能です。 </p> <p> 注意:管理者が<a href="/ja:acl" class="wikilink1" title="ja:acl" data-wiki-id="ja:acl">アクセス制御</a>を有効にした場合、アップロードが特定のユーザーに制限される可能性があります。適切な権限のないユーザーに対しては、アップロードフォームを表示しません。 </p> </div> <div class="secedit editbutton_section editbutton_2"><form class="button btn_secedit" method="post" action="/ja:images"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1739777396" /><input type="hidden" name="summary" value="[アップロード] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="アップロード" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="562-1832" /><button type="submit" title="アップロード">編集</button></div></form></div> <h3 class="sectionedit3" id="埋め込み方法">埋め込み方法</h3> <div class="level3"> <p> メディアの埋め込みには <code>{{}}</code> を使用します。 </p> <pre class="code">{{wiki:dokuwiki-128.png}} {{wiki:text2html.rc}}</pre> <p> 画像 <a href="/_detail/wiki:dokuwiki-128.png?id=ja%3Aimages" class="media" title="wiki:dokuwiki-128.png"><img src="/_media/wiki:dokuwiki-128.png?w=30&amp;tok=739ef5" class="media" loading="lazy" alt="" width="30" /></a> は表示されますが、他のメディア <a href="/_media/wiki:text2html.rc" class="media mediafile mf_rc" title="wiki:text2html.rc (930 B)">text2html.rc</a> は適切なアイコン付きのリンクしか表示されません。 </p> <p> 画像の表題を追加するには <code>|</code> を使用します。 </p> <pre class="code">{{wiki:dokuwiki-128.png|The logo of DokuWiki}}</pre> <p> <a href="/_detail/wiki:dokuwiki-128.png?id=ja%3Aimages" class="media" title="wiki:dokuwiki-128.png"><img src="/_media/wiki:dokuwiki-128.png?w=30&amp;tok=739ef5" class="media" loading="lazy" title="The logo of DokuWiki" alt="The logo of DokuWiki" width="30" /></a> ツールチップとして表題を表示するために、画像にマウスカーソルを載せてみて下さい。 </p> <p> 画像の埋め込み方法は、様々なパラメータで制御します。 パラメータは <abbr title="Uniform Resource Locator">URL</abbr> 形式で追加します。 疑問符(?)を追加し、複数のパラメータはアンパサンド(&amp;)区切りです。 </p> </div> <div class="secedit editbutton_section editbutton_3"><form class="button btn_secedit" method="post" action="/ja:images"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1739777396" /><input type="hidden" name="summary" value="[埋め込み方法] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="埋め込み方法" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="1833-2680" /><button type="submit" title="埋め込み方法">編集</button></div></form></div> <h2 class="sectionedit4" id="配置">配置</h2> <div class="level2"> <p> 左右の空白を利用して、右揃え、左揃え、中央揃えを選択できます。 </p> <p> <a href="/_detail/wiki:dokuwiki-128.png?id=ja%3Aimages" class="media" title="wiki:dokuwiki-128.png"><img src="/_media/wiki:dokuwiki-128.png" class="mediaright" loading="lazy" alt="" /></a> </p> <p> <a href="/_detail/wiki:dokuwiki-128.png?id=ja%3Aimages" class="media" title="wiki:dokuwiki-128.png"><img src="/_media/wiki:dokuwiki-128.png" class="medialeft" loading="lazy" alt="" /></a> </p> <p> <a href="/_detail/wiki:dokuwiki-128.png?id=ja%3Aimages" class="media" title="wiki:dokuwiki-128.png"><img src="/_media/wiki:dokuwiki-128.png" class="mediacenter" loading="lazy" alt="" /></a> </p> <pre class="code">{{ wiki:dokuwiki-128.png}} {{wiki:dokuwiki-128.png }} {{ wiki:dokuwiki-128.png }}</pre> </div> <div class="secedit editbutton_section editbutton_4"><form class="button btn_secedit" method="post" action="/ja:images"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1739777396" /><input type="hidden" name="summary" value="[配置] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="配置" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="2681-2969" /><button type="submit" title="配置">編集</button></div></form></div> <h2 class="sectionedit5" id="サイズ変更">サイズ変更</h2> <div class="level2"> <p> DokuWiki は二種類の方法で画像のサイズ変更ができます。 デフォルトでは、インストールされていれば <a href="https://secure.php.net/ref.image" class="interwiki iw_phpfn" title="https://secure.php.net/ref.image">PHP GD 関数</a>を使用します。 <a href="/ja:config:im_convert" class="wikilink1" title="ja:config:im_convert" data-wiki-id="ja:config:im_convert">ImageMagick</a> のコマンドラインツールを使用すると、より良い結果を得ることができます。 </p> <p> GD 関数を使用する場合、メモリー不足、インストールされた GD 関数が未対応の画像形式という原因でサイズ変更に失敗する場合があります。 </p> <p> 外部の画像をサイズ変更するには、その画像をサーバー内にキャッシュする必要があります。 そのためには、<a href="/ja:config:fetchsize" class="wikilink1" title="ja:config:fetchsize" data-wiki-id="ja:config:fetchsize">設定項目: fetchsize</a> でサイズ制限を増やして、外部ファイルのダウンロードを許可する必要があります。 </p> <p> 縦横比を維持したまま拡大縮小するには、ピクセル単位で幅を指定します: </p> <pre class="code">{{wiki:dokuwiki-128.png?20}}</pre> <p> <a href="/_detail/wiki:dokuwiki-128.png?id=ja%3Aimages" class="media" title="wiki:dokuwiki-128.png"><img src="/_media/wiki:dokuwiki-128.png?w=20&amp;tok=6e3b79" class="medialeft" loading="lazy" alt="" width="20" /></a> この画像は、幅 20 ピクセルに縮小されています。 </p> <p> 高さで縦横比を維持したまま拡大縮小するには、幅 0 を追加してピクセル単位で高さを指定します: </p> <pre class="code">{{wiki:dokuwiki-128.png?0x20}}</pre> <p> <a href="/_detail/wiki:dokuwiki-128.png?id=ja%3Aimages" class="media" title="wiki:dokuwiki-128.png"><img src="/_media/wiki:dokuwiki-128.png?h=20&amp;tok=6e3b79" class="medialeft" loading="lazy" alt="" height="20" /></a> この画像は、高さ 20 ピクセルに縮小されています。 </p> <p> 幅と高さを指定した場合、縦横比を無視し指定通りの高さに拡大縮小します: </p> <pre class="code">{{wiki:dokuwiki-128.png?20x50}}</pre> <p> <a href="/_detail/wiki:dokuwiki-128.png?id=ja%3Aimages" class="media" title="wiki:dokuwiki-128.png"><img src="/_media/wiki:dokuwiki-128.png?w=20&amp;h=50&amp;tok=506fdd" class="medialeft" loading="lazy" alt="" width="20" height="50" /></a> この画像は、幅 20 ピクセル・高さ 50 ピクセルに縮小されています。 </p> <p> DokuWiki 2009-02-14 以降、幅と高さの両方を指定した場合、画像が歪むことを避けるため、サイズ変更の前に画像の切り抜き処理が行われます。 </p> </div> <div class="secedit editbutton_section editbutton_5"><form class="button btn_secedit" method="post" action="/ja:images"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1739777396" /><input type="hidden" name="summary" value="[サイズ変更] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="サイズ変更" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="2970-4808" /><button type="submit" title="サイズ変更">編集</button></div></form></div> <h2 class="sectionedit6" id="リンク">リンク</h2> <div class="level2"> <p> <a href="/ja:dokuwiki" class="wikilink1" title="ja:dokuwiki" data-wiki-id="ja:dokuwiki">DokuWiki</a> はページ内に画像を埋め込み、画像の詳細情報を提供するページか未加工の画像を含むページヘリンクします。 また、リンク無しの画像を埋め込むことも可能です。 </p> <p> デフォルトでは、画像をクリックすると「詳細」ページを表示します。 「詳細」ページは <code>detail.php</code> テンプレートファイルに従って表示されます。 標準 <code>detail.php</code> ファイルは大きめの画像と画像中に含まれる EXIF と IPTC のメタデータ (キャプション、撮影者、撮影日時など) の一覧、他の説明情報を合わせて表示します。 </p> <p> 以下の構文は、画像を元のサイズのまま埋め込み、この画像をクリックすると画像のメタデータを提供する詳細ページを表示します: </p> <pre class="code">{{wiki:dokuwiki-128.png}}</pre> <p> <a href="/_detail/wiki:dokuwiki-128.png?id=ja%3Aimages" class="media" title="wiki:dokuwiki-128.png"><img src="/_media/wiki:dokuwiki-128.png?w=25&amp;tok=fb9c03" class="media" loading="lazy" alt="" width="25" /></a> 詳細ページを表示するためにこの縮小画像をクリックしてみて下さい。 </p> <p> 詳細ページの画像をクリックして、実際のサイズの画像だけが含まれている別のページを表示することができます。 ページ上には小さな画像を埋め込み、詳細ページ上で少し大きな画像を表示し、最後の直接リンクだけがフルサイズ画像を提供することが多いです。 </p> <p> 代わって、クリックするとページ内にフルサイズ画像を直接表示するようなリンクを持った画像を埋め込むことも可能です。 「直接」リンクと呼び、画像に <code>direct</code> オプションを付加します: </p> <pre class="code">{{wiki:dokuwiki-128.png?direct}}</pre> <p> <a href="/_media/wiki:dokuwiki-128.png" class="media" title="wiki:dokuwiki-128.png"><img src="/_media/wiki:dokuwiki-128.png?w=20&amp;tok=6e3b79" class="medialeft" loading="lazy" alt="" width="20" /></a> 直接ページを表示するためにこの縮小画像をクリックしてみて下さい。 </p> <p> 他ページへのリンクを持たない画像を埋め込むことも可能です。 以下のような <code>nolink</code> オプションで可能です: </p> <pre class="code">{{wiki:dokuwiki-128.png?nolink}}</pre> <p> <img src="/_media/wiki:dokuwiki-128.png?w=20&amp;tok=6e3b79" class="medialeft" loading="lazy" alt="" width="20" /> この画像をクリックしてみて下さい。 何も起こりません。 </p> <p> アンパサンド &#039;&amp;&#039; を挟むことで、&#039;nolink&#039; とサイズ変更パラメータを組み合わせることもできます: </p> <pre class="code">{{wiki:dokuwiki-128.png?nolink&amp;100}}</pre> <p> <img src="/_media/wiki:dokuwiki-128.png?w=100&amp;tok=f4967e" class="media" loading="lazy" alt="" width="100" /> </p> <p> 画像を表示せずに画像へのリンクを表示したい場合、<code>linkonly</code> オプションを使用します: </p> <pre class="code">{{wiki:dokuwiki-128.png?linkonly}}</pre> <p> <a href="/_media/wiki:dokuwiki-128.png" class="media mediafile mf_png" title="wiki:dokuwiki-128.png (27.2 KB)">dokuwiki-128.png</a> これは画像へのリンクです。 </p> </div> <div class="secedit editbutton_section editbutton_6"><form class="button btn_secedit" method="post" action="/ja:images"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1739777396" /><input type="hidden" name="summary" value="[リンク] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="リンク" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="4809-7405" /><button type="submit" title="リンク">編集</button></div></form></div> <h3 class="sectionedit7" id="dokuwiki_構文外からのリンク">DokuWiki 構文外からのリンク</h3> <div class="level3"> <p> ページ内の視覚的側面を強化するために <code>&lt;HTML&gt;</code> タグを使用し、 DokuWiki のメディア管理から <code>&lt;DIV&gt;</code> の背景画像を取得したい場合、有用です。 </p> <p> 基本的に DokuWiki が作成したコードをコピーするだけですが、<em class="u">サイズ変更は使用できません</em>。 作成された <abbr title="Uniform Resource Locator">URL</abbr> には三つのパラメーター(<code>media</code>、<code>w</code>、<code>tok</code>)があります。 <code>tok</code> パラメーターを与えない限り、<code>w</code>(画像の幅を定義する)によるサイズ変更は動きません。 言い換えれば、<code>media</code> <abbr title="Uniform Resource Locator">URL</abbr> パラメーターだけが設定可能です。 </p> <p> 作成されたコードから <code>tok</code> をコピーして <abbr title="HyperText Markup Language">HTML</abbr> 内で <abbr title="Uniform Resource Locator">URL</abbr> を使用することはできますが、例えば内容の更新で問題の画像が置き換わると壊れてしまいます。 </p> <p> 例: </p> <pre class="code">DIV.personal_info { ... background-image: url(&#039;{/install_dir}/lib/exe/fetch.php?media=name:space:mypic.png&#039;); }</pre> </div> <div class="secedit editbutton_section editbutton_7"><form class="button btn_secedit" method="post" action="/ja:images"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1739777396" /><input type="hidden" name="summary" value="[DokuWiki 構文外からのリンク] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="dokuwiki_構文外からのリンク" /><input type="hidden" name="codeblockOffset" value="0" /><input type="hidden" name="range" value="7406-8452" /><button type="submit" title="DokuWiki 構文外からのリンク">編集</button></div></form></div> <h2 class="sectionedit8" id="動的生成される画像">動的生成される画像</h2> <div class="level2"> <p> <a href="http://kalsey.com/tools/buttonmaker/button.php?barPosition=50&amp;leftText=Dynamic&amp;leftTextColor=ffffff&amp;rightText=IMG&amp;rightTextPosition=54" class="urlextern" title="http://kalsey.com/tools/buttonmaker/button.php?barPosition=50&amp;leftText=Dynamic&amp;leftTextColor=ffffff&amp;rightText=IMG&amp;rightTextPosition=54">このような</a>動的生成される画像を埋め込みたいこともあります。 </p> <p> 通常の方法での利用: </p> <pre class="code">{{http://kalsey.com/tools/buttonmaker/button.php?barPosition=50&amp;leftText=Dynamic&amp;leftTextColor=ffffff&amp;rightText=IMG&amp;rightTextPosition=54}}</pre> <p> 埋め込みができません: </p> <p> <a href="/lib/exe/fetch.php?tok=10f402&amp;media=http%3A%2F%2Fkalsey.com%2Ftools%2Fbuttonmaker%2Fbutton.php" class="media mediafile mf_php" title="http://kalsey.com/tools/buttonmaker/button.php">button.php</a> </p> <p> <a href="/ja:dokuwiki" class="wikilink1" title="ja:dokuwiki" data-wiki-id="ja:dokuwiki">DokuWiki</a> は画像が <code>.gif</code> または <code>.jpg</code> 、 <code>.png</code> で終わると想定しているのに、このファイルは <code>.php</code> で終わってるからです。 解決策は、 <code>&amp;.png</code> のような CGI パラメータを追加することです。 CGI はこの未知のパラメータを無視しますが、DokuWiki はこれが画像であると認識します。 </p> <p> また、疑問符(?)を <abbr title="Uniform Resource Locator">URL</abbr> の末尾に追加する必要があります。 そうしないと、DokuWiki が CGI パラメーターをキャッシュ用のオプションとして認識してしまいます。 </p> <p> 画像 <abbr title="Uniform Resource Locator">URL</abbr> 内で <code>{</code> や <code>}</code> を使用するために、<code>%7B</code> や <code>%7C</code> のような <abbr title="Uniform Resource Locator">URL</abbr> エンコードが必要です(そうしないとメディアリンク構文と衝突します)。 </p> <p> <code>&amp;.png?</code> 使用構文例: </p> <p> <a href="/lib/exe/fetch.php?tok=4f9752&amp;media=http%3A%2F%2Fkalsey.com%2Ftools%2Fbuttonmaker%2Fbutton.php%3FbarPosition%3D50%26leftText%3DDynamic%26leftTextColor%3Dffffff%26rightText%3DIMG%26rightTextPosition%3D54%26.png" class="media" title="http://kalsey.com/tools/buttonmaker/button.php?barPosition=50&amp;leftText=Dynamic&amp;leftTextColor=ffffff&amp;rightText=IMG&amp;rightTextPosition=54&amp;.png"><img src="/lib/exe/fetch.php?tok=4f9752&amp;media=http%3A%2F%2Fkalsey.com%2Ftools%2Fbuttonmaker%2Fbutton.php%3FbarPosition%3D50%26leftText%3DDynamic%26leftTextColor%3Dffffff%26rightText%3DIMG%26rightTextPosition%3D54%26.png" class="media" loading="lazy" alt="" /></a> </p> <pre class="code">{{http://kalsey.com/tools/buttonmaker/button.php?barPosition=50&amp;leftText=Dynamic&amp;leftTextColor=ffffff&amp;rightText=IMG&amp;rightTextPosition=54&amp;.png?}}</pre> <p> ところで、以下のような Web 上でのボタン作成ツールがあります。 </p> <ul> <li class="level1"><div class="li"> <a href="http://kalsey.com/tools/buttonmaker/" class="urlextern" title="http://kalsey.com/tools/buttonmaker/">http://kalsey.com/tools/buttonmaker/</a></div> </li> </ul> </div> <div class="secedit editbutton_section editbutton_8"><form class="button btn_secedit" method="post" action="/ja:images"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1739777396" /><input type="hidden" name="summary" value="[動的生成される画像] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="動的生成される画像" /><input type="hidden" name="codeblockOffset" value="1" /><input type="hidden" name="range" value="8453-10347" /><button type="submit" title="動的生成される画像">編集</button></div></form></div> <h2 class="sectionedit9" id="メディアファイルの削除">メディアファイルの削除</h2> <div class="level2"> <p> 以前アップロードしたメディアファイルの削除が必要なこともあります。 <a href="/ja:acl" class="wikilink1" title="ja:acl" data-wiki-id="ja:acl">アクセス制御機能</a>が有効で、ファイルを削除したいユーザーが <code>削除</code>権限を持っていることが必要です。 ゴミ箱アイコンでファイルを削除します。 </p> <p> <a href="/ja:faq:deletemedia" class="wikilink1" title="ja:faq:deletemedia" data-wiki-id="ja:faq:deletemedia">メディアファイルの削除</a>を参照して下さい。 </p> </div> <div class="secedit editbutton_section editbutton_9"><form class="button btn_secedit" method="post" action="/ja:images"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1739777396" /><input type="hidden" name="summary" value="[メディアファイルの削除] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="メディアファイルの削除" /><input type="hidden" name="codeblockOffset" value="1" /><input type="hidden" name="range" value="10348-10795" /><button type="submit" title="メディアファイルの削除">編集</button></div></form></div> <h2 class="sectionedit10" id="画像リンク">画像リンク</h2> <div class="level2"> <p> 画像から他のリソースへリンクするには、他の文書同様、リンク先を画像にパイプします。 </p> <p> Example: <a href="http://www.google.com" class="media" title="http://www.google.com"><img src="/_media/wiki:dokuwiki-128.png" class="media" loading="lazy" alt="" /></a> </p> <pre class="code">Example: [[http://www.google.com|{{wiki:dokuwiki-128.png}}]]</pre> <p> (.pdf のような)内部メディアファイルへリンクする場合、以下の構文が使用できます: </p> <p> Example: <a href="https://www.dokuwiki.org/_media/wiki:dokuwiki-128.png" class="media" title="https://www.dokuwiki.org/_media/wiki:dokuwiki-128.png"><img src="/_media/wiki:dokuwiki-128.png" class="media" loading="lazy" alt="" /></a> </p> <pre class="code"> Example: [[this&gt;_media/wiki:dokuwiki-128.png|{{wiki:dokuwiki-128.png}}]]</pre> </div> <div class="secedit editbutton_section editbutton_10"><form class="button btn_secedit" method="post" action="/ja:images"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1739777396" /><input type="hidden" name="summary" value="[画像リンク] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="画像リンク" /><input type="hidden" name="codeblockOffset" value="1" /><input type="hidden" name="range" value="10796-11353" /><button type="submit" title="画像リンク">編集</button></div></form></div> <h2 class="sectionedit11" id="キャッシュ">キャッシュ</h2> <div class="level2"> <p> 高速化のために、DokWiki は外部画像をキャッシュしようとします。 外部の画像をキャッシュせずに使用したい場合、以下のように <code>nocache</code> パラメータを追加します。 </p> <pre class="code">{{http://de3.php.net/images/php.gif?nocache}}</pre> <p> このパラメータをサイズ変更と組み合わせることも可能です。 </p> <pre class="code">{{http://de3.php.net/images/php.gif?300x50&amp;nocache}}</pre> <p> ページを読む度に外部サーバーにアクセスすることは、あまり行儀がよくありません。 代わりに、<a href="/ja:config:cachetime" class="wikilink1" title="ja:config:cachetime" data-wiki-id="ja:config:cachetime">設定項目: cachetime</a> で指定した間隔で DokuWiki がキャッシュの再作成する <code>recache</code> パラメータが利用できます。 </p> <pre class="code">{{http://de3.php.net/images/php.gif?recache}}</pre> </div> <div class="secedit editbutton_section editbutton_11"><form class="button btn_secedit" method="post" action="/ja:images"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="1739777396" /><input type="hidden" name="summary" value="[キャッシュ] " /><input type="hidden" name="target" value="section" /><input type="hidden" name="hid" value="キャッシュ" /><input type="hidden" name="codeblockOffset" value="1" /><input type="hidden" name="range" value="11354-" /><button type="submit" title="キャッシュ">編集</button></div></form></div> <!-- wikipage stop --> </div> <div class="docInfo"><bdi>ja/images.txt</bdi> · 最終更新: <time datetime="2025-02-17T08:29:56+0100">2025-02-17 08:29</time> by <bdi>saggi</bdi></div> <hr class="a11y" /> </div></main><!-- /content --> <!-- PAGE ACTIONS --> <nav id="dokuwiki__pagetools" aria-labelledby="dokuwiki__pagetools__heading"> <h3 class="a11y" id="dokuwiki__pagetools__heading">ページ用ツール</h3> <div class="tools"> <ul> <li class="edit"><a href="/ja:images?do=edit" title="文書の編集 [e]" rel="nofollow" accesskey="e"><span>文書の編集</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20.71 7.04c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.37-.39-1.02-.39-1.41 0l-1.84 1.83 3.75 3.75M3 17.25V21h3.75L17.81 9.93l-3.75-3.75L3 17.25z"/></svg></a></li><li class="revs"><a href="/ja:images?do=revisions" title="以前のリビジョン [o]" rel="nofollow" accesskey="o"><span>以前のリビジョン</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M11 7v5.11l4.71 2.79.79-1.28-4-2.37V7m0-5C8.97 2 5.91 3.92 4.27 6.77L2 4.5V11h6.5L5.75 8.25C6.96 5.73 9.5 4 12.5 4a7.5 7.5 0 0 1 7.5 7.5 7.5 7.5 0 0 1-7.5 7.5c-3.27 0-6.03-2.09-7.06-5h-2.1c1.1 4.03 4.77 7 9.16 7 5.24 0 9.5-4.25 9.5-9.5A9.5 9.5 0 0 0 12.5 2z"/></svg></a></li><li class="backlink"><a href="/ja:images?do=backlink" title="バックリンク" rel="nofollow"><span>バックリンク</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10.59 13.41c.41.39.41 1.03 0 1.42-.39.39-1.03.39-1.42 0a5.003 5.003 0 0 1 0-7.07l3.54-3.54a5.003 5.003 0 0 1 7.07 0 5.003 5.003 0 0 1 0 7.07l-1.49 1.49c.01-.82-.12-1.64-.4-2.42l.47-.48a2.982 2.982 0 0 0 0-4.24 2.982 2.982 0 0 0-4.24 0l-3.53 3.53a2.982 2.982 0 0 0 0 4.24m2.82-4.24c.39-.39 1.03-.39 1.42 0a5.003 5.003 0 0 1 0 7.07l-3.54 3.54a5.003 5.003 0 0 1-7.07 0 5.003 5.003 0 0 1 0-7.07l1.49-1.49c-.01.82.12 1.64.4 2.43l-.47.47a2.982 2.982 0 0 0 0 4.24 2.982 2.982 0 0 0 4.24 0l3.53-3.53a2.982 2.982 0 0 0 0-4.24.973.973 0 0 1 0-1.42z"/></svg></a></li><li class="top"><a href="#dokuwiki__top" title="文書の先頭へ [t]" rel="nofollow" accesskey="t"><span>文書の先頭へ</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8v12z"/></svg></a></li> </ul> </div> </nav> </div><!-- /wrapper --> <!-- ********** FOOTER ********** --> <footer id="dokuwiki__footer"><div class="pad"> <div class="license">特に明示されていない限り、本Wikiの内容は次のライセンスに従います: <bdi><a href="https://creativecommons.org/licenses/by-sa/4.0/deed.en" rel="license" class="urlextern">CC Attribution-Share Alike 4.0 International</a></bdi></div> <div class="buttons"> <a href="https://creativecommons.org/licenses/by-sa/4.0/deed.en" rel="license"><img src="/lib/images/license/button/cc-by-sa.png" alt="CC Attribution-Share Alike 4.0 International" /></a> <a href="https://www.dokuwiki.org/donate" title="Donate" ><img src="/lib/tpl/dokuwiki/images/button-donate.gif" width="80" height="15" alt="Donate" /></a> <a href="https://php.net" title="Powered by PHP" ><img src="/lib/tpl/dokuwiki/images/button-php.gif" width="80" height="15" alt="Powered by PHP" /></a> <a href="//validator.w3.org/check/referer" title="Valid HTML5" ><img src="/lib/tpl/dokuwiki/images/button-html5.png" width="80" height="15" alt="Valid HTML5" /></a> <a href="//jigsaw.w3.org/css-validator/check/referer?profile=css3" title="Valid CSS" ><img src="/lib/tpl/dokuwiki/images/button-css.png" width="80" height="15" alt="Valid CSS" /></a> <a href="https://dokuwiki.org/" title="Driven by DokuWiki" ><img src="/lib/tpl/dokuwiki/images/button-dw.png" width="80" height="15" alt="Driven by DokuWiki" /></a> </div> <div style="margin-top: 2em; font-size:90%" class="dokuwiki"><div style="float:right"><a href="http://www.splitbrain.org/personal#imprint" style="float:right; text-decoration: none; color:#333">Imprint</a></div></div><!-- Include for DokuWiki site wide top bar --> <style type="text/css"> @media screen { body { padding-top: 30px; } #global__header { position: absolute; top: 0; left: 0; text-align: left; vertical-align: middle; line-height: 1.5; background-color: #333; box-shadow: 0 0 8px rgba(0,0,0,0.5); width: 100%; margin: 0; padding: 5px 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; overflow: hidden; } #global__header h2 { position: absolute; left: -99999em; top: 0; overflow: hidden; display: inline; } #global__header ul, #global__header li { margin: 0; padding: 0; list-style: none; display: inline; line-height: 1.5; } #global__header a { color: #bbb; text-decoration: none; margin-right: 20px; font-size: 14px; font-weight: normal; } #global__header a:hover, #global__header a:active, #global__header a:focus { color: #fff; text-decoration: underline; } #global__header form { float: right; margin: 0 0 0 20px; } #global__header input { background-color: #333; background-image: none; border: 1px solid #bbb; color: #fff; box-shadow: none; border-radius: 2px; margin: 0; line-height: normal; padding: 1px 0 1px 0; height: auto; } #global__header input.button { border: none; color: #bbb; } #global__header input.button:hover, #global__header input.button:active, #global__header input.button:focus { color: #fff; text-decoration: underline; } } /* /@media */ @media only screen and (min-width: 601px) { /* changes specific for www.dokuwiki.org */ #dokuwiki__header { padding-top: 3em; } #dokuwiki__usertools { top: 3em; } /* changes specific for bugs.dokuwiki.org */ div#container div#showtask { top: 40px; } } /* /@media */ @media only screen and (max-width: 600px) { body { padding-top: 0; } #global__header { position: static; white-space: normal; overflow: auto; } #global__header form { float: none; display: block; margin: 0 0 .4em; } } /* /@media */ @media print { #global__header { display: none; } } /* /@media */ </style> <div id="global__header"> <h2>Global DokuWiki Links</h2> <form method="get" action="https://search.dokuwiki.org/" target="_top"> <input type="text" name="q" title="Search all DokuWiki sites at once" class="input" /> <input type="submit" title="Search all DokuWiki sites at once" value="Search" class="button" /> </form> <ul> <li><a href="https://download.dokuwiki.org" title="Download the latest release" target="_top">Download</a></li> <li><a href="https://www.dokuwiki.org" title="Read the DokuWiki documentation" target="_top">Wiki</a></li> <li><a href="https://forum.dokuwiki.org" title="Ask questions in the DokuWiki forum" target="_top">Forum</a></li> <li><a href="https://irc.dokuwiki.org" title="Check IRC chat logs or join the chat" target="_top">IRC</a></li> <li><a href="https://github.com/splitbrain/dokuwiki/issues" title="Report and track bugs" target="_top">Bugs</a></li> <li><a href="https://translate.dokuwiki.org/" title="Help translating the DokuWiki interface" target="_top">Translate</a></li> <li><a href="https://github.com/splitbrain/dokuwiki" title="Access the most recent git commits" target="_top">Git</a></li> <li><a href="https://xref.dokuwiki.org/reference/dokuwiki/" title="Cross-Reference of the DokuWiki source code" target="_top">XRef</a></li> <li><a href="https://codesearch.dokuwiki.org/" title="Search through the sources of DokuWiki, plugins and templates" target="_top">Code Search</a></li> </ul> </div> <!-- end of DokuWiki top bar include --> </div></footer><!-- /footer --> </div></div><!-- /site --> <div class="no"><img src="/lib/exe/taskrunner.php?id=ja%3Aimages&amp;1742551462" width="2" height="1" alt="" /></div> <div id="screen__mode" class="no"></div></body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10