アメブロスキン制作サービス@シンクマックス

オリジナルデザインで印象に残るビジネスブログを作りましょう!

今回は、ブログのトップページを表示したときに、ヘッダと本文の間に位置する「メッセージボード」の編集方法についてです。
目立つ位置にあるため、ブログの概要を知らせる用途やイベントの告知など、お客様の誘導に一役買ってくれるメッセージボードを作って活用してみましょう。

- * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - - * - * - * - * - * -

1.メッセージボードの編集画面に移動しましょう
マイページ→ブログを書く→アメブロを書く→メッセージボード、をクリックして、メッセージボードの編集画面に移動します。

アメブロスキン制作サービス@エレファント-メッセージボード1

見た目は、本文の編集画面と同じです。

2.メッセージボードの編集をします
ブログの本文の編集と同じく、文字装飾や絵文字を使ったり、画像を貼り付ける、リンクをはることができます。
画像やリンクのはり方がわからない時は、「アメブロのはじめ方・使い方」インデックス から、知りたいことを探してみてください。

アメブロスキン制作サービス@エレファント-メッセージボード3

編集が終わったら、編集領域の下にある「公開」ボタンを押すと、ブログに変更が反映されます。


3.実際にブログに適用したところを確認します
普段ブログを書いているときと同じく、編集画面と実際はさほどの違いは出ませんが、改行位置や全体のバランス、本文とのバランスなどを見て、調整していきます。


アメブロスキン制作サービス@エレファント-メッセージボード2


- * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - - * - * - * - * - * -

メッセージボード自体の枠の大きさとデザインは、ブログスキンによって変わります。プレビュー画面なども利用して、見やすいメッセージボードを作ってみてくださいね。
いいね!した人  |  コメント(0)
サイドメニューに設置できる、名前の通りに自由に記述できる「フリースペース」は、ブログの補足情報などを載せておくのに便利な機能です。ビジネスブログなら特に使っていきたいこの機能の設定方法と編集方法について、解説していきます。

- * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - - * - * - * - * - * -

1.ログインしてマイページに移動し、サイドメニューを表示する

マイページ

2.サイドメニューの「フリースペース編集」を開く
テキストとリンクだけならこの編集画面でブログ記事と同じように記事を作っていけるのですが、画像がすんなり貼れないなど、少し機能が違っています。そのため、以下の手順で編集していきます。

フリースペース編集1

3.「ブログを書く」画面で、フリースペースの内容を書いていきます

フリースペース編集2

4.入力欄のすぐ上にある「HTML 表示」をクリックして、表示を切り替えます
テキストに色を付けた部分や画像が文字列になりますが、そのまますべてコピーします。

フリースペース編集3

5.メッセージボードの編集画面に移動して、コピーした文字列を貼り付けます
記事の編集画面からコピーしたものをそのまま貼り付けます。
この時、行の最後に <br> が付いている場合は削除してください。
終わったら、「保存」ボタンをクリックして保存します。

フリースペース編集4

6.ブログ上でフリースペースを確認します
フリースペースの位置を変更したい場合や、表示されていない場合は、マイページのサイドメニューを表示し、「配置設定」でフリースペースを表示させるようにします。

フリースペース編集5

フリースペースは特別に目立つ箇所ではありませんが、どの記事を表示しても表示される部分なので、設定しておくのがおすすめです。
いいね!した人  |  コメント(4)
ブログのサイドバーは、配置変更や表示項目の編集が可能です。デフォルトのままでも困らないと言えばそうですが、ビジネスブログを運営する際は、項目整理と配置変更をして必用な情報をわかりやすく見せることが大事になります。

- * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - - * - * - * - * - * -

1.サイドバーの配置を変更してみましょう
「マイページ」→「ブログを書く」と移動してサイドメニューを表示させ、「サイドバー」カテゴリの中の「配置設定」をクリックして配置設定画面に移動します。

アメブロスキン制作サービス@エレファント-サイドバー1

2.サイドバーの配置を変更してみましょう
配置は、ドラッグ&ドロップで設定可能です。今回は見本のブログが右サイドメニューのみの設定なので右側のみですが、左右や2段にメニューを配置するデザインの場合は、どちらに置くかも選択可能です。

まずこれがブログ上の現在の状態です。プロフィールの下にフリースペースがあります。

アメブロスキン制作サービス@エレファント-サイドバー2

配置の画面は以下のようになっています。
今回はフリースペースの場所に、「使用しない機能」に入っている「カレンダー」を移動させることにします。
(使用しない機能の方に移すと、ブログ上で非表示となります)

アメブロスキン制作サービス@エレファント-サイドバー3

プロフィールとフリースペースの間に、カレンダーを入れてみます。

アメブロスキン制作サービス@エレファント-サイドバー4

配置を変更したら保存ボタンを押して、ブログを確認してみましょう。

アメブロスキン制作サービス@エレファント-サイドバー5

カレンダーがプロフィールのすぐ下に来ています。

3.サイドバーの設定を変更してみましょう
サイドバーの配置以外に、表示そのもの(新着記事の件数表示など)を変更したい時は、「サイドバー」カテゴリの「設定・管理」をクリックして編集画面に移動します。

アメブロスキン制作サービス@エレファント-サイドバー6

これも、変更したら忘れずに保存しましょう。

- * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - - * - * - * - * - * -

サイドバーの設定・配置については以上です。どちらも、どうしても!という決まりごとはないですが、プロフィールはわかりやすい場所に置いておくと、初めて来た人に親切です。
自分がここを知らない状態で来た時に何が気になるか、何を知りたいかを考えつつ設定するといいかもしれません。
いいね!した人  |  コメント(0)
「ブログを始めてみたいけど」「アメブロは集客になると聞いたけど」、どうやって手を付けていいのかわからない、という方のために始めた、「アメブロのはじめ方・使い方」のインデックスです。
これがわからない!という要素をインデックスから探してみてくださいね。リクエストも受け付けています。


このシリーズの、特に初心者向けの内容+オリジナルコンテンツを追加した PDF がダウンロードできます。印刷して、手元に置きながらブログを開設して一通りの設定をしたい、という方にぴったりの内容ですので、よろしければ以下のリンクからダウンロードしてみてください。
【アメブロ初心者向け図解資料(PDF・無料)】


- * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - - * - * - * - * - * -

まずはアメブロを始めたい
■とりあえずアメブロに登録して、自分のブログスペースを作りたい
【初心者向け】アメブロの作り方・1(登録~作成まで)
http://ameblo.jp/amebaskin/entry-10531912342.html

■他のブログからアメブロにデータごと引っ越したい
【初心者向け】他のブログからアメブロに引っ越しする方法
http://ameblo.jp/amebaskin/entry-10871905554.html

■ブログタイトルと説明文、ニックネームの設定がしたい
【初心者向け】アメブロの作り方・2(ブログタイトル等の設定)
http://ameblo.jp/amebaskin/entry-10532857000.html

■ブログの外見を自分のお気に入りにしたい
【初心者向け】アメブロの作り方・3(カラムとスキンの設定)
http://ameblo.jp/amebaskin/entry-10537240783.html

■サイドバーの配置や表示設定の変更がしたい
【初心者向け】サイドバー・サイドメニューの配置・設定方法
http://ameblo.jp/amebaskin/entry-10707745496.html

記事を華やかに・わかりやすくしたい
■テキスト・絵文字にリンクをはりたい

【初心者向け】テキストにリンクをはる方法3ステップ (こんな感じでリンクを設定する方法)
http://ameblo.jp/amebaskin/entry-10562933306.html

■読者登録・ペタボタンなどを本文に貼り付けたい
【初心者向け】読者登録・ペタボタンをブログの本文中に入れる方法
http://ameblo.jp/amebaskin/theme-10022675185.html

■他のブログやサイトからの引用をわかりやすく表示したい
【初心者向け】本文中に引用部分を作る方法
http://ameblo.jp/amebaskin/entry-10853203646.html

■引用部分の外観を変えてみたい
【初心者向け】引用の外観をコピー&ペーストで変更する CSS
http://ameblo.jp/amebaskin/entry-10853250204.html

■本文にリストを使ってみたい
【初心者向け】本文にリストを入れてみる
http://ameblo.jp/amebaskin/entry-11017476799.html

■リストのマーカーの外観を変えてみたい
【初心者向け】リストのマーカーを変更する方法【CSS サンプルつき】
http://ameblo.jp/amebaskin/entry-11017567900.html

画像をきれいに貼り付けたい
■アメブロに画像を貼りたい
【初心者向け】ブログにパソコンに保存された画像を貼り付ける方法(その1)
http://ameblo.jp/amebaskin/entry-10565548051.html

■貼り付ける画像の大きさや位置をコントロールしたい
【初心者向け】ブログにパソコンに保存された画像を貼り付ける方法(その2)
http://ameblo.jp/amebaskin/entry-10577711309.html

■画像の大きさをきれいに変更(リサイズ)したい
【初心者向け】ブログにパソコンに保存された画像を貼り付ける方法(その3)
http://ameblo.jp/amebaskin/entry-10583850631.html

■画像にリンクをはりたい
【初心者向け】ブログにパソコンに保存された画像を貼り付ける方法(その4)
http://ameblo.jp/amebaskin/entry-10588714779.html

携帯電話から投稿したい
■携帯電話からメールで投稿・更新してみたい
【初心者向け】携帯電話からアメブロを更新する方法
http://ameblo.jp/amebaskin/entry-10591245196.html

メッセージボードやフリースペースの編集がしたい
■フリースペースに画像やリンクをはりたい
【初心者向け】フリースペースに画像を貼る方法
http://ameblo.jp/amebaskin/entry-10590419818.html

■メッセージボードの編集がしたい
【初心者向け】メッセージボードの編集方法
http://ameblo.jp/amebaskin/entry-10623155718.html

プロフィール(旧ルーム)の編集がしたい
■プロフィール画像の設定がしたい
【初心者向け】プロフィール画像の設定方法
http://ameblo.jp/amebaskin/entry-10689941958.html

■ルームの編集がしたい(基本・概要)
【初心者向け】ルームの編集方法について
http://ameblo.jp/amebaskin/entry-10706945181.html

ブログテーマの編集がしたい
■ブログテーマの追加・整理をしたい
【初心者向け】ブログテーマの追加・編集方法
http://ameblo.jp/amebaskin/entry-10642559518.html

■ブログテーマの削除がしたい
【初心者向け】ブログテーマの削除方法
http://ameblo.jp/amebaskin/entry-10789833737.html

■記事ごとにブログテーマの設定がしたい(新規記事・過去記事ともに対応)

【初心者向け】ブログテーマを記事ごとに設定する方法
http://ameblo.jp/amebaskin/entry-10648297974.html

記事を予約投稿・削除したい
■予約投稿がしたい(記事を公開する日時を指定したい)
【初心者向け】予約投稿の設定方法
http://ameblo.jp/amebaskin/entry-10670802272.html

■書いた記事を削除したい
【初心者向け】記事を削除する方法
http://ameblo.jp/amebaskin/entry-10675638033.html

アメブロ内外で交流・読者を増やしたい
■ペタのつけ方、管理方法が知りたい
【初心者向け】ペタのつけかたと管理方法
http://ameblo.jp/amebaskin/entry-10706793660.html

■読者登録をしてみたい
【初心者向け】読者登録のやり方と管理方法
http://ameblo.jp/amebaskin/entry-10706846341.html

■アメブロのコミュニティ、グルっぽに参加してみたい
【初心者向け】グルっぽの参加・管理方法
http://ameblo.jp/amebaskin/entry-10721278738.html

■ランキングの設定がしたい
【初心者向け】アメブロランキングの設定方法
http://ameblo.jp/amebaskin/entry-10721178299.html


アメブロメッセージの管理がしたい
■アメブロメッセージの管理・送信がしたい
【初心者向け】メッセージの管理と送信方法
http://ameblo.jp/amebaskin/entry-10701142514.html

アメブロのお知らせメールの送信先を追加・変更したい
■お知らせメールの受け取り先を設定・変更したい
【初心者向け】お知らせメールの送付先設定方法
http://ameblo.jp/amebaskin/entry-10690085856.html

■お知らせメールをパソコンと携帯電話、両方で受け取りたい
お知らせメールをパソコン・携帯電話両方で受け取る設定方法
http://ameblo.jp/amebaskin/entry-10690144456.html

フリープラグイン・CSS の設定方法が知りたい
■フリープラグインの設定がしたい
【初心者向け】フリープラグインの設定方法
http://ameblo.jp/amebaskin/entry-10683423560.html

■CSS の編集方法が知りたい
【初心者向け】CSS 編集が可能なスキンと、編集する場所について
http://ameblo.jp/amebaskin/entry-10852260181.html

Twitter を使いたい・活用したい
■Twitter をはじめてみたい
【初心者向け】Twitter の登録方法
http://ameblo.jp/amebaskin/entry-10720578895.html

■Twitter にアメブロの更新情報を自動で流したい
【初心者向け】アメブロの更新通知を Twitter に流す方法
http://ameblo.jp/amebaskin/entry-10867092294.html

■Twitter でフォローする人を検索して探したい
【初心者向け】Twitter プロフィール検索の使い方
http://ameblo.jp/amebaskin/entry-10867116425.html

サイドメニューにメールフォームを設定したい
■忍者メールフォームの登録・設置がしたい
【初心者向け】忍者メールフォームの登録・設置方法1(登録まで)
http://ameblo.jp/amebaskin/entry-10707869227.html

【初心者向け】忍者メールフォームの登録・設置方法2(設定・設置)
http://ameblo.jp/amebaskin/entry-10707880994.html

アクセス解析を設置したい■アメブロのアクセス解析の見方を知りたい
【初心者向け】アメブロ付属のアクセス解析の見方について
  http://ameblo.jp/amebaskin/entry-10867164372.html

■アクセス解析を設置したい
【初心者向け】無料アクセス解析(Google Analytics)の設置方法
http://ameblo.jp/amebaskin/entry-10720139877.html

■Google アカウントが作りたい
【初心者向け・番外編】Google アカウントの設定方法
http://ameblo.jp/amebaskin/entry-10721771686.html

■Google Analytics の解析用コードがわからなくなってしまった!
【初心者向け・番外】Google Analytics のトラッキングコードを確認する方法
http://ameblo.jp/amebaskin/entry-10720255479.html

アクセスランキングを設置したい
■サイドバーにアクセスランキングを設置したい(登録まで)
【初心者向け】アクセスランキングを登録・設置する方法
http://ameblo.jp/amebaskin/entry-10844697560.html

サイドバーにアクセスランキングを設置したい(外観の設定方法)
【初心者向け】アクセスランキングの外観を設定する方法
http://ameblo.jp/amebaskin/entry-10844838470.html

■アクセスランキングの URL をブログタイトル・サイト名に変更したい
【初心者向け】アクセスランキングの URL をタイトルに変更する方法
http://ameblo.jp/amebaskin/entry-10844939399.html

その他小ネタ・トラブル対処法
■編集している記事が消えないように、バックアップのすすめ
【おまけの小技】記事が消えてしまった!の防止方法
http://ameblo.jp/amebaskin/entry-10657598700.html

■ブログの本文が太字(ボールド)になって戻らない時の原因と対処法
【おまけの小技】ブログの本文が太字になって戻らない!時の対処法
http://ameblo.jp/amebaskin/entry-10688224586.html

■記事の保存がうまくできなかった時は
【おまけの小技】「保存ができませんでした」が出た時は
http://ameblo.jp/amebaskin/entry-11038734330.html


- * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - - * - * - * - * - * -

このシリーズの、特に初心者向けの内容+オリジナルコンテンツを追加した PDF がダウンロードできます。印刷して、手元に置きながらブログを開設して一通りの設定をしたい、という方にぴったりの内容ですので、よろしければ以下のリンクからダウンロードしてみてください。
【アメブロ初心者向け図解資料(PDF・無料)】

- * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - - * - * - * - * - * -

このブログが本になりました!

アメーバブログ完全活用マニュアル

 Amazon.co.jp: アメーバブログ完全活用マニュアル
 : 株式会社エレクトリック・ファントム: 本


 全国の大手書店でもお買い求めいただけます。
 これからブログを始めたいという方はもちろん、
 アメブロをやっているけど活用しきれていない、
 もっといろいろな機能を使いたい方にもおすすめの1冊です。

いいね!した人  |  コメント(2)
お客様より、「既存の記事を編集しようとしたら、保存ができませんでしたというメッセージが出てしまいました」という相談を受けました。このエラーは再現性が謎ですが、わりと出ることがあります。
こういった時の対処法について、解説していきます。

- * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - - * - * - * - * - * -

1.エラーメッセージを確認してみましょう
記事を書いて、「全体に公開」ボタンを押した際、時折、以下の画像のようなメッセージが出ることがあります。

保存できない1
「保存ができませんでした。下記のエラー内容をご確認ください。」

2.まずは、下書き保存をします
「閉じる」ボタンで開いたウィンドウもしくはタブを閉じて、ブログの編集画面に戻ります。

保存できない2
「全体に公開」の左にある、「下書き(非公開)」ボタンを押します。

3.「記事の編集」画面に移動して、記事を選択します
上のメニューより、マイページ→記事の編集から、ブログ記事一覧を表示します。

保存できない3

さきほど保存できなかった記事タイトルの左側にある、「編集」ボタンをクリックします。
下書き状態の記事は、太字やリンクがない、プレーンテキストになっています。

4.記事の編集画面から、「全体に公開」ボタンをクリックして公開します
記事の編集画面を開いたら、もう一度「全体に公開」ボタンを押して、公開します。この時、リアルタイムでも予約投稿でも作業は同じです。

保存できない4

5.公開できたことを確認します
「記事の公開を完了しました」というメッセージが出れば、公開完了です。

保存できない5

- * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - - * - * - * - * - * -

以上で完了です。
編集中に他のタブを開くとエラーになりがちですが、細かい条件はよくわかりません。とは言え、もし出てしまっても記事を消してしまう必要などはないので、あわてずに対処してみてくださいね。
いいね!した人  |  コメント(6)