メール

アメブロカスタマイズその終焉・・・?

アメブロカスタマイズとは?

アメブロは、さまざまなデザインを選び設定することで、簡単にきれいなデザインにすることができます。 その他、ヘッダーや背景をカスタマイズできるデザインもあり、カスタマイズすることでオリジナリティを出すことができます。

アメブロカスタマイズに凝る必要性はなくなってきている・・・?

ですが、アメブロをカスタマイズし凝ったデザインにすることは必要性があまりなくなってきているかも・・・と最近思います。 個人的な趣味でカスタマイズに凝ることは別ですが・・・ そう思った理由をあげます。

1.スマホでの表示は、独自のカスタマイズすることができない

アメブロのスマホ(モバイル)版は、スマホ独自のテンプレートを使って表示されています。 パソコン版に設定したヘッダーや、グローバルメニュー、ボタンやSNSウィジットなどをつけたサイドバー、ウェルカムボードなどは表示されません。 また、スマホ版テンプレートに読み込まれるcss、JavaScriptをいじることもできません。 無理やり記事内にcssを読み込ませてカスタマイズする方法もあったようですが、、2017年2月~のアメブロ常時SSL化によってできなくなった模様です。 現在ブログやホームページは、スマホからのアクセスが60%~80%となっており、特にブログを読んでもらいたいと思うターゲット層は、ほぼスマホでアクセスしておられると考えていいのではないでしょうか。 そうなるとアメブロに凝ったカスタマイズを施す理由がなくなってしまいました。

スマホでのアメブロカスタマイズおすすめ方法

ちなみに、スマホでのアメブロのデザイン・レイアウト変更は、スマホよりアメブロにログインし、スマホの管理画面で行います。 アメブロスマホカスタマイズ メニューの「デザイン・レイアウト変更」に入ります。 アメブロスマホカスタイマイズ 結構デザインは充実していますが、オリジナリティを出すのは難しいです。 アメブロスマホカスタマイズ ただ、このようにアイキャッチ画像をワイドで設定することはできます。 設定方法は、スマホの管理画面のメニューの「デザイン・レイアウト変更」で、デザインを選びます。 アメブロスマホカスタマイズスマホカスタマイズ その後、上の画像のようなレイアウト設定画面で「ワイド」を選んでください。 この設定でアイキャッチ画像を文字やイラストで好きなように作って、アピールするのが良いのではと思います。

2.アメブロ常時SSL化によって利用できるプラグインに制限ができた

アメブロは、フリープラグインと呼ばれる個所にJavaScriptなどを読み込ませてヘッダー画像のスライドショーや、ボタンに動きを付けたりすることができました。 ですが、2017年2月~のアメブロ常時ssl化によってアメブロが利用可能と決めたプラグイン以外は利用できなくなり、うまく読み込めなくなりました。 アメブロで利用可能なプラグイン そのため、従来のJavaScriptなどを使ったカスタマイズはできなくなったと思います。 Google Analiticsの設定に関しては、アメブロ管理画面の外部サービス連携で設定できるようになったようです。 アメブロGoogle Analitics設定

アメブロでスライドショーを表示する方法

スライドショーに関しては、JavaScriptを使用せずcssのみで設定すると、現在のアメブロでもパソコン版では表示できます。 参考:フェイドイン・アウト型スライドショー こちらのサイトのソースをお借りして、カスタマイズするのがおすすめです。

SNS Share