レイアウトやデザインのカスタマイズをする前に、考えておきたい事がある
ブログタイトルも決まったし、
記事のタイトルもうまく付けられるようになった。
そこで、ブログの見栄えを変えたくなる。
よくあるパターンです。
それが、いけないとか悪いとかはないです。
きっかけが大事で、そこから学んでいくパターンもあるからです。
でも、それは最初に作った交流用のアメブロでやることにして、
あなたが、今回テーマを絞ってコンセプトの優先順位も定めた
グレートブログでは
もう少し考えてやっていきましょう。
あなたが、自由にカスタマイズ可能なスキルがある場合でも考えて欲しいことがあります。
コンセプトの優先順位でビジュアルの必要性がある場合は、さっそく見栄えを変えてください。
(というよりも、この際はわたしが言うまでもなく変えるとは思いますが)
自分で、やる場合はすでにカスタマイズを自身で行うスキルがあれば問題はありませんが
そうでない場合は、プロへ依頼するのが最良ではあります。
ただ、ビジュアルを優先される方の中にはWEB制作の部分は初めてでもクリエーターの方も多くいらっしゃると思います。
そのような方はHTMLやCSSを使いこなすまでに時間が、かからないかと思います。
個人のブログであれば、少しずつカスタマイズされても良いかと思います。
ビジュアルが優先順位として高くないブログの場合ですが、
ヘッダー画像とサイドバーのタイトル
のカスタマイズぐらいにしておいた方が良いです。
アメブロではカスタマイズが、流行っているのもあるので少しはしてみても良いかな程度です。
あとは、同様の理由で
記事の文字サイズとリンク文字の装飾はしといた方が良いかなという程度です。
(一応は理由がある訳ですが、カスタマイズしなければならないわけではありません)
最初の、インパクトを狙ってヘッダーを印象的な画像にするのも良いとは思いますがそれ以上はやる必要性はないです。
ブログを続けているとおのずと必要なカスタマイズが見えてくると思いますので、
自分のブログのコンセプトには必要だというものを取り入れていきましょう。
また、アクセスアップに関してもこのグレートブログでは
あまり最初から力は入れないで、コンテンツの充実を優先して下さい。
(時間的な余裕があって、やる分には効果的な事もあったりするのでやってみてもよいでしょう。)
記事のタイトルもうまく付けられるようになった。
そこで、ブログの見栄えを変えたくなる。
よくあるパターンです。
それが、いけないとか悪いとかはないです。
きっかけが大事で、そこから学んでいくパターンもあるからです。
でも、それは最初に作った交流用のアメブロでやることにして、
あなたが、今回テーマを絞ってコンセプトの優先順位も定めた
グレートブログでは
もう少し考えてやっていきましょう。
あなたが、自由にカスタマイズ可能なスキルがある場合でも考えて欲しいことがあります。
コンセプトの優先順位でビジュアルの必要性がある場合は、さっそく見栄えを変えてください。
(というよりも、この際はわたしが言うまでもなく変えるとは思いますが)
自分で、やる場合はすでにカスタマイズを自身で行うスキルがあれば問題はありませんが
そうでない場合は、プロへ依頼するのが最良ではあります。
ただ、ビジュアルを優先される方の中にはWEB制作の部分は初めてでもクリエーターの方も多くいらっしゃると思います。
そのような方はHTMLやCSSを使いこなすまでに時間が、かからないかと思います。
個人のブログであれば、少しずつカスタマイズされても良いかと思います。
ビジュアルが優先順位として高くないブログの場合ですが、
ヘッダー画像とサイドバーのタイトル
のカスタマイズぐらいにしておいた方が良いです。
アメブロではカスタマイズが、流行っているのもあるので少しはしてみても良いかな程度です。
あとは、同様の理由で
記事の文字サイズとリンク文字の装飾はしといた方が良いかなという程度です。
(一応は理由がある訳ですが、カスタマイズしなければならないわけではありません)
最初の、インパクトを狙ってヘッダーを印象的な画像にするのも良いとは思いますがそれ以上はやる必要性はないです。
ブログを続けているとおのずと必要なカスタマイズが見えてくると思いますので、
自分のブログのコンセプトには必要だというものを取り入れていきましょう。
また、アクセスアップに関してもこのグレートブログでは
あまり最初から力は入れないで、コンテンツの充実を優先して下さい。
(時間的な余裕があって、やる分には効果的な事もあったりするのでやってみてもよいでしょう。)
はじめての方はこちらからどうぞ
top,bottom,left,rightプロパティ:プロパティの意味と使い方
- CSSの簡単な説明(CSSの基本を最初にお読みいただく方が良いかと思います。)
- ボックスの配置位置を設定します。
- top,bottom,left,rightプロパティに指定する値には数値に単位を付けた『1px』,『1em』,『100%』といったものや『auto』(これが初期値で自動)といったキーワードを指定します。
- 文字サイズや線の長さなどをプロパティの値に指定する単位は絶対指定と相対指定があります。
- 絶対指定
- 『in』(インチ),『cm』(センチメートル),『mm』(ミリメートル),『pt』(ポイント),『pc』(パイカ)など
- 相対指定
- 『em』(エム),『ex』(エックスハイト),『px』(ピクセル),『%』(パーセント)など
- %指定ではtopプロパティとbottomプロパティは基準となる要素のボックスの高さに対する割合、
rightプロパティとleftプロパティは基準となる要素のボックスの幅に対する割合になります。
- 文字サイズや線の長さなどをプロパティの値に指定する単位は絶対指定と相対指定があります。
- top,bottom,left,rightプロパティはpositionプロパティで設定された配置方法で配置位置を設定します。
- 値の継承はしません。
はじめての方はこちらからどうぞ
positionプロパティ:プロパティの意味と使い方
- CSSの簡単な説明(CSSの基本を最初にお読みいただく方が良いかと思います。)
- ボックスの配置方法を設定します。
- positionプロパティに指定する値には『relative』(相対配置),『absolute』(絶対配置),『fixed』(固定配置),『static』(これが初期値で特に配置方法を指定しない通常の位置)といったキーワードを指定します。
- positionプロパティで配置方法を設定してtop,bottom,left,rightプロパティで配置位置を指定します。
(『static』を指定した場合には適用されません。)- relativeを指定した時の基準位置
- 通常表示される位置を基準とします。
後続のボックスの表示位置には影響しません。 - absoluteを指定した時の基準位置
- 最も近い祖先要素で、positionプロパティの値に『static』以外の値が指定されたボックス(位置指定された要素のボックス)を基準とします。
位置指定されているボックスが祖先要素にない場合はhtml要素(ページ全体)が基準となります。
他の要素から、絶対配置が指定された要素を切り取ったように表示されます。 - fixedを指定した時の基準位置
- 固定配置は絶対配置と基本的には同じですが、表示領域全体を基準とします。
(出力対象となるメディアがプリンターやプロジェクタの場合は表示領域ではなくページ全体が基準となります。)
また、スクロールしてもその位置に固定されたまま動きません。
- 値の継承はしません。