「CSSの編集」をクリックするとは | パソコンが好きになるブログ〜表技・裏技・便利技伝授!

パソコンが好きになるブログ〜表技・裏技・便利技伝授!

北海道札幌市中央区 大通駅徒歩7分のパソコンスクール「リズ札幌・ライフデザインスクール」パソコンインストラクター川上雄大によるパソコン・IT・ワンポイントレッスン。
スクールでのいろんな方のパソコンレッスンだったり、パソコンとは関係ない話だったり…

こんにちは、パソコンワンポイントレッスン!

PCインストラクターの川上です。


昨日の記事でこのようなご質問のコメントをいただきました↓↓↓
挑戦したいのですが・・・

おはようございます。

私のような初心者がお邪魔してもよかったでしょうか?

先生の過去の記事を少しずつ見ています。ありがとうございます。
画つきなので理解しやすいのですが言葉で分からないのがあります。

CSS編集をクリックする です。

マイページで探すことができません。
時間があるときでかまいませんので教えていただけないでしょうか。
初心者で申し訳ございません。
この↑コメントはこちらになります。)

もちろん初心者の方に来ていただいてよいのです^^

最初は誰でも初心者なのですから。

「申し訳ございません」という言う必要なんかありませんよ(^v^)


さて、ご質問にお答えしていきますね。

まず、この方のブログを拝見しますと

川上雄大のワンポイントレッスン

となっていて、

[マイページ]-[デザインの変更]で、「ウッドデスク」が選択されています。

川上雄大のワンポイントレッスン

こういった既存のアメブロが用意してくれているデザインでは、

CSSの編集ができない

のです。

(CSSって?という方は、『投稿したブログのHTMLソースを見るには』をご参照ください)

では、CSSの編集をするにはどうするのか?
というと、

『CSS編集用デザイン』にしなければなりません。

ただし、すでに既成のデザインを選択している場合は、今までのアメブロで設定してあったサイドバーの配置など、設定が初期化されてしまいますので、注意が必要です!

そう、一気に殺風景な感じになってしまいます^^;

そこからコツコツとカスタマイズしていく、ということになるのです。


・・・で、どのように『CSS編集用デザイン』を選択するのか、というと

「カスタム可能」をクリックして、

川上雄大のワンポイントレッスン

「カスタム可能」デザインの中から、『CSS編集用デザイン』を選択します。
(2016年1月ではココにあります。)

川上雄大のワンポイントレッスン

すると、「適用中のデザイン」が『CSS編集用デザイン』になり、
ようやく[CSSの編集]をクリックすることができます。

川上雄大のワンポイントレッスン

[CSSの編集]をクリックすると、下の方にCSSソースが表示され、編集することができるようになります。

川上雄大のワンポイントレッスン

CSSソースを一番下にコピー&ペーストしてください、と言われたら、この欄(↑)の一番下にしてあげます。


さきほども書きましたが、一気に殺風景なデザインになってしまいますので、

すでに、アクセスアップに成功しているアメブロであれば、別アカウントを作って、そちらでアメブロカスタマイズの練習をされてみてはいかかでしょうか?


また、アメブロが用意しているデザインを季節ごとに変えていきたい、だから、既存のデザインでカスタマイズしたい、という方は、

[CSSの編集]をクリックする

をせずに、

「マイページ」の「フリースペース編集」で、CSSを書かれるとよいです。
(例えば、こちらの記事『「カスタム可能」でないデザインでメニューバーを設置するには』のように)
フリースペース編集は、マイページの右上(歯車の隣にある)三本線の中にあります。



以上、「CSSの編集」をクリックするとは、でした。

LIDS澄川・ライフデザインスクール
川上 雄大