<   2015年 05月 ( 21 )   > この月の画像一覧

新管理画面を使ってみよう(6)

前回の続きです。
【サンプル画像】
d0181824_11242070.jpgd0181824_11254668.jpgd0181824_11255459.jpg
d0181824_11260328.jpgd0181824_11263310.jpgd0181824_11270476.jpgd0181824_11271244.jpg

3枚と4枚の画像を横に並べ、画像をクリックすると横サイズ1000ピクセルのポップアップ画像が出るようにしました。
沢山の写真を大きなサイズで見てもらうときに使うと良いでしょう。

こんな場合は画像雛形を使うと便利です。
【画像雛形の設定】
記事を書く画面を出します。画面右にある[画像雛形を適用]にチェックを入れ、[設定]をクリックします。
d0181824_12433642.jpg

画像雛形設定画面が出ます。明度、横幅、枠線、テキスト(文字入れ)の設定が出来るようです。ここでは横幅の設定だけしてみましょう。[横幅]にチェックを入れ、横幅のレバーを最大の[1000ピクセル]にして、[設定を保存]をクリックします。
d0181824_12454978.jpg

デジカメで撮った大きな画像も1000ピクセルに縮小されてアップロードされるよう設定されました。
d0181824_12535932.jpg

記事を書く画面を出し、更に画像が入っているフォルダーを出し、2つの画面が見えるようにします。
ここでは岩屋堂散歩道の写真フォルダーを開いています。表示方法を大きいアイコンにすると見やすいです。
写真フォルダの画像は 横サイズ:3264ピクセル、縦サイズ:2448ピクセル、データ-サイズ:1633~3110KBです。
[画像雛形を適用]にチェックを入れ、画像をドラッグしてドロップエリアで離します。
d0181824_13020557.jpg

1枚目の画像がアップロードされました。
右帯の画像表示エリアはサーバーにアップロードされた画像が時系列に表示されるところです。
画像表示エリアの左上隅に画像が表示されたらアップロード終了です。
:画像処理に時間がかかる場合があります。表示されるまで待ちましょう。
続いて2枚目をドラッグしてアップロードします。
d0181824_13094682.jpg

2枚目がアップロードされました。
3枚目~14枚目も同じようにしてアップロードします。
d0181824_13190592.jpg

14枚目がアップロードされました。
d0181824_13205151.jpg

次は本文への挿入です。
まずは1枚目の岩屋堂散歩道の入口の写真を挿入しましょう。
1枚目の画像は2ページに入っているので[2]をクリックします。
d0181824_13235201.jpg

1枚目の画像が出てきたら、クリックすると、本文に画像タグが挿入されます。
d0181824_13283486.jpg

14枚の画像をアップロードしましたが、そのうち好みの7枚だけアップロードしました。画像タグが連続して挿入されています。
雛形の通り、すべて配置:mid(中央)、横サイズ:1000ピクセル、縦サイズ:750ピクセルとなっていることを確認します。
d0181824_13321977.jpg

この状態でプレビューを見ると、すべての画像が横サイズ:520ピクセルで表示されています。
:最大画像サイズ(520ピクセル)に自動的に縮小されて表示されます。
d0181824_13385780.jpg

画像タグのすべての配置を[left]に書き換えます。
画像タグのサイズは次の値に書き換えます。
【3枚並び】
1枚目:横サイズ:166ピクセル、縦サイズ:125ピクセル
2枚目、3枚目:横サイズ:167ピクセル、縦サイズ:125ピクセル
【4枚並び】
4枚目、5枚目:横サイズ:122ピクセル、縦サイズ:92ピクセル
6枚目、7枚目:横サイズ:123ピクセル、縦サイズ:92ピクセル
3枚目と7枚目の画像タグの後ろに改行タグを挿入します。
画像タグは次のようになりましたら、プレビューしてみます。
d0181824_13550776.jpg

サンプル画像と同じになりました。一つの画像をクリックします。
d0181824_13553273.jpg

大きな画像(横サイズ:1000ピクセル)のポップアップ画面が出てきます。
d0181824_13580550.jpg

:プレビュー画面も通常の表示になり、クリックも効くようになりました。

【画像管理】
記事を書く画面にある右帯の機能は画像管理画面にもあります。
過去にアップロードされた画像が管理されているので大変便利です。
画像管理画面には画像削除機能もあります。
アップロードされた画像をダウンロードしてパソコンのフォルダーに保存することができますので、画像のバックアップとしても使えそうです。
d0181824_11110073.jpg
d0181824_11112561.jpg

まだまだ、検証したいことがありますが、取り敢えずこのテーマは終了します。

by PC-otasukeman | 2015-05-28 15:19 | Comments(10)

新管理画面を使ってみよう(5)

前回の続きです。
【サンプル画像】
d0181824_11254647.jpg
d0181824_11292325.jpgd0181824_11365074.jpgd0181824_11424637.jpg

今回は画像②~④の説明です。
【画像を横に並べるための基本的なこと】
画像を横にキッチリと並べるには本文エリアの横幅と画像周囲の余白の設定値を把握することが必要です。
設定値を調べる方法については別途説明することにします。
私のブログは本文エリアの横幅が530ピクセル、画像周囲の余白が左右上下共に5ピクセルです。
3枚の画像を横にキッチリ並べるには各画像の横サイズは次のようになります。
 1枚目:166ピクセル
 2枚目:167ピクセル
 3枚目:167ピクセルです。
:等分出来ないときは1ピクセルで調整します。
画像①の横サイズが520ピクセル、左右の余白が(5+5)ピクセル、横方向合計が530ピクセルです。
本文エリアの横幅が530ピクセルですから画像①が最大画像ということになります。
サンプル画像のサイズと余白を見比べてください。

それでは画像②~④を本文に挿入していきましょう。
【画像②】
デジカメで撮った画像を画像加工ソフトで横幅166ピクセルの画像に加工。
:画像の加工のやり方はご希望があれば別途説明します。
加工した画像ファイルを方式1もしくは方式2でアップロード。
アップロードされた画像をクリックして本文に挿入。
【画像③】
デジカメで撮った画像を画像ソフトで横幅1000ピクセルでデータサイズ500KB以下の画像に加工。
加工した画像ファイルを方式1もしくは方式2でアップロード。
アップロードされた画像をクリックして本文に挿入。
【画像④】
デジカメで撮った画像を画像加工ソフトで横幅520ピクセルでデータ-サイズ500KB以下の画像に加工。
加工した画像ファイルを方式1もしくは方式2でアップロード。
アップロードされた画像をクリックして本文に挿入。
画像①~④はHTML編集の入力欄に挿入される画像タグは次のようになります。
[#IMAGE|d0181824_11254647.jpg|201505/25/24/|mid|520|390#]
[#IMAGE|d0181824_11292325.jpg|201505/25/24/|mid|166|125#]
[#IMAGE|d0181824_11365074.jpg|201505/25/24/|mid|1000|750#]
[#IMAGE|d0181824_11424637.jpg|201505/25/24/|mid|520|390#]
すべての画像は中央(mid)になります。
画像②~④はデータ-サイズが500KB未満のため自動的に縮小されることはありませんので、画像サイズは画像加工ソフトで加工した数値そのままです。画像タグに入っているサイズはアップロードされた画像のサイズそのものなのです。

【画像タグの書き換え】
次に画像②~④は3枚横並び配置に変更します。
画像②~④の配置をleftに書き換える。
画像③と画像④の横サイズを167に、縦サイズを125(画像②と同じ)にそれぞれ書き換える。
そして最後に改行タグ<br clear=all>を追加します。
[#IMAGE|d0181824_11254647.jpg|201505/25/24/|mid|520|390#][#IMAGE|d0181824_11292325.jpg|201505/25/24/|left|166|125#][#IMAGE|d0181824_11365074.jpg|201505/25/24/|left|167|125#][#IMAGE|d0181824_11424637.jpg|201505/25/24/|left|167|125#]<br clear=all>
:改行タグ<br clear=all>は複数枚横に並べるときは最後に追加します。
:上記のタグの[ ] < > は全角にしています。コピーして使うときは半角に書き換えてください。

【覚えておきたい基本的なこと】
① HTML編集の画像タグに従って本文が表示されます。
② 画像サイズが最大画像サイズ(520ピクセル)を超える場合は最大画像サイズに縮小されて表示されます。
③ ポップアップ画像はアップロードされた画像サイズで表示されます。
ポップアップ画像を大きくしたい場合は、データ-サイズが500KBを超えない画像を作ってアップロードすればよいことが分かります。

今日はここまで。
今回は画像加工ソフトで画像サイズを変更しましたが、次回は「画像雛形」を使った方法を説明します。


by PC-otasukeman | 2015-05-28 10:21 | Comments(2)

新管理画面を使ってみよう(4)

前回の続きです。
記事入力で一番興味深いのが画像(写真)の挿入です。
次のサンプル画像は相談室で良く使うレイアウトです。
画像をクリックするとポップアップ画像が出てくるように設定しています。
画像の挿入方法について、一つひとつ検証していきますので、まずはサンプル画像をクリックしてどのようなポップアップ画面が出てくるか確認して次へ進んでください。

【サンプル画像】
d0181824_11254647.jpg
d0181824_11292325.jpgd0181824_11365074.jpgd0181824_11424637.jpg

4枚の画像は次のようにの挿入したものです。

【画像①】
デジカメで撮った画像ファイル(横幅3053ピクセル、データサイズ3900KB)を方式1もしくは方式2によりアップロード。
アップロードされた画像をクリックして挿入。
HTML編集の入力欄に次の画像タグが挿入されました。
d0181824_17590543.jpg

【画像タグの見方】
[#IMAGE|d0181824_11254647.jpg|201505/25/24/|mid|520|390#]
mid :画像位置 中央(left:画像位置 左、right:画像位置 右)
520:アップロードされた画像の横サイズ(単位 ピクセル)
390:アップロードされた画像の縦サイズ(単位 ピクセル)
データサイズが500KBを超える画像は設定されたサイズに縮小(リサイズ)してからアップロードされます。
デジカメで撮った画像は500KBを超えていますので、何も処理をしなければこのように挿入されます。

【設定されたサイズを確認する】
設定画面を出し、[設定]の中の[デザインスキン]をクリックすると「PCデザインスキン」が出てきます。
現在使用中のスキンの[編集]をクリックします。
d0181824_17280991.jpg

PCスキン編集画面が出てきます。基本設定のサイズ欄に画像の最大横幅が設定されています。
この中の本文のサイズが設定値です。ここでは520ピクセル(px)ですから520ピクセルに縮小されてアップロードされたということです。
d0181824_17334689.jpg

今日はここまで。
次回は画像②~④の挿入手順を説明します。

by PC-otasukeman | 2015-05-26 16:33 | Comments(4)

新管理画面を使ってみよう(3)

前回の続きです。

【下書き保存】
新管理画面では「下書き保存」と「自動保存」の機能が付きました。
一旦下書き保存しておきましょう。
記事入力の最後部にスクロールすると、[下書き保存]のボタンがあります。これをクリックします。
d0181824_09110704.jpg

保存された旨のメッセージが出ます。[下書き一覧へ]をクリックすると、
d0181824_09150839.jpg

下書き一覧が表示されます。[編集]をクリックすれば、記事入力を続けることができます。
この下書き一覧は作業メニューの[記事一覧]をクリックすれば開くことができます。
d0181824_09171010.jpg

記事入力の画面に戻りました。
<br>は改行マークです。
また、右上に「12:43 自動保存」の文字が見えますが、これは12時43分に記事が自動保存されたことを示しています。
下書き一覧から開くことが出来ますので安心ですね。
d0181824_09254041.jpg

【HTML編集から通常編集へ切り替える】
HTML編集から通常編集へ、また通常編集からHTML編集へ切り替えることが出来るようになりました。
[通常編集]タブをクリックします。
d0181824_09473997.jpg

画面が変わります。
画像が入った表示になります。画像のサイズは小さいですが、見ながら入力したり、編集ができるので便利になりました。
[HTML編集]をクリックすればHTML編集に戻ることができます。
d0181824_09493302.jpg


続きます。

by PC-otasukeman | 2015-05-23 09:40 | Comments(5)

新管理画面を使ってみよう(2)

【この記事はエキサイトブログに関するものです】
早速新管理画面に切り替えて投稿してみましょう。
マイブログにログインし[投稿]をクリックします。
d0181824_13171110.jpg

「記事を書く」画面が出ます。タイトルを入力します。(ここでは「新管理画面テスト投稿」としましょう)
d0181824_13192989.jpg

記事入力欄に進みます。[HTML編集]を開き、[AUTO(自動改行)]をクリックします。
d0181824_14462152.jpg

[自動改行する]を選択して[更新]をクリックします。
d0181824_13301870.jpg

本文を入力していきます。
ここで大きく変わったのが画像の挿入手順です。画像をアップロードしてから、本文に挿入するように変わりました。
まずは画像のアップロードから説明します。2つの方法があります。

【方法1 ドラッグ&ドロップ】
「記事を書く」画面はそのままにして、画像が保存されているフォルダーを開きます。
<ピクチャ>の<岩屋堂散歩道>にある<5月22日>に今朝撮った写真があります。これを開きます。
d0181824_13360479.jpg

タスクバーの何もない所を右クリックし出てきたメニューの[ウインドウを左右に並べて表示]をクリックします。
d0181824_13441211.jpg

注:ブログとフォルダのウインドウ以外は最小化または閉じてください。

「5月22日」のフォルダーと「記事を書く」画面が左右に表示されます。
挿入したい画像をドラッグしてドロップエリアで離します。
画像がアップロードされます。時間がかかる場合があります。終わるまで待ちます。
d0181824_13483205.jpg

右下にある画像はこれまでにアップロードされた画像が表示されるエリアです。
左上に今アップロードされた画像が表示されています。
以下、同じようにして画像をアップロードします。
d0181824_13524693.jpg

すべての画像がアップロードされました。
d0181824_13595485.jpg


【方法2 画像を選択してアップロードする】
[画像を選択]をクリックします。
d0181824_14120898.jpg

<ピクチャ>の<岩屋堂散歩道>にある<5月22日>のフォルダーを開き、画像を選択して[開く]をクリックします。
d0181824_14130939.jpg

画像が選択されたら[アップロード]をクリックします。
d0181824_14141451.jpg

アップロードされました。同じようにして次の画像もアップします。
d0181824_14252181.jpg

【特徴】
過去にアップロードされた画像も見たり挿入したり出来るようになりました。
d0181824_15362726.jpg
d0181824_15381504.jpg
d0181824_15391216.jpg

【アップロードした画像を本文に挿入する】
画像を挿入するところをクリックしてカーソルを立てて挿入する画像をクリックするだけです。
d0181824_15575200.jpg

画像タグが挿入されました。
[プレビュー]をクリックして見てみましょう。
d0181824_16111636.jpg

中央配置の大きな画像が入りました。
画像のサイズと配置については次回詳しく説明します。
d0181824_16142640.jpg

【変わったところ】
① 画像の配置は挿入時は一律中央配置です。
② プレビュー画面が通常の表示と同じくなりました。
ここまでの手順で投稿したものはこちらです。
次回に続きます。

by PC-otasukeman | 2015-05-22 15:49 | Comments(1)

新管理画面のテスト投稿

この記事は「新管理画面を使ってみよう」の説明用に作成したものです。


今朝、 岩屋堂散歩道で撮っものです。

【アオサギの飛姿】

写真①
d0181824_11581689.jpg

写真②
d0181824_12124854.jpg

写真③
d0181824_12131657.jpg

写真④
d0181824_12130077.jpg

写真⑤
d0181824_12123688.jpg

【カモの飛姿】
写真⑥
d0181824_12121986.jpg

【その他の写真】
写真⑦
d0181824_11522931.jpg

写真⑧
d0181824_12071173.jpg

写真⑨
d0181824_12104204.jpg


今日はここまで、
上の画像をクリックしてみてください。
別ウインドウで表示される画像の大きさを比較してみてください。
次回の説明から、画像のサイズの秘密を解き明かしていきます。

これからが楽しくなります。
ご期待ください。

by PC-otasukeman | 2015-05-22 10:11 | Comments(0)

新管理画面を使ってみよう(1)

ページへページへページへページへページへページへ
d0181824_1293755.jpg


【エキサイトブログをお使いの方へ】
新管理画面が提供されて暫く経ちますが、まだ使用したことが無い方も多いのではないでしょうか。
また、新管理画面に馴染めなくて、現行版に戻してアップ(投稿)している方も多いようです。私もその一人です。
しかし、新管理画面、使ってみるとなかなか便利で良く考えられています。
手順を追って使ってみることにしましょう。

【新管理画面に切り替える】
マイブログにログインし、[設定]をクリックします。
d0181824_13142257.jpg

設定画面になるので、[新管理画面を使用する]をクリックします。
:「新管理画面を使用する」のボタンがなければ、既に新管理画面になっています。
d0181824_13160743.jpg

新管理画面に切り替わり、「マイページ」の画面になります。
記事を書くときは左側のメニューにある[新規投稿]をクリックします。
:マイページ画面の先頭に「現行版を使用する」のボタンがあります。現行版に戻すときはこれをクリックします。
<新管理画面>と<現行版画面>の切り替えは簡単に出来ますので心配することはありません。
d0181824_16425283.jpg

「記事を書く」画面が出ます。現行の「投稿」画面です。
スクロールしてみてください。現行の投稿画面とは様子が違いますが目的は同じです。
:この画面の先頭にも[現行版を使用する]のボタンがあります。記事入力中にこのボタンをクリックすると入力したものは削除されてしまいますので、注意してください。
d0181824_16501585.jpg
d0181824_16503534.jpg
d0181824_1718208.jpg
d0181824_17183333.jpg

今日はここまで。
新管理画面を初めて見る方は、「新管理画面」と「現行版」の切り替えを試してみてください。
次回は新管理画面で記事を書き、画像をアップし、画像を挿入する手順を試してみましょう。

by PC-otasukeman | 2015-05-20 17:54 | Comments(5)

岩屋堂散歩道の野鳥(5)

エキサイトブログの方へ
新管理画面をお使いでしょうか。
「画像アップロード」が便利になっています。次回、使い方を勉強したいと思います。

ページへページへページへページへページへページへ
d0181824_1293755.jpg

岩屋堂散歩道の野鳥12種類目 シラサギ(コサギ?)
早朝6時、田んぼのあぜ道に入るなりサギの群れが迎えてくれました。
探していたシラサギです。
広い青空、西から東へ、東から西へ・・頭上を旋回し、一部は田んぼへ、一部は森へ・・
d0181824_10430879.jpg
d0181824_10430486.jpg
d0181824_10425692.jpg
d0181824_10424205.jpg
d0181824_10423292.jpg
d0181824_10425109.jpg
d0181824_10424621.jpg
d0181824_10421856.jpg
d0181824_10400597.jpg
d0181824_09302975.jpg
d0181824_06530727.jpg
d0181824_10401191.jpg
d0181824_10401542.jpg
d0181824_10421355.jpg
d0181824_10421856.jpg
d0181824_10420819.jpg
d0181824_10415023.jpg
d0181824_10403279.jpg
d0181824_10414740.jpg
d0181824_10400067.jpg
d0181824_10402558.jpg

昭和57年の岩屋堂探鳥会ではコサギとして記録されています。
野鳥撮影は楽しい!!

by PC-otasukeman | 2015-05-18 20:00 | Comments(4)

日本野鳥の会 岩屋堂探鳥会

エキサイトブログの方へ
新管理画面をお使いでしょうか。
「画像アップロード」が便利になっています。次回、使い方を勉強したいと思います。

ページへページへページへページへページへページへ
d0181824_1293755.jpg


野鳥撮影の魅力にはまったお助けマンです。
5月17日(日)の早朝のこと。
大砲のようなカメラを持った写真愛好家に出会い「岩屋堂探鳥会」を知ったのです。
d0181824_10494418.jpg

岩屋堂探鳥会は毎月第三日曜日に開催
午前9時半集合とのことでしたので、ちょっと覗いてみました。
指定された場所に行ってビックリ!!
日本野鳥の会 愛知県支部 主催 の歴史ある探鳥会だったのです。
どなたでも参加できるとのこと。
今日は覗いただけ。 またまた、楽しみが増えたお助けマンです。
d0181824_1134775.jpg
d0181824_114342.jpg
d0181824_1142868.jpg

皆さんの機材も凄い!!  興味津々!!
d0181824_1224969.jpgd0181824_12245382.jpgd0181824_12244087.jpg

頂いたパンフレット(抜粋)
興味のある方は参加してみてはいかがでしょうか。
d0181824_11121152.jpg
d0181824_11124910.jpg
d0181824_22422322.jpg

d0181824_11161064.jpg
d0181824_11163388.jpg

昭和57年(1年目)の岩屋堂探鳥会の記録
なんと野鳥49種類にビックリ!です。
d0181824_11242132.jpg

49種類の野鳥撮影に挑戦中!! 写真は楽しい!

by PC-otasukeman | 2015-05-17 20:00 | Comments(0)

コメント設定

追伸
詳細はエキサイトブログ向上委員会のコメント投稿機能の仕様変更を参照してください。

ページへページへページへページへページへページへ
d0181824_1293755.jpg


【エキサイトブログの方へ】
コメント欄の様式が2種類あって選択できることをご存知でしたか?
 様式1 コメント欄を別ウインドウで開く
 様式2 コメント欄を同じウインドウで開く
koneko3y さんから教えて頂き、調べた結果、皆さんにも知って頂きたいと思い投稿しました。
特にコメントが多いブログの方はお読み頂きたいです。

【別ウインドウで開く場合のコメント手順】
[Comments(n)]をクリックします。
d0181824_1362760.jpg

コメント欄が表示されます。他の方のコメントを読みながらスクロールしていきます。
(下の緑線枠内はkoneko3y さんからのコメントです。)
d0181824_136469.jpg

コメント欄の最後に[コメントする]のボタンが出てきますので、これをクリックします。
d0181824_1365943.jpg

するとコメント入力欄が別ウインドウで出てきますので、コメントを入力して[送信]をクリックします。
d0181824_1371883.jpg

コメントが送信された旨の画面に変わりますので、[投稿されたコメントを確認する]をクリックします。
d0181824_1373579.jpg

コメントを確認して、完了です。
d0181824_138383.jpg

【 同じウインドウで開く場合のコメント手順】
[Comments(n)]をクリックします。
d0181824_13241897.jpg

コメント欄が表示されます。
こちらは最初に[コメントする]のボタンが配置されています。他の方のコメントを読まずにコメントするときは[コメントする]をクリックします。
d0181824_1325116.jpg

すると、コメント欄の最後尾にある「コメント入力欄」が出てきます。コメントを入力して[送信]をクリックします。
(他の方のコメントを読みながらスクロールしていってもこの画面に到達します)
d0181824_13253338.jpg

そして、すぐに送信されたコメントが確認できます。
d0181824_13255581.jpg


あなたのブログの様式はどちらでしょうか。
元気ばばさんのブログのようにコメントが多いと様式2の同じウインドウで開く方が訪問者には親切かもしれませんね。
ちなみに、ブロ友さん71人中63人の方が別ウインドウで開くように設定されていました。
様式の変更は簡単ですから、皆さんも確認してみてください。訪問者の為に!

早速、ブロ友パソコン相談室も様式1から様式2に変更しました。
【コメント欄の様式変更手順】
マイブログにログインして[設定]をクリックします。
設定画面が出ます。旧管理画面を使っている方は[新管理画面を使用する]をクリックします。
d0181824_14141428.jpg

新管理画面の左にある項目の [設定]をクリックして開き、[コメント・トラバ設定]をクリックします。
「コメント設定」が出てきます。
相談室の設定は「別ウインドウで開く」に設定されています。
d0181824_14153615.jpg

コメント欄のウインドウを[同じウインドウで開く]に変更して[適用]をクリックします。これで完了です。
d0181824_1449761.jpg

:新管理画面に変更してもマイページ画面にある「現行版の管理画面を使用する」をクリックすれば戻すことができます。

どちらの様式を使うかはブログによって異なると思います。
ブログ訪問者の立場に立って選択してください。
最後にコメントでお知らせ頂いた koneko3y さんに感謝いたします。

by PC-otasukeman | 2015-05-16 10:19 | Comments(40)