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

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

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

アメブロから提供されてる既存のデザインのものでも、それをカスタマイズすることは、できますが、「CSS編集用デザイン」にするほうが、よりカスタマイズがやりやすくなります。
しかし、その手順について書いた、このブログの過去記事を読み直してみると解りずらい表現が多いことに気づきました。
より解り易くなったかどうかについては、ちょっと自信がないんですが(汗)、
一部修正して書き直してみました。
(アメブロから提供されている既存のデザインから「CSS編集用デザイン」に変更する手順です。)
CSS編集用デザインを適用する手順

注意:アメブロでは、デザイン(スキン)やレイアウト(サイドバーの位置や数)を変更すると、ブログヘッダー画像の設定や背景画像の設定など、それまでのCSSでのカスタマイズ内容が初期状態にリセットされてしまいます。既に「CSS編集用デザイン」を採用されてカスタマイズされてる方は、失敗した時、元に戻せるように「CSS編集」の内容を全コピーして、パソコンのメモ帳等に保存しておくことを、お勧めします。

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

渡辺麻友


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

渡辺麻友


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

渡辺麻友


【4】すると、別のタブ(あるいは別ウィンドウ)が開き、[ブログデザインの表示確認・レイアウト変更]というページが表示されます。
ここでは、レイアウト(サイドバーの位置や数)を5種類の中から選択できますので、お好みのレイアウトを選択して[適用する]ボタンをクリックして下さい。

渡辺麻友


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

○思うこと
「CSS編集用デザイン」に変更すると、最初はデザインが非常にシンプルで殺風景なものになります。
しかし、「CSS」をイジクルことができるようになり、また、その内容を少し変更したり、あるいは別のCSSコードを追記することによって、御自身のアメブロをより読み易く、個性的なものにできるようになります。
それと、「CSS編集用デザイン」にした場合のカスタマイズの方法は、ネットで調べると山ほど出てきます^^;
アメブロをカスタマイズするのであれば、「CSS編集用デザイン」にすることを、お勧めしたいです。



☆ブィブィ  ('-^*)/