陽気なブログ!パート6☆(1〜5はないけど・・・)

やや復活!!少しづつ、カスタマイズしていきます。

ブログの説明

[ リスト | 詳細 ]

記事検索
検索

全1ページ

[1]

みなさんから、文字の間に画像入れたり、URLを文字に変えたりするのってどうやるの?という質問を頂いたので、僕なりのやり方ではありますが、説明したいと思います。

文字の間に画像を表示させる方法 添付する場合


文字の間に画像を添付させるには、2種類のやり方があります。

両方ともWIKI文法を使いますが、ちょっと違います。笑
ここに画像を選んで添付すると思いますが、
http://www.geocities.jp/hama_zakka/1.JPG
普通に画像を添付すると、記事の一番上に表示されてしまうと思いますが、例のようなWIKI文法を画像を入れたいところで使用すると、その場所に画像が表示されるようになります。

例

あいうえお
あいうえお[[attached(1,align)]]あいうえお
あいうえお

※alignと書いてあるところを、left,center,rightと置き換えてやることにより
画像を左、真ん中、右に表示させられます。
しかし、複数の画像を使う場合はあまりおすすめできません。
上記のWIKI文法を使うと以下のように表示されます。
あいうえお
あいうえおhttp://www.geocities.jp/hama_zakka/4.JPGあいうえお
あいうえお


文字の間に画像を複数表示させる方法 添付する場合


複数の画像を、文字の間に入れたい場合は、
あいうえお
[[attached(1,align)]]
ハマ
[[attached(2,align)]]
今日はいい天気
[[attached(3,align)]]
あかさたな

上のようなWIKI文法を使うと以下のように表示されます。
あいうえお
http://www.geocities.jp/hama_zakka/4.JPG
ハマ
http://www.geocities.jp/hama_zakka/5.JPG
今日はいい天気
http://www.geocities.jp/hama_zakka/6.JPG
あかさたな




文字の間に画像を複数表示させる方法 URLからリンクさせて画像を持ってくる場合


インターネット上で公開されている写真は全てURLという、住所みたいなものがついています。
このURLを使って、画像を表示させることもできます!
この方法を使うと、ブログの画像容量2GBをセーブすることができます!
その分、他のサイトの負担が大きくなりますが・・・笑



↑これがURLっす・・・

たとえば、あなたがデジカメで撮った写真をブログに載せたいなと思ったとします。
普通なら先程説明したやりかたで、アップすると思いますがHPやブログに一度アップしてそこから持ってくることができるのがこのやり方です。

ヤフーブログの場合で説明します。
まずは、画像だけの記事をアップします。
http://www.geocities.jp/hama_zakka/8.JPG
このとき、上の画像のように非公開にチェックを入れるのとサムネイルを表示するにチェックを忘れないようにしてください。(ついでに、サムネイルの説明をしたかっただけなので、チェックしなくてもいいです!笑)
http://www.geocities.jp/hama_zakka/9.JPG
サムネイルとは↑の画像のように画像の上に小さい画像が表示されることです。
これだけで、画像にURLを付けることが出来たと思います。
画像のURLを見るには、画像の上にポインターを持っていき右クリックします。
http://www.geocities.jp/hama_zakka/10.JPG
↑のように表示されると思うので、プロパティーをクリックしてみてください!
http://www.geocities.jp/hama_zakka/11.JPG
↑のアドレス(URL)と書かれている部分が、この画像のURLです。

管理人・・・少々疲れました・・・笑 これで、URLの準備が出来たのでこのURLとWIKI文法を使って、画像をアップする方法を紹介します!
WIKI文法を使用するのチェック欄の横にヘルプがあるとおもいます。
http://www.geocities.jp/hama_zakka/12.JPG
↑クリックしてください!すると、別窓でヘルプページが出てくると思いますので、イメージというWIKI文法をコピーします。
http://www.geocities.jp/hama_zakka/13.JPG

コピーしたものを文章中の画像を入れたいところに貼り付けします。以下参照

あいうえお
[[img(http://〜)]]
あいうえお
↑これだけでは、画像は表示されないので、先程出来たURLをhttp://〜と書かれている部分にコピー&ペーストします!以下参照

あいうえお
[[img(http://img.blogs.yahoo.co.jp/ybi/1/1a/72/hama_zakka/folder/92405/img_92405_3167230_0?20050521170524)]]
あいうえお

これで、以下のように表示されると思います。

あいうえお
https://blogs.yahoo.co.jp/IMG/ybi/1/1a/72/hama_zakka/folder/390297/img_390297_3167230_0?20050524025228
あいうえお

WIKI文法を使用するときは右上のチェック欄に必ずチェックを入れてください!
それと、WIKI文法は全て半角でお願いします。




URLを文字に変えてリンクさせる方法


先程のWIKI文法のヘルプを開きます。
その中の、リンクというWIKIをコピーします!
↓↓↓これっす!
[http://〜]

例えば、記事を書いていてYahooのトップページ←(このように!!)にリンクさせたいなと思ったら、そのままURLを貼り付けてもいいのですが、URLを文字に変えてリンクさせることが出来ます。
例として、Yahooのトップに飛ぶような、例文を紹介します・・・

[http://www.yahoo.co.jp/ Yahooのトップページ]
 ↑                    ↑      ↑
飛びたい先のURL  半角スペース  飛んだ先の説明!

これで、以下のように表示されます




追記

WIKI文法を使うと、HTML文法(文字の色や大きさを変える)が使えなくなるのでご注意ください!

開く トラックバック(1)

全1ページ

[1]


.

ブログバナー

1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30

過去の記事一覧

Yahoo!からのお知らせ

検索 検索
ham*_*akka
ham*_*akka
男性 / B型
人気度
Yahoo!ブログヘルプ - ブログ人気度について

よしもとブログランキング

もっと見る

[PR]お得情報

ふるさと納税サイト『さとふる』
11/30まで5周年記念キャンペーン中!
Amazonギフト券1000円分当たる!

その他のキャンペーン


プライバシー -  利用規約 -  メディアステートメント -  ガイドライン -  順守事項 -  ご意見・ご要望 -  ヘルプ・お問い合わせ

Copyright (C) 2019 Yahoo Japan Corporation. All Rights Reserved.

みんなの更新記事