儲かるデザインに修正する! | 売上10倍事業戦略@実行中

儲かるデザインに修正する!

アメブロのテンプレートでよくない点はリンクの表示がわかりにくいデザインになっていることです。

デザインが分かりにくいと期待したアクション(商品購入など)を起こしてくれません。なので、ビジネスをやっている者としては、ポイントとなる部分は、かなり、気を使う必要があります。

たとえば、「Yahoo!」なら、すぐに、リンクとわかると思います。しかし、多くの場合、「Yahoo!」というような色遣いになっています。よく分かりません。マウス・カーソルを上に置くと分かるのですが、PC初心者にはそこまで期待できません。そして、PCに疎い人が多数派です。

修正方法は「CSSスキン」を変更すればOKです。詳細なやり方は、こちらを参照してください。→「記事内のリンクだけ青くするCSSカスタマイズ


それと、併せて2点、デザインを修正ししました。

1メッセージ・ボックスを全てのページに表示する。

念のために書くと、メッセージ・ボックスとはタイトルと記事の間にある下記のようなモノです。
true-メッセージ・ボックス

このメッセージ・ボックスはトップページにだけしか表示されません。アメブロの常連の読者さんなら、管理画面のチェックリストから訪問してくれる場合が多く、その場合、トップページではなく個別のページに来ます。なので、メッセージ・ボックスをみてない場合が多いのです。しかし、セミナーなどの期限がある告知は見て欲しいですよね。

2全ての記事の最後に、無料レポートなどの案内を入れる。

全ての記事の後ろに、↓こんなモノを設置しました。人気ブログランキングの投票ボタンなども置けます。
true-無料レポートの案内

こちらは、人気ブログランキング投票、無料レポート・メルマガの登録など、すへでの記事に追加するのが面倒な場合、役に立ちます。ブログ歴がながくて、記事か多い人ほど役に立ちます。勿論、変更もすぐにできます。


設置方法です。

1メッセージ・ボックスを全てのページに表示する。

全ページにメッセージボード設置しちゃおう

2全ての記事の最後に、無料レポートなどの案内を入れる。

記事枠の最後に入れる:JavaScript 記事下に定型文を自動挿入
記事と広告の間に入れる、ただし、広告が無い場合非表示:JavaScript 記事下に定型文を自動挿入2
記事と記事に間に入れる:JavaScript 記事下に定型文を自動挿入3


注意点

私のように、JavaScriptで複数のカスタマイズをしている人は、下記のリンク先ページに書いていることをしないと、最後のカスタマイズしか有効にならないようです。
記事下に定型文を自動挿入

更に、このカスタマイズはフリープラグインを使用するのですが、このフリープラグインは38,000文字しか入力できません。文字数をオーバーしたときの対処法があります。
フリープラグインのダイエット

そして、フリープラグインにどうしても収まらない場合、こちらの外部ファイルにJavaScriptを置くワザを使います。
JavaScript 外部ファイル化


JavaScriptやCSSには、慣れていないので疲れました。ドクロ


追記

次の記事(儲かるデザイン補足)に、レイアウトで多くの人が勘違いしている重要なことを書きましたので、是非、見てください。


コーヒー昨日の人気記事
1田渕さん乱入、takakoさん主催オフ会に
2iPhoneは任天堂のマネ?
3最初の10秒を改善する方法
4アクセス・アップの参考に
5携帯で人を月に送れる?

走る人ブログ記事一覧はこちらをクリック!