最終更新日:2018年3月22日 17時54分

単独画像の掲載方法

単独画像は、第一階層の「images」フォルダに画像を入れ、 https://example.com/images/(以下、画像一覧)をブラウザで表示し、該当する画像の下に表示された「HTML タグ」を記事などにペーストすることで表示することができます。 images.png images フォルダに画像を入れて下さい。画像の入ったフォルダごと入れることもできます

単独画像の表示例

IMG_3177 copy

単独画像のサムネイル

単独画像のサムネイルは、画像一覧の中で、「Small」ラベルがあるものに限り表示することができます。 small-label.png 一般的なデジタルカメラから取り込んだ画像には、基本的にサムネイルが付属しているため、Small ラベルは表示されますが、それ以外の画像については、GIMP などで JPEG として書き出す際に、「詳細設定」の「サムネイルの保存(T)」にチェックを入れて保存する必要があります。 また GIMP の「詳細設定」にある「コメント」に文章を入力すると、Javascript で拡大した際に、キャプションとして表示することができます。

単独サムネイルの表示例

IMG_3177 copy

単独画像の位置指定

画像一覧では以下のボタンを操作することで、画像の回り込みを指定することができます。 何れかのボタンを押してから、HTML タグをコピーして記事などにペーストして下さい。 align

単独サムネイル位置指定の表示例

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer pellentesque odio lobortis neque volutpat aliquam. Phasellus quis ipsum sed augue ullamcorper tempor. Pellentesque nec enim ligula. Nunc placerat enim ipsum, a scelerisque diam elementum id. IMG_3177 copyDonec placerat consectetur ex, nec imperdiet dui sodales non. Nullam eleifend ornare enim, vitae convallis erat gravida a. Pellentesque finibus leo sit amet sagittis varius.Cras tempus consequat lectus, vel iaculis libero sollicitudin non. Quisque scelerisque interdum elit sit amet ornare. Nulla pretium, augue et euismod tincidunt, nisl libero malesuada mauris, at vehicula mauris purus id mauris. In viverra massa a pretium ullamcorper. Duis nec ante ligula. Morbi cursus placerat ultrices.IMG_3177 copy Aenean aliquam erat non lorem commodo sagittis. Vestibulum nec nunc arcu. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec malesuada placerat felis. Vivamus ultricies egestas dolor, et luctus turpis porta gravida. Morbi dapibus massa eget purus semper egestas. Maecenas non ipsum eget eros viverra dignissim. Vivamus finibus tortor ut rutrum scelerisque. In hac habitasse platea dictumst. Integer in risus et ex tincidunt tincidunt. Aenean ultrices turpis turpis, in tempus lorem tincidunt sit amet. Sed consectetur molestie rutrum. Maecenas ullamcorper quis sapien at ultricies. ダミーテキスト:Lorem Ipsum - All the facts - Lipsum generator 画像:http://davesfreephotos.com/photo/4187/Twilight.html

類似する記事

複数画像の掲載方法 - 78%
背景画像の掲載方法 - 78%
記事の書き方 - 40%

シェア