アメブロをカスタマイズした無料テンプレート「CAT」を配布します。
- アメブロを使っているけど、カスタマイズが苦手
- でも、他の人とは違うテンプレートを使いたい！
- HTMLとかCSSとかよく分からない!
- アメブロのアクセスをもっと増やしたい！
- 有料みたいなブログテンプレートをアメブロで使ってみたい！
という方のために作りました。
テンプレートは2016年の新CSSの最新版「タイル版CSS編集用デザイン」を使用しています。
2016年に発表されたアメブロの新CSSはアップデートされたりで不具合が出るため、2017年からはバージョンを変更しました。
よりカスタマイズしやすい形に変更いたしました。
まずは、カスタマイズサイトを見てもらったほうがわかり易いので見てください。
アメブロ無料テンプレートCATの７つの特徴
今回作ったアメブロのテンプレートの特徴は全部で７つあります。
- ヘッダー
- グローバルメニュー
- サイドバー
- 人気記事
光る読者登録ボタン←廃止- 見出し
- リスト機能←2017年追加
- プロフィール画像拡大←2017年追加
この７つをオリジナルに変更しています。
ちなみにリスト機能というのは、今７つの機能を書いた「・・・」のことです。
超初心者でもできる動画でのカスタマイズ
このテンプレートは自分でも驚いていますが、ありがたいことに毎日沢山の方にダウンロードされています。
公開した2016年は、カスタマイズ記事だけでは1部分が分からなくてストップしてしまい、結局やっぱ辞めてしまったというメッセージを何件か頂きました。
「超初心者にはハードルが少し高い・・・。」という声が多かったため、超初心者でもできるように動画を作成しテンプレートも変更いたしました。
2017年版では、動画を見ながらやっていただければ確実に1時間でカスタマイズが完成するというようになっています！
なんで無料なの？
公開した時から気軽に皆に使ってほしいなと思って無料にしたのですが、インターネットが怖いという方もまだまだ多いです。
私自身パソコン教室を経営しているにも関わらず、メッセージ頂くまでこの点についてはそこまで考えていなかったです。
- これ本当は有料ですよね？
- 後で高額請求されないですか？
- クレジットカードがばれないですか？
などなどメッセージ頂きましたが、そんなことは一切ないです。
無料の理由としては、単純に私が「アクセスを増やしたい」「集客出来るようなブログを作りたい」と悩んでいて作りました。
そして、実際にすごく効果があったので、もしあなたが同じ悩みがあるならば使ってほしいと思って公開しました。
なので、どちらかというと趣味でブログやっているというよりは、完全に個人事業主の方に向けのデザインになっているはずです。
でも、私が趣味でブログやっていたころも「アクセス増やしたい！」と思っていたので、そう思っている方に使ってほしいです。
完全無料で配布している代わりのお願い
完全無料で使っていただく代わりと言っては何ですが、Youtubeを現在配信しておりチャンネル登録をお願いしたいです。（お願いなので登録しないと使えないということはしておりません。）
横幅いっぱいの大きなヘッダー
ヘッダーは横幅全開に設定してあります。
もちろん、ブラウザのサイズを縮めた場合も、一緒にサイズに合うように小さくなります。
大きなヘッダーを表示できるため、ブログを開いた瞬間にサイト内容を一発で伝えることができます。
そのため、ヘッダーは1500×300のサイズで、ご自身で用意していただくようになります。
迷わないグローバルメニュー
アメブロは最初からグローバルメニューは付いていません。
そのため、カスタマイズしてつける必要がありますが、このテンプレートでは最初からグローバルメニューが設定してあります。
「メニュー１」から「メニュー５」は自由に変更することができます。
もちろん、好きなページを設定することができるので、見て欲しいページを簡単に設定できます。
オリジナルサイドバー
サイドバーのデザインを見易いように変更しています。
ブログを運営するには、見易いデザインというのは重要な部分です。
そのため、読者にもわかり易く、見易い文字の大きさに変更してあります。
人気記事の表示
人気記事の一覧が表示できるように設定できます。
ブログを運営する際に、人気記事一覧がサイドバーにあることにより、読者がより多く記事をみてくれます。
人気記事一覧はアメブロのテンプレートで設置してあるのはないので、他との違いができます。
しかも、アクセス数順というわけでなく、自分の好きな記事を自由に設定できるので、見て欲しい記事に誘導することができます。
もちろん、必要の場合のみ追加になっているので、必要ない場合は表示されないです。
読者登録ボタンをが光る
[colwrap] [col2]
[/col2] [col2]
[/col2] [/colwrap]このように、ボタンを押そうとすると光るように変更してあります。
デモサイトを見てもらうと、よく分かると思います。
かなり目立つようになっているので、読者登録をしてもらい易いです。
オリジナル見出しデザイン
ブログは見出しのデザインが重要です。
デフォルトでは何も設定していなかったので、見出し２から見出し４までわかり易いタグをつけることができます。
見出し３に限っては、このブログでも見出しとして使っているのをそのまま使いました。
見出しの使い方は
<h2>見出し２</h2>
<h3>見出し３</h3>
<h4>見出し４</h4>
このように記事を書いている時に「見出し」の文字を変えるだけで、それぞれ変更することができます。
新エディタを使っている方は、見出しの項目を選べばそれでも使えます。
見出しを上手に使うためには「見出しの構成を考える」をよく読んで使ってみてください。
アメブロテンプレート「CAT」のダウンロード
アメブロテンプレートCATのカスタマイズ方法
下記の記事で動画にて解説しています。
[kanren postid=”3504″]