制作物全国対応・兵庫県 姫路市にある発信力をテーマとしたホームページ・ブログ制作
ニコ株式会社
Blog


アメブロのスマホ画面にヘッダー入れてみた


アメブロを活用されている方も多いと思うのですが、アメブロのスマホ画面にヘッダーをツケられないのか色々ためしてみました。

アメブロの仕様としては、プラグイン読み込まない・フリーススペース読み込まない、なので、自動挿入は不可能という結論にいたり、記事にヘッダー画像を読み込むタグを挿入するという形で落ち着きました。

ですので、スマホからの閲覧時、ブログトップにはヘッダーは表示されません、が、記事画面にはヘッダー画像が表示されるというものになります。

こんな感じに
↓↓↓

まだ試してないのですが、これが可能ということは、記事画面のみになりますが割りと全体にデザインを反映させることは可能なのではないかと思っております。

もしかしたら固定のメニューボタンもつけられるかも?

 

ただ、テンプレートを変更したり、何らかの操作を加えると動かない可能性もあります。

 

 

表示させる方法はいたって簡単で、cssをインポートする形になっています。
ですので、別サーバーにファイルをあげておく必要があります。

今後、ホームページはスマホからの閲覧がメインになってくると思いますので、少しでも他の方と差をつけたいのならスマホ版にヘッダーを付けるのもありですね(*´ω`*)



井上 大輔

この記事を書いたひと

ニコ株式会社の社長。html、cssのコーディングの基礎を独学で学び、引きこもってゴソゴソとコーディングをするのが趣味。 建物を見るとhtmlとcssが浮かぶほど。 webの力に惹かれ、今日もせっせとコーディングを行っています。 好きなことはいたずら。子供の頃の夢は社長。 ゲーム好きでテイルズシリーズ、龍が如くシリーズの話題は大好き。 圧倒的にドSですが、妻に怯えながらスマホのゲームに課金をしています。


カテゴリー: ブログ制作, PC、WEB小ネタ   タグ: , ,   この投稿のパーマリンク

コメントを残す

メールアドレスが公開されることはありません。

スパム対策として日本語が含まれない投稿は無視されますのでご注意ください。

関連記事


カテゴリー:ブログ制作

ニコ株式会社 公式コラム

お知らせ

コラム新着情報

公式フェイスブックページ


Copyright ©ニコ株式会社 All Rights Reserved.