みんカラガイドのブログ一覧

2017年12月13日（水）にリリースした、新しい「リッチ編集機能」の使い方を説明します。

「リッチ編集」は、文字の装飾や画像の挿入など、記事の編集に便利な機能です。

リッチ編集を利用するには、ブログの編集画面から [リッチ編集] ボタンを押します。


リッチ編集画面が表示されます。尚、通常編集に戻りたい場合は、[通常編集]ボタンを押せば、入力内容を保持したまま画面が切り替わります。


リッチ編集では、実際に表示される記事のレイアウトを確認しながら編集することができます。

ご注意

・推奨ブラウザは、Windows : Internet Explorer8以降 , Google Chrome最新版 , FireFox最新版 , Mac : Safari最新版 , Google Chrome最新版 , FireFox最新版 です。

・ご利用中のブラウザによっては使用できない可能性があります。

・通常編集からリッチ編集に切り替えると、Internet Explorerで文字の装飾が崩れる場合がありますので、その場合は、他のブラウザの使用をご検討ください。

それでは実際に文字の装飾や画像の挿入を試してみましょう。

今回は、下記の文章を装飾してみることにします。

みんカラでブログを編集するには、「リッチ編集」がお勧めです。
「リッチ編集」を使って記事を装飾するには、
こちらの説明書をご覧ください。

■画像の挿入方法
　ここでは例として、「みんカラ」の文字の後にみんカラのロゴ画像を挿入してみます。

１．まず、挿入する画像のサイズを指定します。初期設定では、横幅が最大サイズの
　　500pxとなっています。


２．ここでは画像最大サイズを「100px」と入力してみます（特に画像サイズを
　　変える必要が無い場合は、初期設定のままにしておきましょう）。
　　次に画像を挿入したい場所 ( ここでは「みんカラ」の文字の後ろ ) に
　　カーソルを合わせ、アップロードした任意の画像をクリックします。


３．画像が任意の場所に挿入できました。


４．続いて、挿入した画像にリンクを設定したい場合は、画像をクリックして選択し、
　　[画像挿入]アイコンをクリックします。
　　表示された黒い入力フィールドのURL入力欄に、リンクさせたいURLを入力して、
　　入力フィールド内右下の「画像挿入」ボタンを押します。


■文字へのリンク設定方法
　　ここでは例として、「リッチ編集」の文字に、
　　みんカラ ( https://minkara.carview.co.jp ) へのリンクを設定してみます。

１．リンクを設定したい文字（ここでは「リッチ編集」）を選択します。


２．[リンク挿入]アイコンを押します。


３．リンクURL欄にリンク先のURL ( https://minkara.carview.co.jp ) を入力します。


４．[リンクを追加]ボタンを押すと文字にリンクが設定されます。


■文章の装飾方法
　　ここでは例として、「こちらの説明書をご覧ください。」を太字にしてみます。

１．「こちらの説明書をご覧ください。」を選択します。


２．太字ボタンを押します。


３．文字が太字になりました。


どうでしょうか？
文字だけの記事に比べると、装飾されたことで読みやすさも向上すると思われます。
ただし、あまり装飾しすぎると、逆に読みづらくなってしまうので、ポイントを絞るなど、全体のバランスを考えながらご利用ください。

最後に、その他のボタンの説明を以下に掲載します。

---

■ 各ボタンの説明

	太字	文字を太字にします。	さんぷる
	斜体	文字を斜体にします。	さんぷる
	下線	文字に下線を引きます。	さんぷる
	打消	文字を打ち消します。	さんぷる
	文字色	文字色を設定します。	さんぷる
	背景色	背景色を設定します。	さんぷる
	書式のクリア	文字書式をクリアします。
	左揃え	文字を左揃えにします。	さんぷる
	中央揃え	文字を中央揃えにします。	さんぷる
	右揃え	文字を右揃えにします。	さんぷる
	リンク追加	文字にリンクを設定します。	さんぷる
	リンク削除	文字のリンクを削除します。
	画像挿入	画像を挿入します。

今後ともみんカラをよろしくお願いいたします。

iPhoneから写真付きの記事をブログに投稿するには、みんカラモバイルの「メール投稿」機能を使用します。

モバイル版のブログ投稿ページ（写真参照）に表示される「メールでブログを投稿する」リンクをクリックすると、投稿用メールアドレスを宛先としたメール作成画面が表示されます。

この投稿用メールアドレスを一度、iPhoneの「連絡先」に登録します。その後、iPhoneの「写真」アプリから投稿したい写真を選択し、「写真をメール」をタップします。

メール送信画面となりますので、メールのタイトル（ブログタイトル）と本文（ブログ本文）を入力し、送信してください。


■ご注意
・投稿用メールアドレスはパスワード同様、絶対に他人に教えないでください。

投稿用メールアドレスを他人に知られてしまった場合、メールアドレスを変更することができます。その場合、古いメールアドレスは無効となりますのでご注意ください。

・写真の添付は1枚までで、本文やタイトルに絵文字は使えません。
・写真より後ろの文章は本文に反映されません。写真より前に本文をご入力お願いします。
・現在、ブログ以外の記事の写真（パーツレビュー・整備手帳・フォトギャラリーなど）をiPhoneから投稿することはできません。

標準で１枚追加できる写真以外を、きれいに貼りつける方法を説明します。

左の写真は通常のサムネイル写真です。
クリックすると大きくなって見やすいですね。






しかし、その他の大きい画像をいつものようにブログに貼りつけると…

▼画像のはみ出た分が見えなくなってしまします。


まず、はみでた部分を直したいと思います。
とはいっても原寸で表示させることは不可能なので、少し縮小して
表示させてみます。


通常の画像貼り付け

通常の画像貼り付けを行うと、ブログ投稿画面に以下のようなHTMLタグが出力されます。
このタグ自体に「横幅」を指定して小さくしてしまおう！ ということです。

修正前：

<img src='https://cdn.snsimg.carview.co.jp/cvmaterials/minkara/supportBlog/
stylesheet/samplePhoto/Lphoto_sample.jpg' border='0'>


修正後：

<img src='https://cdn.snsimg.carview.co.jp/cvmaterials/minkara/supportblog/
stylesheet/samplePhoto/Lphoto_sample.jpg' border='0' width="580" >


横幅を表す「width」タグに「580ピクセル」と入力してみました。
実際の写真は以下になります。

▼通常の写真　クリックできません


これだけではせっかく取った写真を大きく見せることができません。
ここでもうひと工夫して、「クリックしたら元画像が開く」ようにしてみましょう。

先ほど「width」を追記した「img」タグをドラックして、リンクボタンを押す。



▼クリックして拡大


拡大画像が開きました。

是非お試しください！

■ヘッダーの色を変更するには



「ヘッダーの背景色」の「カラーコード」をテキストボックス内に記入するか、
テキストボックス横にあるカラーピッカー（七色の丸）をクリックし、
お好きな色を選んでください。

変更を反映するにはページの下にある「保存」ボタンを押してください。
一度確認する場合はページ上に表示される「スタイルプレビュー」を押してください。



ヘッダーの色が変更されました。

■ヘッダー画像を変更するには



ヘッダー画像はアップロードをすると自動的に差し替えられます。
Windowsでは「参照」、Macでは「ファイルの選択」ボタンをクリックして画像を選択してください。
選択した画像を反映するにはページの下にある「保存」ボタンを押してください。

ヘッダー部分は大きさに制限があります。
あらかじめ高さ50～290ピクセルに合わせた画像をご用意ください。

制限内容
容量：200kb
横：930ピクセル
縦：50～290ピクセル

※横幅が930ピクセル以下の画像は繰り返して表示されます。

一度確認する場合はページ上に表示される「スタイルプレビュー」を押してください。



ヘッダー画像が変更されました。

■背景色を変更するには

「ヘッダーの背景色」の「カラーコード」をテキストボックス内に記入するか、
テキストボックス横にあるカラーピッカー（七色の丸）をクリックし、
お好きな色を選んでください。



変更を反映するにはページの下にある「保存」ボタンを押してください。
一度確認する場合はページ上に表示される「スタイルプレビュー」を押してください。



背景色が変更されました。

■背景画像を変更するには




最大容量：300KB以内
画像サイズ：1280×1280ピクセル以内



画像が変更されました。

背景画像の位置やリピートを選択することで色々な表現が可能になります。
ヘッダー背景色 変更テキストボックス横の「透過する」にチェックを入れ、
ヘッダー画像を設定しないでおくと背景画像に指定したものが透過されて表示されます。

例えば
背景画像に愛車の写真アップし、
「背景画像の位置」の「水平方向」の「中央」にチェック。
さらに「垂直方向」の「上」にチェックをいれ
「背景画像のリピート」を「しない」にチェックを入れ保存すると
ナビゲーションの下からぴったりくっついた様に表示されます。

こうすると実際の横幅よりも大きいヘッダー画像を表示している
ように表現することができます。