村ぶろのカスタムスキン その１０
はい、(。・ω・)ノ゛ コンチャ♪
パソコンとインターネット屋さんの「いしがき」です。
ヘッダーへ画像を登録してみよう。
カスタムスキン変更画面のココで
ヘッダー画像を登録できます。
駄菓子菓子
「アップロード」ボタンの横には
『横幅 760px ファイルサイズ1MBまで』と書いている。
記事で画像を投稿するときには
自動的にサイズ縮小をしてくれたが
ヘッダー画像では、そうはいかない。
一番、注意しないといけないのは
１ＭＢと言うファイルサイズ。
ちなみに、１ＭＢと書いて１メガバイトと読む。
データの大きさを表す単位で、大文字で記載する。
皆さんが使う単位としては、１Ｂ（バイト）から始まり
１０００Ｂ（バイト）で、１ＫＢ（キロバイト）
１０００ＫＢ（キロバイト）で、１ＭＢ（メガバイト）
１０００ＭＢ（メガバイト）で、１ＧＭ（ギガバイト）
１０００ＧＢ（ギガバイト）で、１ＴＢ（テラバイト）
と単位が変わっていきます。
まぁ、メートルがキロメートルになるのと同じですね。
単位が分かったところで、ヘッダーへ使用したい
写真がどのぐらいの大きさか確認しましょう。
ファイルサイズを確認するには
【その１】 ファイルにマウスを重ねる。
マウスを重ねると、ポップヒントが表示され
そこに「サイズ：２．０４ＭＢ」などと表示される。
【その２】プロパティで確認
写真を右クリックするとメニューが表示されます。
メニューの中にある「プロパティ」をクリックしましょう。
「プロパティ」画面が表示され、画面中央に
「ディスク上のサイズ」が表示されます。
確認したら、右上の「×」ボタンか
画面下の「キャンセル」ボタンをクリックしてください。
上記の写真のように、１ＭＢ以上の写真は
ヘッダー画像へ使うことができません。
そこで、写真のファイルサイズを
１ＭＢ以下に小さくしましょう。
村ぶろのカスタムスキン その９
はい、(。・ω・)ノ゛ コンチャ♪
パソコンとインターネット屋さんの「いしがき」です。
さてさて、やっと説明も終わり
ここから、実際に変更する手順です。
まず、村ぶろの管理画面にあるメニューからρ(・д・*)コレ
「ブログの設定」 ＞ 「デザイン」を選びましょう。
デザイントップページが表示されるのでρ(・д・*)コレ
赤い丸をつけて「スキン」か「変更」ボタンをクリックしましょう。
今度は、デザイン-スキンページが表示されるのでρ(・д・*)コレ
赤い丸をつけた「カスタムスキン」タブをクリックしましょう。
そうすると、カテゴリ別スキン一覧にρ(・д・*)コレ
赤い○をつけた「カスタムスキン」が表示されるので
それをクリックしましょう。
はい、これでカスタムスキンを設定する画面にかわりました。ρ(・д・*)コレ
ここには、先に説明した項目が並んでいますので
それぞれ、変更したいところを変更してください。
色のつけ方は、各項目の右側にある
カラフルなボタンをクリックするとρ(・д・*)コレ
カラーパレットが表示されるのでρ(・д・*)コレ
そこから好きな色をクリックしましょう。
一番初めは、デザインするよりも
どこの場所が、どの色に変わるのか
１つ１つ確認するのがいいでしょう。
確認は、画面の一番下に
「プレビュー」ボタンがあるので
それをクリックすると別窓で表示されます。
そのあと、好きなだけ自由に変更してください。
最後は、画面の一番下にある
「登録」ボタンをクリックすれば完成です。
村ぶろのカスタムスキン その８
はい、(。・ω・)ノ゛ コンチャ♪
パソコンとインターネット屋さんの「いしがき」です。
コンテナってどこをかえるの？
コンテナとは、プロフィールや読者一覧など
カラムに配置されるパーツのことです。
ここで変更するのは
・ヘッダー背景色（下の紫の部分）
・ヘッダー背景画像（上の黒い画像）
・ヘッダー文字色 （最近の記事一覧という文字）
背景画像を設定すると、背景色は隠れます。
・ボディー背景色（下のピンク色の部分）
・ボディー文字色（下のみどり文字）
・ボディーリンク文字色 （下の赤い文字）
それぞれ、設定しないのも一つの方法です。
設定しない場合は、カラムの背景色か
全体の背景色が見えるようになります。
村ぶろのカスタムスキン その７
はい、(。・ω・)ノ゛ コンチャ♪
パソコンとインターネット屋さんの「いしがき」です。
カラム部分の変更もあります。
カラムA、カラムBとはプロフィールや
読者一覧などが配置されている
左右の列のことですが
ここでは、カラムA、カラムBの背景色がかえられます。
２カラムを選択している場合は
カラムAおよびカラムBとし１色、選べます。
３カラムを選択している場合は、
カラムAの色、カラムBの色として
２色、左右の色を選択できます。
３カラムの場合、左右別々も良いし
同じ色にしも良いですね(o^∇^o)ノ
ただし、カラムの背景色は
隙間程度しか見えないので
あまり、こだわらなくてもいいでしょう。
オフ会開催と言う広告の後ろや
最近の記事一覧の上にあるピンク部分になります。
記事の背景色と同じで
色をつけなくても大丈夫です。
色をつけない場合は、背景色となります。
村ぶろでオリジナルデザインを使用する その６
はい、(。・ω・)ノ゛ コンチャ♪
パソコンとインターネット屋さんの「いしがき」です。
記事の部分も変更できるのですが
一体どこが変わるのか？
極端に変えてみた例がρ(・д・*)コレ
□ 記事の背景色（ローズ）
□ 文字色（白）
□ リンク文字色（水色）
□ 文字サイズ
□ 記事ヘッダー背景色（みどり）
□ 記事ヘッダー背景画像（記事ヘッダー背景色と同じ大きさ）
□ 記事ヘッダー文字色（白：日付部分）
□ タイトル背景色（むらさき）
□ タイトル文字色 （白）
全てに色をつける必要はないけど
どこの色が変わるかチェックしておくといいですよ。
※色を選ばないということは「透明にする」と思ってください。
例えば、「記事の背景色」を選ばない場合は
その後ろにある「全体の背景色」が見えるようになります。
※リンクとは別のページへ移動させるポチッとのこと。
標準では、青字に下線がつきますが、ブログの場合
使っているスキン（デザイン）で違います。
本文の記事と違う色にすると目立つので
クリックしてもらえるようになります。
※あと、文字サイズを「大きく」すると
コメント欄の文字も大きくなるので見えやすくなります。
ちょっとおすすめ(o^∇^o)ノ
オリジナルデザインを使用する その５
はい、(。・ω・)ノ゛ コンチャ♪
パソコンとインターネット屋さんの「いしがき」です。
村ぶろにて、カスタムスキンを使う上でしっておきたい
変更点の３つめ「ヘッダー」についてです。
みんなが一番変更したい場所がρ(・д・*)ここですよね。
オリジナルの写真が入れられるので
自分だけのブログって感じになります。
このヘッダーには大きく分けて３つの項目があります。
１つは、「ブログタイトル」。
みなさんが、ブログを作成したときにつけたブログの名前ですよね。
ここでは
・タイトルの表示、非表示
・タイトル文字の色
・タイトル文字の大きさ
を変更することができます。
タイトルの表示、非表示ですが
お店のブログなどの場合、ヘッダーの背景画像に
お店の名前を入れている場合があります。
例えば、シルキーさんのブログρ(・д・*)
ブログのタイトルと背景の文字が重なって邪魔な場合や
写真の邪魔になってキレイに見えない場合もあります。
そんな時には、表示しない設定にするといいのですが
駄菓子菓子
ブログタイトルはクリックできるようになっています。
クリックすると、そのブログの表紙に移動することができるので
できればタイトルは表示する方がいいでしょう。
ブログタイトルの文字色や大きさは
背景の色や写真に合わせて選びましょう。
２つめの「ブログの概要」ですが
これも、ブログを作ったときに入力しましたよね。
これも
・概要の表示、非表示
・概要の文字色
・概要の文字サイズ
を変更することができます。
概要も邪魔だと言う人が居ますが
「こんなブログ書いてます」という紹介になるので
初めての人でも分かるように表示しておくのが良いでしょう。
概要の文字色や大きさは
背景の色や写真に合わせて選びましょう。
３つめの「背景」ですが、これは
・背景色
・背景画像
のどちらか（もしくは両方）を変更することができます。
ρ(・д・*)コレは、分かりやすく
左に「背景画像」を、右は「背景色（青）」を設定した例です。
両方を設定することもできますが
背景画像が寸法どおりだと、背景色は隠れて見えなくなります。
寸法については、また後日・・・
一気に説明すると、文字ばっかり(￣□||||!!
オリジナルデザインを使用する その４
はい、(。・ω・)ノ゛ コンチャ♪
パソコンとインターネット屋さんの「いしがき」です。
村ぶろにて、カスタムスキンを使う上で知っておきたい
変更点の２つめ、「全体（背景色）」についてですが
これは、ブログの外側の色だと思ってください。
自分のブログは黒色に設定してますが
かーん！さんのブログでは「白色」に
でんぼさんのブログでは、「黄色」に
noaさんのブログは「青紫」に
この部分が、「全体（背景色）」になります。
ブログを引き立たせるためにも
薄い色か濃い色の方が良いかと思います。
オリジナルデザインを使用する その３
はい、(。・ω・)ノ゛ コンチャ♪
パソコンとインターネット屋さんの「いしがき」です。
カスタムスキンを使う上で
どこが変更されるかを確認しましょう。
まず、大きく分けて６箇所！
１．列
２．全体（背景色）
３．ヘッダー
４．記事の部分
５．カラムＡおよびカラムＢ
６．コンテナ
かーん！さんのページを例に見てみましょう。
クリックすると大きくなります。
( ゜ ▽ ゜ ;)エッ!!前回の内容をしらない？
そんな方は、こちらをクリック(*≧ｍ≦*)ププッ
変更する方法を説明するのは簡単なのですが
その時に出てくる項目も説明しておかないと・・・
なるべく頑張りますが、気長に待ってくださいね(o*。_。)oペコッ
オリジナルデザインを使用する その２
はい、(。・ω・)ノ゛ コンチャ♪
パソコンとインターネット屋さんの「いしがき」です。
引っ張るな～！(○｀ε´○)プンプン!!
っとお怒りの方も・・・
居るわけないか(*≧ｍ≦*)ププッ
村ぶろのオリジナルデザインを使用するにあたり
まずはどこが変わるか！ってのを知ってもらおうと思います。
まず、村ぶろでデザインの事をスキンって言いますが
このスキンには、３カラム、2カラムなんて言葉があります。
カラム＝列なんです。
では、noaさんのブログを見ていきましょう。
左右にプロフィールや読者一覧などが表示され
中央に記事が表示されていますね。
１．左（カラムA）。
２．中央（記事）。
３．右（カラムB）。
と、３列になってるでしょ？
だから３カラム（3列）って言います。
じゃ、こんどは
かーん！さんのブログを見ていきましょう。
左に記事、右にプロフィールなどが並んでいます。
１．左（記事）。
２．右（カラムA）。
と、２列になってるでしょ？
だから、２カラム（２列）って言います。
２カラムの場合、かーん！さんの反対となる
１．左（カラムA）。
２．右（記事）。
と、左右を選べるようになっています。
これは、既定のスキン（デザイン）でも
同じなので、言葉を覚えておきましょう。
どちらが良いってのはありません。
好みで、選べばいいと思います。
例えば、
・プロフィールや読者登録などのコンテナをたくさん使いたい。
・見る人に、できるだけスクロールをさせない。
・１ページに表示する記事数が少ない。
って人は、３カラムが良いかなぁ…c(゜^ ゜ ;)ウーン
・できるだけ、写真を大きく見せたい。
・１ページにたくさんの記事を見せたい。
って人は、２カラムかなぁ？
実は、３カラムより２カラムの方が
記事の横幅が大きいんです(*≧ｍ≦*)ププッ
オリジナルデザインを使用する その１
はい、(。・ω・)ノ゛ コンチャ♪
パソコンとインターネット屋さんの「いしがき」です。
明日のための、その１
村ぶろでは、「カスタムスキン」なんて呼ばれますが
自分をはじめ、ブログ上部の画像などを
オリジナル画像（写真）に変えてる人もいます。
ρ(・д・*)こんな感じ
noaさんのブログもめっちゃキレイ。
しんちゃんのブログは、会社の宣伝。
かーん！さんのブログは・・・
古いミシン(・－・)・・・ん?
(゜∇゜ ;)エッ!?
なぜ、この３人を紹介したって？
別に意味はないです
ただnoaさんの読者一覧にあったから
すぐクリックできただけ(￣ｍ￣〃)ぷぷっ!
上部の画像だけなら、簡単に変更できますよ。
オリジナルデザインの設定方法や
キレイに見せるポイントを説明して・・・
ε=ε=ε=ε=ヾ(;◎_◎)ノ ヤバヤバ
時間がないので、この辺で
マタネッ(^ー^)ノ~~Bye-Bye!
RSS