こんにちは。
『やさしいブログの作り方』の松田です。
サイドバーのフリースペース欄には自分が伝えたいことやお知らせなどを自由に記載できます。
お店をやっている方であれば、営業情報。
教室をやっている方であれば、レッスンの予定。
などなど。
あと、お客様とのツーショット写真を並べるなんてこともありですね。^^
いずれにしても何かをお知らせしたい内容を載せる場合、ちょっとした「お知らせ枠」があると目に留めてもらいやすくなります。
例えばこんな感じ。
![](https://stat.ameba.jp/user_images/20140930/10/amecafe2011/71/6e/p/o0229069913082853359.png?caw=800)
こういったお知らせ枠を簡単に作る方法をご紹介しますね。^^
![やさしいブログの作り方](https://stat.ameba.jp/user_images/20150908/01/amecafe2011/28/b8/j/o0720054513418872343.jpg?caw=800)
まずこちらのサイトにアクセスします。
【1】見出し欄はお知らせ枠の上部に表示されるタイトルです。
12文字程度を目安に自由に入れて下さい。(それ以上でも入りますが、二段になるので体裁は悪くなります。)
見出しが要らない場合は省略も可能です。
【2】サムネイル画像のアドレスには、表示させたい画像のアドレスを入れます。
![やさしいブログの作り方](https://stat.ameba.jp/user_images/20150908/14/amecafe2011/f1/f4/p/o0593045713419209658.png?caw=800)
ブログに貼り付けられている画像の上で右クリック→「画像URLをコピー」を選択し、作成サイトのサムネイル画像のアドレス欄に貼り付けます。
インターネットエクスプローラの場合は、画像の上で右クリック→「プロパティ」を選択し、開いたウインドウの中に表示されている画像のアドレスをコピーしてください。
【3】枠の色は選択肢の中から自由に選びます。
白背景のブログで枠線を白にすると見た目上枠なしのように見えます。
【4】リンクするテキストは自由に設定できます。(長文可)
基本的には、表示させたい記事の記事タイトルをそのままコピーして使うとわかりやすいです。
また、リンクはサムネイル画像にも付きますので、テキストのリンクが不要な場合は省略可能です。
【5】リンク先のアドレスは、記事の固有アドレス(entryを含むアドレス)を指定するのがベターです。
表示させたい記事を開いて、その記事の記事タイトルを右クリック→リンクアドレスをコピーしてリンク先のアドレス欄に貼り付けてください。
以上5つの項目を埋めて「タグを発行する」をクリックすると、表示に必要なタグが出てきますので<div style~から</div>までをコピーします。
そしてフリースペースの編集画面(https://blog.ameba.jp/ucs/profile/srvprofileupdateinput.do)を開いて、お知らせ枠を表示させたい位置にタグを貼り付けて保存すれば完成です。
![やさしいブログの作り方](https://stat.ameba.jp/user_images/20150908/01/amecafe2011/2a/d1/j/o0531048613418872341.jpg?caw=800)
お知らせ枠は複数表示させることもできますので、固定メニューやキャンペーン情報などの告知にお使い下さい。^^
よろしければ動画解説もどうぞ。
最後までお読みいただきありがとうございました。
『やさしいブログの作り方』の松田です。
サイドバーのフリースペース欄には自分が伝えたいことやお知らせなどを自由に記載できます。
お店をやっている方であれば、営業情報。
教室をやっている方であれば、レッスンの予定。
などなど。
あと、お客様とのツーショット写真を並べるなんてこともありですね。^^
いずれにしても何かをお知らせしたい内容を載せる場合、ちょっとした「お知らせ枠」があると目に留めてもらいやすくなります。
例えばこんな感じ。
![](https://stat.ameba.jp/user_images/20140930/10/amecafe2011/71/6e/p/o0229069913082853359.png?caw=800)
こういったお知らせ枠を簡単に作る方法をご紹介しますね。^^
![やさしいブログの作り方](https://stat.ameba.jp/user_images/20150908/01/amecafe2011/28/b8/j/o0720054513418872343.jpg?caw=800)
まずこちらのサイトにアクセスします。
【1】見出し欄はお知らせ枠の上部に表示されるタイトルです。
12文字程度を目安に自由に入れて下さい。(それ以上でも入りますが、二段になるので体裁は悪くなります。)
見出しが要らない場合は省略も可能です。
【2】サムネイル画像のアドレスには、表示させたい画像のアドレスを入れます。
![やさしいブログの作り方](https://stat.ameba.jp/user_images/20150908/14/amecafe2011/f1/f4/p/o0593045713419209658.png?caw=800)
ブログに貼り付けられている画像の上で右クリック→「画像URLをコピー」を選択し、作成サイトのサムネイル画像のアドレス欄に貼り付けます。
インターネットエクスプローラの場合は、画像の上で右クリック→「プロパティ」を選択し、開いたウインドウの中に表示されている画像のアドレスをコピーしてください。
【3】枠の色は選択肢の中から自由に選びます。
白背景のブログで枠線を白にすると見た目上枠なしのように見えます。
【4】リンクするテキストは自由に設定できます。(長文可)
基本的には、表示させたい記事の記事タイトルをそのままコピーして使うとわかりやすいです。
また、リンクはサムネイル画像にも付きますので、テキストのリンクが不要な場合は省略可能です。
【5】リンク先のアドレスは、記事の固有アドレス(entryを含むアドレス)を指定するのがベターです。
表示させたい記事を開いて、その記事の記事タイトルを右クリック→リンクアドレスをコピーしてリンク先のアドレス欄に貼り付けてください。
以上5つの項目を埋めて「タグを発行する」をクリックすると、表示に必要なタグが出てきますので<div style~から</div>までをコピーします。
そしてフリースペースの編集画面(https://blog.ameba.jp/ucs/profile/srvprofileupdateinput.do)を開いて、お知らせ枠を表示させたい位置にタグを貼り付けて保存すれば完成です。
![やさしいブログの作り方](https://stat.ameba.jp/user_images/20150908/01/amecafe2011/2a/d1/j/o0531048613418872341.jpg?caw=800)
お知らせ枠は複数表示させることもできますので、固定メニューやキャンペーン情報などの告知にお使い下さい。^^
よろしければ動画解説もどうぞ。
最後までお読みいただきありがとうございました。
お知らせ
ご登録頂くと、もれなくLINE@スタートアップセミナーをプレゼント!
やさしいブログのLINE@のご登録はこちらから
これからブログを頑張っていきたい! まずは基本から。
やさしいブログづくりのための、やさしいメール講座
ブログが持つ魅力や可能性を私の言葉で綴りました。
書籍はこちらのオンラインショップのみで販売中です!
やさしいブログのLINE@のご登録はこちらから
これからブログを頑張っていきたい! まずは基本から。
やさしいブログづくりのための、やさしいメール講座
ブログが持つ魅力や可能性を私の言葉で綴りました。
書籍はこちらのオンラインショップのみで販売中です!