CSS編集用デザインを適用するには | ちょっとした「Webお役立ち情報」とかを主に書いてます。

ちょっとした「Webお役立ち情報」とかを主に書いてます。

ネットで調べて、「わかったこと」を備忘録の代わりのメモ帳のようにして使ってます。

こんにちは。

渡辺麻友


アメブロには自由に選んでそのまま使える
豊富なデザイン(スキン)が用意されています。

そして、カスタマイズ(改造)できるデザインも
現在17種類あります。

ただ、自由にカスタマイズするためのものは、
現在は、一つしか用意されていません。

CSS編集用デザインです。

渡辺麻友


このデザインを選択すると記事の文字の大きさ
や色を個別の記事編集画面ではなく全体で変える
ことが出来ます。
あるいは独自のヘッダー画像を設置するなど
様々なカスタマイズが可能になります。

CSS編集用デザインを適用する方法
をご案内してみます。

※アメブロでは、デザイン(スキン)や
レイアウト(サイドバーの位置や数)を変更すると
、ブログヘッダー画像の設定や背景画像の設定など
、それまでのCSSでのカスタマイズ内容が初期状態に
戻ってしまいますのでご注意ください。


それでは、以下、実際にCSS編集用デザインを適用
する手順を御案内してみます。

まず、マイページの右上の方にある三本線のアイコン
渡辺麻友をクリックし、開いた小窓の中にある
デザインの変更をクリック
して下さい。

渡辺麻友


デザインの変更ページが開いたら、ページの右下の方に
あるカスタム可能ボタンをクリックし下さい。

渡辺麻友


「カスタム可能」デザイン一覧ページが表示されたら、
その中からCSS編集用デザインをクリックしてください。

渡辺麻友


すると、別のタブ(あるいは別ウィンドウ)が開き、
[ブログデザインの表示確認・レイアウト変更]という
ページが表示されます。

ここでは、レイアウト(サイドバーの位置や数)を
5種類の中から選択できますので、お好みのレイアウト
を選択して[適用する]ボタンをクリックして下さい。

渡辺麻友


これでデザイン(スキン)が、[CSS編集用デザイン]
に変わります。

デザインを確認すると、最初は非常にシンプルで
殺風景なものになります。
しかし、これからは、[CSSの編集]に[CSS用コード]
を追記するだけで、様々なカスタマイズが出来るように
なります。



なにかの参考になると、うれしいのですが^^;


☆ブィブィ ゞ(^_^)v


お客さん、凝ってますね~