WEBデザイナーの正木啓です。
お仕事としてアメブロをやっているけど、まだカスタマイズにチャレンジしたことがない超初心者さん向けに、最低限やってほしい2つのカスタマイズをご紹介します。
ひとつは『ヘッダー&メニュー』
ここをカスタマイズするだけで一気に他とは違う個性を表現することができます。
アメブロでは様々なデザインテンプレートが用意されていますが、当然他の人も使っていますので自分のブログと同じデザインのブログが世の中にたくさん存在していることになります。
お仕事としてアメブロを活用とされている方は、お客様から選ばるためにブログを書かれているはずです。そのブログが他と同じようなものや個性が表現されていないのでは、お客様へ魅力が十分に伝わりません。
ヘッダーにはキャッチコピーや自分のブログのタイトルと共に、魅力を伝えるための写真を掲載しましょう。(基本的には商品や自分自身の写真を使うと良いでしょう。)
メニューには自分が売っている商品やサービスの詳細ページなどを設置して、販売ページが他の日記的な記事に埋もれないようにすることができます。
もうひとつが、記事最後に設置する『告知スペース』です。
こちらにも売っている商品や、集客したいイベントなどの記事を目立つように設置しましょう。
記事を読んでくださった読者の方が、商品やサービスなどに興味を持った時にすぐに情報を得られるように、毎回の記事に必ず入れておくのをおすすめします。
僕のブログの場合は以下のような告知スペースです。
■ オススメの記事
アメブロのカスタマイズとワードプレス制作を売っているので、その詳細がわかるページのリンクを設置しています。
このカスタマイズは超簡単ですので、ここでやり方も紹介させていただきます。
<告知スペースのカスタマイズ方法>
1. パソコンで記事を書いている時に[HTML表示]をクリックしてください。
2. 告知スペースを設置したい場所(記事の最後)に以下のコードをコピー&ペーストしてください。
<div style="background:#3cb37a; border:1px solid #3cb37a; padding-left:10px; font-size:1.16em;"><font style="color:#ffffff; font-weight:bold;">■ オススメの記事</font></div>
<div style="border:1px solid #3cb37a; padding:10px; font-size:1em;">
<div> </div>
<div>ここには記事のタイトルをいれてください</div>
<div><a href="リンク先のURLをいれてください" target="_blank">詳しくはこちら</a></div>
<div> </div>
<div>ここには記事のタイトルをいれてください<br>
<a href="リンク先のURLをいれてください" target="_blank">詳しくはこちら</a><br>
</div></div>
コードを設置した後に[通常表示]に変更して。
「ここには記事のタイトルをいれてください」という箇所と「リンク先のURLをいれてください」を自分で打ち変えてください。
カスタマイズの手順は以上になりますので、ブログを公開または下書き保存して表示を確認してください。
さらに細かくカスタマイズしたい方のためには、枠の色を変更したり形を変更したりする方法もありますが、今回は超初心者向けの記事ですのでこのくらいにしておきます。
いかがでしたでしょうか?
ここだけはやってほしい2つのカスタマイズをご紹介させていただきました。
あなたのブログが更に素敵になって、必要としている方へ届きますように☆
それでは、またお会いしましょう。