アメブロdeアクセスアップ

すごいアメブロテンプレート アイキャッチ版の設定の方法 | アメブロのテンプレートやツールを使って、アクセスアップする方法やアメブロカスタマイズの方法をご紹介します。

すごいアメブロテンプレートのアイキャッチ版
設定の方法を解説しますね。

 

 

 

まず、下準備として必要なもの。

 

  • タイトルロゴ
  • アイキャッチの画像

 

 

このアイキャッチ版に関して言えば、
タイトルロゴが、一番上に設置するようになっています。

ブログの説明も、タイトルロゴの横に表示されます。

 

 

なので、ここで画像の作り込みが必要となってきます。

 

 

難しく考えなくても、大丈夫です。

 

アイキャッチの画像の部分に、
ブログのタイトルや、ブログの説明を置いても、かっこいいかも????

 

これは、後からでも変更が可能なので、
まずは、一番通常な方法で設置してみますね。

 

今回私がやったのは、ブログタイトルのロゴを作成して、
アイキャッチを、まず作りました。

 

 

hana作業手順

 

アイキャッチ版も、通常版も設置の方法は、同じです。
マニュアル通りでも、OKなのですが、
こっちの方が間違いがないかなぁ~と思ったので、
その方法を解説していきます。

 

 

CSSの変更の部分。

 

 

これに、まず画像をアップロードします。

 

必要な画像はここに、アップロードできるので、
今回は、タイトルロゴとアイキャッチの画像。

 

この二つを、アップロードしていきます。

画像のアップロード8

 

 

 

 

 

 

 

画像のアップロード画面

 

 

 

次に、同じ画面の下部分。

 

CSSを貼りかえます。

 

今回、私が作成したのは、2カラム左サイドバーで、
フッターありのレイアウトです。
(あとから変更が可能です。)

 

すごアメテンのフォルダ構成は、こんな感じね。

 

アイキャッチのフォルダ階層

 

その中の【A】orange_css.txt を、テキストエディタや、
メモを使って開きます。

 

それを、まず全部コピーします。

 

それから、アメブロのCSSを全部選択し
消去(delete)します。

 

 

ポイント
消し残りがないように、全選択してから、deleteしてくださいね。

 

そして、コピーしておいた、アイキャッチ版のCSSを貼ってください。
※(control + V )で貼り付けです。

 

 

 

ここで、タイトルロゴと、アイキャッチの画像を設置してしまいます。

 

本来は、フリースペースや、フリープラグインを変更してから、
画像の設定をするように、マニュアルでは記載しているのですが、
どうも、こちらの方が速いし、解りやすかったので、
こちらを、紹介していきますね。

 

 

 

CSSno

 

 

貼りつけたCSSから、図のように、

/*■■■ Header Setting ■■■*/

 

という部分を、見つけてくださいね。

 

上記図のように、元のURLをアップロードしたURLに、
書き換えます。

 

アイキャッチも、その下にありますので、
こちらもURLを書き換えます。

 

 

一度表示を確認してください。

 

 

アイキャッチ画面← 確認すると、こんな感じね。

 

 

 

 

タイトルロゴは、反映していますが、
アイキャッチは表示されません。

 

 

ここでは、まだフリースペースや、フリープラグインを張っていないので、
表示ができないません。

 

 

タイトルロゴが、表示されていたら、
それで、OK!!ですので、保存してください。

 

 

次にフリースペースと、フリープラグインを、
貼りつけます。

 

 

この手順は通常版と一緒です。

 

貼りつけたら、サイドバー配置をしていきます。

 

 

サイドバーの配置は、どのパーツを表示させるのか?

ということです。

 

後から変更も可能ですので、大まかな感じで、
表示したいパーツを選んでくださいね。

 

最後に、フリープラグインと、フリースペースを一番下でいいので、
ドラックして、配置。

 

保存をする前に、ブログを確認してくださいね。

 

 

アイキャッチ表示

 

 

 

どうでしょうか?

 

ちゃんとアイキャッチが表示されましたね。

 

 

かなり大きい画像なので、目立つこと間違いないです。

 

 

これで、保存して、終了です。

 

 

お疲れ様でした。

 

アイキャッチは、意外と大きい画像なので、インパクトがあります。

 

ブログのタイトルなどを、
画像作成するときに、一緒に乗せてもいいですよね。

 

 

 

これだけ大きいと、数か月に一度変更しても、
また違うイメージとなりますので、
訪問者に与える印象は、すごいと思います。

 

アイキャッチ版は、それなりにターゲットを絞ったほうが、
いいかもしれませんね。

 

 

ネットショップや、ビジネスなどに、 向いていますね。

 

 

 

それから、私はプレミアム会員ではないので、
ヘッダーの上の大きな広告も、もれなくついてくるのですが、
アイキャッチ版は、この広告も目立ちませんね。

 

ここが、ハイクオリティという部分なんですね。

 

 

 

テーマに沿ったテンプレートの選び方を、
ぜひしてください。

 

おのずと、ターゲットの訪問者を呼び込むことが、
できますよ!!

 

 

 

すごいアメブロテンプレートの詳細は、こちらです。
すごいアメブロテンプレート レビュー

 

 

 

 

テンプレートデザイン・カスタマイズのこと、アクセスアップのこと、
アメブロのことならお任せあれ!

Copyright © アメブロdeアクセスアップ All Rights Reserved.