ダッシュボード  「ブログエディタがより書きやすくなりました」＞ 記事を書く

①.カテゴリーの選定　下向▽をクリック

②.公開設定

③.フォロワー様通知設定

④の上に記事のタイトル

④.画像などの挿入選択と下線部が本文

⑤.プレビュー・更新と保存

”あ”と”い”の「 ＞ 」マークで④⑤に行ったり来たり。使い方のナビゲーションをしているようですね。ヘルプの様なことかもしれません。

右側にあったものが上に移動した感じですね。使ってみた感想はカテゴリとか忘れず最初に入力できる感じがいいかもしれないですね。設定がコンパクトになっているので文章を書くのに集中出来る感じがします。これは、好みの問題で意見が分かれそうですね。こういったものは慣れが重要なので慣れるまではぶータレたくなりそうです。酷く何か新しくなってるわけじゃなく縦軸と横軸が変化してるかんじでなので慣れてしまえば確かに使いやすいかもしれません。

行間が扱いやすくなったかもしれません。切り取り+ペーストで切り取った後、画像の行間の動きが早かったです。前のは編集画面での行間がプレビューより広いから変な感じを受けていました。こちらは切り取り後の動きが反応いい感じがありました。

④の”＋”の反対側にごみ箱マークが出て来ますよ！必要性は・・・？だけど新しい動きです。

新型エディタは現在ベータ版

ベータ版と書いてある場合は「まだ実践テスト中」と言う意味合いがあります。正規版寸でのプロトタイプとでも言いましょうか・・・実践テストで起こりうる不具合の色々を観察・検証したりユーザーの質問や話題、意見やクレームを通して検討されて完成版がリリースされます。ベータ版と書いてある時は多少の不具合や問題・スムーズで無い事が起こりうる可能性がある事を頭の隅っこにいれておくと私のようなポンコツは慌てなくて済みます。ポンコツでなくても始めたばかりの時はちょっとした事に感情的になりやすい(ん”！私だけ？)のでベータ版は仕方ないと覚えて下さね。

写真加工

画像の購入

画像素材のサイト

等の紹介をしています。

これは [HUE/360] という色見本のサイトです。

A左下の四角内下向き▼をクリックして「 RGB 」を選択します。

Bの領域で適当にいいな！と思う色を適当にクリックすると下部の四角で囲った部分の様に選んだ色がを見る事が出来ます。

Cはカラーピッカーをクリックしてマウスを色の上にあてた状態

Dクリックするとこのように色番が確認できます。

①で＃ff004c となっています。これをコピーして貼り付けたら色番を利用出来ます。

これは色合いを見る事が出来るサイトですがここで最初のメイン・サブカラーと3色位選びます。文字色もB領域の左側で暗さも考慮して色を選ぶことが出来ます。

色は3色位で抑えましょう。他に白や黒と言ったベースに利用する色があるので色が多過ぎると見難く疲れるホームページになってしまいます。それでも色が必要な時は3色の中から選んだものより薄い又は濃い色で余り疲れないサイトを目指しましょうね。

私が色を決める時もう一つ利用しているサイトを紹介します。

「 WEB色見本 原色大辞典 - HTMLカラーコード 」があります。これは色番号が書いてあるのでそのままコピーして利用出来ます。

気に入った色番後の上をクリックすると全画面が色番の色に変わり濃い色や同色明るいなどが小さいですが見る事が出来ます。これだとカラーピッカーは必要ないです。

色とフォント

色とフォントは使っているブラウザ・パソコンメーカー・OSによって今自分が見ている色やフォントが必ず反映されるわけではありません。ここのパソコンにより色設定が違いますし、フォントもOSバージョンなどで入っているフォントが違うので絶対に同じとは限りません。Ameba Ownd の様なビルダーと言うかCMSでは、その指定に一番近い物を勝手に選択して表示しますので文字が見られないこととは違います。

COLOR：ベースの色調（パソコンの色調）により自分が選んだ色番が再現されます。同じバージョンやパソコンでも個人で色の設定をしているとそれだけでも違います。

FONT　：書体はOSやそのバージョンで入っているフォントが違います。

ですので、自分が設定した物を必ず閲覧者に再現しているとは言えないのです。それでも私は自分の好きな色を選び設定します。というのも自分がサイトを更新したりする時少しでも自分好みの方が自分が楽しいからです。

この設定だけで満足できない時は「カスタマイズ」でCSSコードを入力して設定するの事も出来ます。話がちょっと高度な感じになりました。が、後半は「ふ～ん」位で聞き流して下さいね。

＊CMSとはコンテンツマネジメントシステムの略です。代表的なのは「WordPress ・jimdo」等があります。HTMLコードなどを意識しないでもサイトが構築できますよ的な感じです。

カラーピッカーというアプリがあります。これはネットを見ている時素敵な色の字・背景を見つけたら画像②の左側カラーピッカーをクリックして見つけた色の色番を知りたい時に便利です。

カラーピッカーの機能を利用して色番を見つけたらその色番をデザイン変更、カラーセットで個別指定する時”そもそも色番が分かんないじゃん！”の強い味方！

無料だし意外に便利なので拡張機能として以下の方法で利用します。

これはインタネット検索エンジンGoogle Chrome(グーグルクローム)です。クロームで説明します。

①のマークをクリック

①-1その他のツールにマウスをあてて

①-2拡張機能をクリックします。

②拡張した機能のマークです。

拡張機能が出て来ました。私はウィルスバスターとカラーピッカー、ピンタレストが設定してあります。

①「他の拡張機能を見る」をクリックGoogleプレイストアの様にアプリが取得できます。左の上に検索窓がありますので「カラーピッカー」と入力検索してカラーピッカーを利用出来るようにします。検索したら3個位ありました。どれでも構わないので一つ入れましょう。

上の画像は先ほどのデザイン変更の画像です。②と③を解説していきますが、③の「+」マークをクリックすると次の画像になります。

A画像黒い囲い部分①と②をみて下さい。私が選んだ「SUGAR」というデザインテーマは4色のカラーセットが準備されています。４色のカラーセットを其々選択して比べてみました。「個別に設定」で細かなセット内容も見る事が出来ます。

カラーセット

①.カラーセットは基本的にそのデザインテーマに合うだろう色バランスで配色された提案なのでそのまま使えばいいという事が言えます。無難で小綺麗にまとまってますね。

個別に設定

②.個別に設定では、カラーセットのままだと綺麗に決まり過ぎて無難すぎる気持ちにもなりますよね。ピンクが好き！赤が好き！ブルーがいい！好みもありますしもっと色を取って白黒のイメージがいい等。そんな時にこの個別指定を利用します。

③リセットと保存
リセット：初期設定の色のままにする
保存：変更した色に決定します。

やり方

①.クリックで②がポップアップします。

矢印の②は拡大図です。其々①クリックして②の左半分部分の好きな色部分をクリックすると色を決められます。右下の「＃333333」は初期設定の色の色番号です。

色を決めたらA,B,C,D画像の③、リセットで変更取りやめ・保存で変更を選択してクリックする事で決定します。

そもそも色はどうやって検討するか？という問題も残ります。

長くなるので豆知識3で紹介します。

色合いを検討する1

ネットの中には色々なホームページがあります。気になる色を見つけた時色番号を確認できるカラーピッカーについて書いています。

色合いを検討する2

色のバランスを見る為のサイトを紹介しています。

デザインテーマ変更

①.デザインテーマ画像・デザインテーマ名をクリックして下さい。②～④部分に選択肢が出て来ます。右側のプレビューで確認しながらデザインテーマを決めたら下部リセット・保存を選択してクリックでデザインテーマは変更されます。

リセット：デザインテーマに戻ります。
保存：新しいデザインテーマに変更されています。

変更の場合は多少時間がかかる事があるかもしれません。それは既にアップロードした画像や記事が多い場合です。

フォント・サイト名・サイトの説明・サイトアイコン

④フォント ＞をクリックするとデザインテーマ同様①～④の位置に選択肢が出て来ます。可愛いフォントやカッコいいフォントなど27種類くらいから選択して下部のリセット・保存ボタンクリックで変更します。

④.ダッシュボード＞設定＞基本設定でも変更が可能です。INDEX 7-1サイト名を決めるでも説明したかと思いますが同じ設定でどちらでも変更できます。

デザイン変更で出来ることは次の記事で説明する②・③の項目がメインとなります。ホームページ全体の色を変更します。

デザインテーマは変更が可能ですが、早めの段階で決めた方が良いかもしれません。デザインにより見え方が変わるだけで書いた記事がなくなるわけでなく見せ方が変わるだけです。微妙な調整が必要になる場合もあるかもしれません。本文スペースの横幅がデザインテーマによって違うと言う事があるので確認が必要で沢山のページがある場合は確認が大変になる事があると思われます。

INDEX　デザイン変更

4-1デザインテーマ・フォント・サイト名・サイト説明・サイトアイコン

4-2カラーセット・個別に設定

ダッシュボード＞ブログ管理＞ブログカテゴリ

カテゴリは記事を書く時にも追加できる事は既に書きました。ブログカテゴリではカテゴリを管理します。カテゴリが並んでいます。

①.カテゴリの追加。窓に文字入力して右側のグレーのボタンで追加。

②.既に登録したカテゴリの上にマウスを乗せた状態です。

③.編集とゴミ箱マークがありますので必要に応じてクリックします。

④.ハンドル。ページ編集でも出て来ましたがこのマークをマウスでクリックしたままマウスを動かすことでカテゴリの並び順が変更できます。

⑤.そのカテゴリーに登録した記事の数です。

POINT

記事を書くで出来るのはカテゴリの追加だけです。編集の途中でカテゴリが必要になる度カテゴリ管理に行かないといけないのでは効率が悪いです。「記事を書く」でカテゴリは追加のみ。追加したカテゴリは関連した物が近くにある方が都合がよく扱やすいですよね。誤字の編集などそ管理出来ます。

カテゴリの分類で投稿一覧を呼び出しています。投稿一覧は閲覧者が関連した記事を探す為にとても重宝なアイテムです。きちんと理解して利用しないと閲覧者が困惑します。お店の中でお客様が迷子になるような状況は好ましくないですよね。聞かなくてちゃんと誘導して寛いでもらうのがお店の役目です。混乱しないように整理してカテゴリを追加して誘導しましょう。