HTMLタグの切り貼りで画像を呼び出してみる。IMGタグ

幸ちゃんの将来像を『化け猫アイコンメーカー』で作ってみたよ。

リンク：化け猫アイコンメーカー

＝＝　ここまでが本文。　＝＝＝

ここまでの手順おさらい。

①適当に記事を書く。（みたままモード）

②写真を投稿する。

以上。

=＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

ここからが、画像のファイル名を得るための練習です。

①編集のメニューを『HTML編集』に切り替える。

すると、こんなごちゃごちゃした文章に文字が化けます。

※文字化けではありません。

②ファイル名部分をコピーする。

上図の青くなっている部分。

ｓｒｃ=うんちゃらかんちゃら…と

ダブルクォーテーション（チョンチョン）で囲まれている部分が、

ファイルの名前のようなものです。

"httpsから始まって、.png（.jpg、.gif、）など画像ファイルの拡張子"で

終わっていることが目印。

これで、ファイル名をゲットしました。

※ちなみに、ブログの記事を書くという手順は、

　手っ取り早くHTMLタグを取り出せるために使うので、

　その後は削除してもOKです。

あとは、使い方ですが。

多分、

＜ｉｍｇ　ｓｒｃ＝”②でコピーしたファイル名”＞

ってやれば、出てくるのですが…。

それ以外のヤツは、画像のタイトルとか、色々な設定みたいなので、省略しても問題無さそうな気が…。

必ず、上の文章？を半角英数で入力、

ｉｍｇとｓｒｃの間には半角スペースを入れること。

これを守れば、タイトル下に『居眠り暗雲』を出現させられる…はず。

※フォトライフに登録した画像を呼び出すことができます。

　

タイトル下部分に出現してます。

最後に…。

プレビューモードも使いながら、絵の配置やタグの間違いなどに

気をつけて、カスタマイズしてみると面白いかも知れません。

これからも、PROに切り替えずに我流でカスタマイズしながら、

幸ちゃんとの思い出を飾っていきたいと思っています。

よろしくお願いいたします。

※タグの記述などは、本当に我流です。