画像を活かした投稿

＊画像を活かした投稿＊

---

画像フォルダをうまく使って、リンク付の複数画像の投稿や、写真へのリンク付の文字列の埋め込み、など、画像を活かした投稿についてのガイドラインです。

編集ページを開いて、左のメニューから「画像フォルダ」を選んで、自分の画像をいくつかアップロードします。一度に、３枚づつＵＰできます。

写真画像が、「画像フォルダ」にアップロードされて使える状態になったところで、
「新規投稿」で、投稿記事を書いていきますが、「画像フォルダ」の画面は後で、まだまだ使いますから、このままにしておきます。
メニューの「新規投稿」のところで、「右クリック」して、メニューの２番目の「リンクを新しいウィンドウで開く」で、別ウィンドウに、新規投稿の画面を出します。
この時、下には、先ほどの「画像フォルダ」の画面が残っているはずです。

さて、新規投稿画面で、記事を書き、・・「画像を選択／解除」　ボタンで入力できる画像は　１枚だけで、これが、通常は記事の右肩に表示される、大きな画像へのリンク付のサムネイル画像となります。

---

＊方法：Ａ：　ＩＭＧ　ボタンを使う

投稿記事の中で、さらに他に数枚、大きな画像へのリンク付の小さなサムネル画像を表示・機能させてみます。
以前の記事にも書きましたが、「ＩＭＧ」ボタンを使います。
こういう操作の場合、使う写真画像への　ＵＲＬアドレス　が必要です。下記のようにします。

先ほど、下に隠れている「画像フォルダ」のウィンドウをクリックするなどして上にします。画面の下のほうのサムネイル一覧から、使いたい写真を選んで、そのサムネイルの上で、「右クリック」で、メニューの中ほどにある、「ショートカットのコピー」を選択します。これで、その画像の　ＵＲＬアドレス　が、自分のＰＣのクリップボードにコピーされました。（ので、貼り付け、で使える・・・）

投稿記事のウィンドウに戻って、（画像フォルダウィンドウはそのまま、終了しない・・）記事入力の中の画像を入れたいカーソル位置で、
「ＩＭＧ」　ボタン　をクリックして、
「画像のＵＲＬ入力」：：：入力欄にマウスを置いて、「右クリック」で、「貼り付け」
「ＯＫ」　で、
「リンク先ＵＲＬの入力」：：：同じ処理で、同じものを「貼り付け」する。
「ＯＫ」
これで、記事入力画面のカーソルがあった場所に、ＨＴＭＬ　の構文が自動入力されます。
画面の下のほうのプレビューにも、大きな画像がそのまま表示されるはずです。
これは、サムネイル　としての小さな画像の指定を、まだしていないからです。

以前の記事の「ＩＭＧボタンの使い方」でも説明しましたが、
自動入力された　ＨＴＭＬ　構文の最後の部分を、少し修正する必要があります。

一番最後の.........jpg の後に、　スペース　width="120" と書き加えます。

これで、プレビューでも確認できると思いますが、小さな、見栄えの良い、サムネイル画像となりました。実際には、この小さな画像には、大きな画像へのリンクが付いていますから、クリックすれば、大きな画像が表示されます・・・

サイズ（横幅）の指定は、自由です。いろいろ、試してみてください。
width="80" width="100" width="150" width="200" などなど・・・・・

---

＊方法：Ｂ：　ＵＲＬ　ボタンを使う

投稿記事の中に、方法：Ａ　のような、サムネイルや画像を直接見せるのではなく、文字列にして、それに大きな画像へのリンクをつける、場合は、

まず、方法：Ａ　と同じく、「画像フォルダ」のウィンドウ画面は、その画像の上で、マウスの「右クリック」で、メニューから「ショートカットのコピー」で、ＵＲＬアドレス　を得るために、同時に開きっぱなしにしておいてください。

記事の中の、カーソル位置に、これから作る、リンク付の文字列が入りますので、そこにカーソルを置いておきます。
「ＵＲＬ」　ボタンをクリック、
「リンク先の文字列の入力」：：：表示される文字列を入力します、例えば、カワセミ　の写真なら、＊カワセミの散歩＊　とか・・・
「ＵＲＬの入力」：：：入力欄にマウスを置いて、「右クリック」　メニューから「貼り付け」

プレビューで確認すれば、これで、リンクが付いた文字列が、表示されているはずです。

---

＊いずれにしても、ポイントは＊

記事入力画面とは別に、同時に、「画像フォルダ」の画面を開いたままにして作業をすることです。
また、マウスの「右クリック」による、「クィック・メニュー」を活用してください。

ちなみに、下記は、Ｇｏｏ　のヘルプから抜き出した、「複数画像の入力の仕方」の説明です。
＊複数の画像を貼る＊・・・Ｇｏｏのヘルプより抜粋

---

(((皆の長浜ブログ・技術部)))