<   2017年 09月 ( 6 )   > この月の画像一覧

ブログのデザインを変更する(その2)

ページへページへページへ

【デザインを変更するときの注意点】

デザインスキンを変更すると、当然過去の記事すべてが新しいデザインになります。
文字や画像の大きさや配置も変わってきます。
「ミルク姫の部屋」で見てみましょう。

【変更前:Cyber2スキン】
HTML編集で画像が整列配置するよう工夫して記事を書いていました。
d0181824_10261856.jpg

【変更後:和柄スキン】
本文の幅が広い和柄スキンに変更すると、大きくなる写真(一番上)もあれば、変わらない写真(その他)もあります。
当然のことですが、画像の配置も崩れています。
苦労した整列配置は面影もありません。
d0181824_10262511.jpg

【画像サイズに関する決まり事】
画像サイズに関しては次のような決まりごとがあります。
データサイズが500KBを超える画像(写真)は「既定のサイズ(予め指定されたサイズ)」に自動的に縮小されてアップロードされます。
デジカメで撮影した画像はほぼ500KBを超えているため、そのままアップロードすると既定のサイズに縮小されてしまいます。
ミルク姫の一番下(あくびをしている)写真が該当します。本文幅が広がっても画像は大きくなりません。
データサイズが500KB以下であれば、大きなサイズの画像をアップロードすることができます。このためには「画像加工ソフト」でサイズを変更する必要があります。
大きなサイズでアップロードされた画像は表示するときに「既定のサイズ」に自動的に縮小されます。
ミルク姫の一番上の写真が該当します。
アップロードされた画像は大きい(横867ピクセル、縦650ピクセル)ので、本文幅が広がれば画像も大きくなります。
画像サイズが「既定のサイズ」に満たない場合はそのままのサイズで表示されます。
ミルク姫の横並び3枚の写真が該当します。

【既定のサイズを調べる】
既定のサイズは次の手順で調べます。
PCスキン設定画面を出し、[編集]ボタンをクリックします。
d0181824_11063216.jpg

編集画面が出ます。
サイズ欄の本文の数字が既定のサイズです。
前の画面に戻るときは戻るボタン[←]をクリックします。
【Syber2の編集画面】
d0181824_10521707.jpg

【新しいスキン「和柄」の編集画面】
d0181824_10522933.jpg

変更前は520PX(ピクセル)、新しいスキンは750PX(ピクセル)が既定のサイズです。

【ご注意】
過去記事もすべて新しいデザインになります。
プレビュー画面で十分確認してから実行してください。

デジカメで撮った写真をそのままアップロードしている方が多いと思います。
画像を大きく表示する目的でデザインスキンを変えても過去の記事の写真は大きくなりません。
新しいスキンでアップロードした写真から大きくなりますので承知しておいてください。


by PC-otasukeman | 2017-09-28 11:19 | Comments(2)

ブログのデザインを変更する(その1改訂)

ページへページへページへ

【ご相談内容】
エキサイトブログを使っています。
ブログのデザインを変更したいのですが、新管理画面になり戸惑っています。
スキンの替え方を詳しく教えてください。

【回答】
次の手順をお試しください。
マイブログにログインして[設定]をクリックします。
d0181824_10283097.jpg

設定画面が出たら、左メニューの[デザイン設定]をクリックします。
d0181824_10284675.jpg

デザイン設定画面が出たら、[PCデザイン設定]タブをクリックして開きます。
失敗した時、元のスキンに戻れるよう現在使用中のスキンを「マイスキン」ホルダに保存しておきましょう。[編集]をクリックします。
d0181824_14020053.jpg

編集画面が出たら、[保存する]または[作成する]ボタンをクリックします。
d0181824_14022865.jpg


PCデザイン設定の画面に戻ります。「マイスキン更新しました」または「マイスキンを作成しました」の完了メッセージを確認し、好みのスキンの選択に進みます。
カテゴリのから候補を絞ると良いでしょう。
ここでは[和]をクリックしてみます。
d0181824_14103672.jpg

和のスキン候補が出て来ます。[ブレビュー]をクリックして好みのスキンを選択します。
d0181824_10334783.jpg

ブレビュー画面が出てきます。スキンカラーの変更が出来ますので、[牡丹]を選択してみます。
d0181824_10575645.jpg

カラーが変更されました。このデザインでOKなら[適用]をクリックします。気に入らなければこのウインドウを[X]で閉じてスキンの選択を続けます。
d0181824_11394339.jpg

「適用」をクリックすると スキン変更の確認画面が出ますので、[OK]をクリックします。
d0181824_12460644.jpg

現在使用中のスキンが「和柄」に変更されました。
d0181824_14411764.jpg


以上でデザインの変更は完了ですが、次のステップを実行し、現在使用中のスキンをマイスキンに変更しておくとよいでしょう。
標準のスキンを「マイスキン」に登録します。
[編集]をクリックします。
d0181824_14444428.jpg

編集画面が出たら[作成する]ボタンをクリックします。
d0181824_14451720.jpg

マイスキンが作成され、フォルダに登録されます。最後に[適用]をクリックします。
d0181824_14453106.jpg

確認の画面が出ますので[OK]をクリックします。
d0181824_14454416.jpg

現在使用中のスキンがマイスキンに変わりました。「適用」のボタンがなくなったのに注目してください。
d0181824_14460251.jpg

元のスキンに戻すにはステップで保存したマイスキンの[適用]をクリックすれば戻ります。
d0181824_14482383.jpg

【ご注意】
デザインを変更すると、ブログの横幅も変わります。
画像のサイズや字数によって文章や画像の配置が変わりますので、スキンデザインを選ぶ時は注意してください。
次回は注意事項を説明しましょう。

by PC-otasukeman | 2017-09-26 15:53 | Comments(4)

カリガネソウに魅せられて

ページへページへページへ

カリガネソウ(雁金草)に魅せられたお助けマン、
今日は一眼レフに500mmミラーレンズを装着して撮ってきました。
同じ被写体でもコンパクトデジカメとは趣が全く違います。
d0181824_16345119.jpg
d0181824_16325566.jpg
d0181824_16382458.jpg
d0181824_16333769.jpg
d0181824_16344071.jpg
d0181824_16341367.jpg
d0181824_16332833.jpg

ちなみに下の写真はコンパクトデジカメで撮影したものです。
d0181824_16313875.jpg
d0181824_10395445.jpg
d0181824_10393665.jpg

写真は楽しい!!

by PC-otasukeman | 2017-09-22 17:00 | Comments(10)

岩屋堂散歩道の秋ー2

ページへページへページへ

岩屋堂散歩道で撮った1枚
d0181824_10390635.jpg

トリミングしてみました。クリックしてご覧ください。
d0181824_10393665.jpg
d0181824_10394348.jpg
d0181824_10394829.jpg
d0181824_10395445.jpg

この花の名前は?
とお尋ねしたら、早速「カリガネソウ(雁金草)」と教えて頂きました。
ブロ友さんありがとう。

by PC-otasukeman | 2017-09-21 10:46 | Comments(8)

岩屋堂散歩道の秋

ページへページへページへ

台風一過、秋本番の岩屋堂散歩道
幻のお米「ミネアサヒ」の稲刈りも終り、決まった場所に彼岸花(曼殊沙華)が咲き始めました。
アケビも柿もしかりです。
毎年、毎年 繰り返す風景・・・日本の原風景が近くで見られる幸せを感じています。
昨日は劇団カッパ座春日井公演「つるのおんがえし」を観劇。プロ集団の舞台に接する幸せも感じてきました。
(画像をクリックすると拡大します)
d0181824_11033101.jpg
d0181824_11041270.jpgd0181824_11035696.jpg
d0181824_11043766.jpg
d0181824_11042471.jpg
d0181824_11050606.jpg
d0181824_11045184.jpg

by PC-otasukeman | 2017-09-19 12:20 | Comments(4)

埋め込みコードをブログに貼り付ける

ページへページへページへ

最後に埋め込みコードをブログの記事に貼り付ける手順を説明します。
(エキサイトブログの新管理画面の場合です)
ブログでYouTubeを楽しもう」及び「埋め込みコードをコピーする」をご覧になってからお読みください。


【コピーした埋め込みコードを張り付ける方法】
いつものように「記事を書く」画面を出します。
通常編集で記事を書いている方は[HTML編集]をクリックしてしてください。
d0181824_09511366.jpg

HTML編集の記事入力になります。
:このとき何か文字が表示されたら削除してください。<br>は改行マークです。
自動的に挿入される場合があります。
d0181824_09585756.jpg

入力欄先頭位置で右クリックし[貼り付け]をクリックします。
クリップボードにコピーした埋め込みコードを張り付ける操作です。
d0181824_10453048.jpg

埋め込みコードが貼り付きました。<iframe・・で始まるコードです。[プレビュー]ボタンをクリックします。
:埋め込みコードが貼り付かない場合はもう一度YouTubeでコピーするか、ワード等に保存した場合はそれを開いてコピーしてください。
d0181824_10453685.jpg

プレビューで画面を確認します。
再生ボタンをクリックすると動画がスタートします。(↓)は動画のサイズが大きすぎて全画面表示ボタンが見えない例です。
d0181824_10454265.jpg

記事を書く画面に戻ります。
埋め込みコードの「width=」が動画の横サイズ、「height=」が縦サイズです。
コードは直接書き替えて調整できるので、大きすぎた場合は横を420に、縦を236に書き替えます。
書き替えたら[プレビュー]ボタンをクリックします。
d0181824_10454918.jpg

少し小さ目ですが、全画面表示ボタンが見えたのでこれで良しとしましょう。
d0181824_10455538.jpg

記事を書く画面に戻ります。「HTML編集」で記事を書いている方はこのまま入力を続けてください。
「通常編集」で記事を書いている方は[通常編集]をクリックしてから入力を続けてください。
d0181824_11410338.jpg

【YouTubeボタンで貼り付ける方法】
記事を書く画面を出します。通常編集の場合を説明します。
ツールにある[YouTube]ボタンをクリックします。
d0181824_13474337.jpg

YouTube検索画面がでますので、
(1)画像サイズを決め(ここでは420×315そのまま)
(2)「動画が終わったら関連動画を表示する」のチェックを外し、
(3)検索欄に検索ワードを入力して[検索]をクリックします。
動画のタイトル(「花火と炎と音楽の共演」)が検索ワードとしてベストです。
(4)候補の動画が表示されたら目的の動画の[ブログに貼り付け]をクリックします。
d0181824_13474887.jpg

入力欄に埋め込まれました。[プレビュー]をクリックします。
d0181824_13475332.jpg

全画面表示ボタン等が表示されたらOKです。
d0181824_13475907.jpg

HTML編集に切り替えれば、動画サイズを変更することができます。
d0181824_14225105.jpg

あとはいつものように記事の入力を続けてください。
YouTubeボタンで貼り付けた場合、画像の横縦比が4:3となるようです。承知しておくと良いでしょう。
以上で完了です。
YouTubeをブログに埋め込むとパソコンライフが更に楽しくなります。
初めての方は動画「花火と炎と音楽の共演」でお試しください。そして疑問が湧いたらコメントでお知らせください。

by PC-otasukeman | 2017-09-02 15:17 | Comments(19)