今日はごく簡単なHackですが、友人のMaple嬢から質問を受けて調べたところ、ちょっと見当たらなかったので、記しておきます。
しょこたんも利用しているヤプログでは、ラブリーなものからクールなものまで、たくさんのデザインの中から気に入ったテンプレートを選んで、自分のブログに適用することができます。ヤプログではこれを「スキン」と呼んでいます。
テンプレートには「フリースキン」とそうでないものがあり、フリースキンはごくごくシンプルなテンプレートですが、管理画面内で自由にスタイルシートを編集することができます。この方法については書いている方がたくさんいらっしゃるので、そちらにお任せしたいと思います。
さて、それ以外のおしゃれなデザインのスキンたちは、適用するだけで申し分ない立派なデザインのブログができあがりますが。。
選んだデザインとブログ説明文の長さによっては、もう少し文字を大きくしたい、改行場所を変えたい、という不満もでてくると思います。
オリジナルを損なわない程度に、少しだけバランスを直す方法をお教えします。
以下は、設定タブの基本設定ページで行います。
まず、文字のサイズを変えたい場合は、ブログ説明文の欄に、下記のように記述して保存します。「システムエラー」と出ることがありますが、戻って再チャレンジしましょう。
<span style=font-size:16px>説明文</span>
スタイルシートが分かる方はすぐにお分かりでしょうが、テキストに直接スタイルを書いてしまいます。
「16px」というのが文字の大きさをあらわしていますので、結果を確認しながら数値を増やしたり減らしたりしてみましょう。「説明文」にはもちろん自分のサイトの説明文を入れます。
ここで注意するのが、「font-size:16px」を「" "」で囲わないこと。詳しい理由はここでは説明しませんが、ヘッダのレイアウトが崩れる原因になります。(本来は囲うのが正式です。)
説明文が2行にわたっていて行間が狭すぎる場合は、下記のように記述します。
<span style=font-size:16px;line-height:16px>自分の説明文</span>
「line-height:16px」が行間をあらわしていますので、同様に数値を変更して調整してください。
文章がヘンなところで改行されて気に入らない場合は、改行したいところに「<br>」を入れます。
<span style=font-size:16px;line-height:16px>ブログの説明文が<br>長すぎるんだよね~</span>
以上です。うまくできましたか?
残念ながらこの方法はブログタイトルには応用できません。
タイトル欄では、タグがテキストに変換されてしまうようです。
現在は、説明文のタグはタグとして認識してくれるようですが、今後、改変を防ぐためにヤプログの仕様が変わって、タグがテキストとして表に見えてしまうようになる可能性もあります。
その際はもうこの方法は無効なので、適用を中止してください。
ほかにも、文字色を変えたり、画像を挿入したりすることもできますが、くれぐれもデザイナーの意図を尊重して、最小限の改変にとどめてください。
もっとオリジナルなデザインにしたい方は、よくCSSを勉強して、がんばってフリースキンをカスタマイズしましょうね~。
最近のコメント