アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦! -75ページ目

【ブログ】新しい記事投稿画面ができます・・らしいです

スタッフブログ・・

【ブログ】新しい記事投稿画面ができます



・タグの自動補正

・・・大丈夫かな?いままでも勝手に余計なタグをおせっかいにも付けられちゃっているし・・


・記事復元機能(ブラウザが強制終了した場合、書いた記事が残ります)

・・・便利かも?記事書いている最中に参考のため別のページを開いたら同窓で開いて書いていた記事が消えちゃったなんて何度も経験していますので・・





で・・


前の記事でも書いていますが・・画像フォルダ・・・


2つもいらないです!


また・・ できれば以前のようにページ全部を選択できるようにしていただきたいです

わたしの場合・・説明画が多いのでいちいち使う画像全部にチェックするのは面倒なんです

ページ全部を選択できれば使いやすくなるのですが・・

ついでにアップした順番で画像フォルダに入るように戻していただきたい・・

説明画って順番があるから順番が狂っちゃうとすごく辛いものがあります




あと・・記事にロックボタンなんか付けてくれると助かるんですが・・

わたしの場合・・何日もかけて記事を書いたり・・

同時にいくつかの記事を書いていたりする場合があって・・

完成までアップできないわけで・・

うっかり 「全員に公開」 ボタンを押すんじゃないかっていつもヒヤヒヤもんなんです・・

ロックボタンなんか付いていれば安心していられるんですがね・・

どんなもんなんでしょ?

やっぱりコメントは閉じさせてください・・

コメントの対応に追われて記事がかけません・・

本来なら今日最後の記事を書いて・・

今頃はみなさまのパソコン上で自分のブスキンをさわってもらっているはずだったのですが・・



回答するのに精一杯で・・



なんか・・

同じような内容だったり・・

すぐに調べられる質問だったり・・

マジで疲れちゃいました



あわててやっていたので記事も間違った画像で説明作っちゃって・・

最初からやり直しますのでお待ちください



て~ことで

またコメントは閉じさせてください・・

アメばた会議もいまはメチャクチャなことになっていますので

「そちらで質問下さい」なんてことも書けませんし・・


「グルっぽで質問下さい」も・・他の方に面倒を押し付けちゃうようで書けません・・


検索すれば大抵はわかると思いますので・・検索下さい





あと・・アメブロさ~ま・・・

以前CSSスキンヘッダ・背景用画像置場を作ったときに記事にしましたが・・

普通の画像もソコへアップして画像が5枚しか使えないって思っている方が多くおられますよ・・

やはり・・画像フォルダを2つも作るべきではなかったんじゃないですか・・・



説明書やヘルプを見なくても初歩的なことは出来るようにすべきなんではないでしょうか?

画像をアップするなんて初歩の初歩です・・

それを勘違いさせるような作り方をした事は間違いだったと思いますがどうでしょうか?


上でも書いていますがアメばた会議の荒れよう・・

街の落書きと同じでほおっておいたら大変なことになりますよ

ピグで金儲けをしている間にブログからみなさまが離れて行ってもしりませんよ・・・

CSS オフラインでスキンをテスト2

[CSSの保存]


CSS オフラインでスキンをテスト1

NoEditorはインストールできましたか?

すでにwindowsに標準で付いている「メモ帳」以外で

インストールされて使われているエディターがある場合はそれを使ってください




ではデスクトップのショートカットをクリックして立ち上げます


アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!



まずは・・・CSSを保存します


デザインの変更→スキンCSSの編集
http://blog.ameba.jp/ucs/editcss/srvcssupdateinput.do




アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!


CSSをコピーします


アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!



NoEditorに貼り付けます


編集 → 貼り付け

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!



CSSが貼りつきました


アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!


前回デスクトップに作ったアメブロ用フォルダに保存します


ファイル → 名前をつけて保存

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!



CSSファイルの名前は後でわかるように日付(拡張子はCSS)にします

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!


ファイル名を 20100529.css とか付けたら・・

文字コードをUnicode(UTF-8 BOM有)にします

※他はそのままでも大丈夫です

文字コードが違うとあとで動作しなくなります



下で説明していますが エディタ設定 → 読込保存 で文字コードをUnicode(UTF-8 BOM有)が最初から表示されるようにもできますが・・・

たいていの場合は Shift_JISが多く使われますので変更しない方がいいと思います・・

また・・すでにUnicode(UTF-8 BOM有)で保存してあったファイルを開いたときはUnicode(UTF-8 BOM有)のままです

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!


デスクトップに作ったフォルダに保存します

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!


アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!


このまま保存しておけば・・・

ブログがおかしくなった場合に

デザインの変更→スキンCSSの編集
http://blog.ameba.jp/ucs/editcss/srvcssupdateinput.do

中を全部削除してこのファイルの中身をコピペで貼り付ければ保存した時点まで戻せます



また・・関連付けしておけばソースからCSSファイルをクリックで簡単に表示できますが・・

関連付けは人によって違いますので説明しません・・






少しだけ使い方・・・


CSSファイルを開くと・・自動でCSSに適した表示にしてくれます

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!



よくCSSのエラーで } が抜けているのがありますが・・

それも { にカーソルを置くと 対応している { と } が赤く表示されます

} がない場合は カーソルをおいたとこの { は赤くなりません 

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

赤くならないよ~って方、赤いのジャマって方・・・ 表示 → 括弧の強調





検索も「メモ帳」よりはるかに使えます・・


アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!


アイコンをクリックするたびに上や下を検索してくれます


アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

※隣の「置換」なんかもすごく便利なんです・・


いつまでも黄色じゃね・・・って~場合

検索 → 検索語強調表示の解除   または アイコンクリック

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!





また・・CSSの中に 全角のスペードが入っているとエラーになりますが・・

win付属の「メモ帳」では見つけることができません・・・


アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!



あと・・便利なのがCSSでは必要がありませんが・・


文字数のカウントや・・ ツール → 文字数のカウント


アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!


保存したときの大きさを計算してくれます 

ツール → ファイルサイズの計算


アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!



ついでに設定も・・・


ツール → オプション → エディタ設定


アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!


エディタ設定で 表示フォントや文字サイズを設定できます

見やすいフォント、サイズに変更ください

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!


あと・・エディタ設定 → 行折返 で・・行折り返しを画面右 (好みで設定ください)




IE(インターネットエクスプローラ)を使っている方は・・


他機能1

IEのソース表示に使用するにチェック

IEの画面上で右クリック→ソースの表示 で・・NoEditorが立ち上がってソースが表示されます


アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

すでにメモ帳以外が立ち上がるように設定されている場合はさわらないで下さい

設定した方に・・・ おこられちゃうかも?



ダイアログ (6/2訂正)

開くダイアログ と 保存ダイアログ どちらも すべてのファイルにしておきます


アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

すべてのファイル(*.*) を選択します

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!


右の↑をクリックさせてすべてのファイル(*.*) を一番上に移動させます

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

保存ダイアログの方もすべてのファイル(*.*) を一番上にしたら適用または設定

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

これで最初から全部のファイルが見えるようになります




追記・・6/1


よく使うアイコンをツールバーに設定します

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!


ツール → オプション → ツールバー設定

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!


まずは今あるアイコンを減らさないと入りませんので使わないであろうと思われるアイコンをドラッグして消します

※機能が使えなくなるわけではありません・・メニューから選択できます

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!


そしたら・・

便利だと思われるアイコンをドラッグで設置します

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!


わたしは「名前をつけて保存」「やり直し」と「やり直しのやり直し」を加えました・・・

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

間違ったら デフォルトに戻す で・・最初の状態に戻りますのでもう一度やり直してください





つづきます・・・・



アメブロはUTF-8 って覚えておきましょう・・・



CSS オフラインでスキンをテスト1

CSS オフラインでスキンをテスト3

CSS オフラインでスキンをテスト4