遠太のエコボランティアブログ
 九州は福岡県中間市で展開しているボランティアの記録

遠太のエコボランティアブログ 九州は福岡県中間市で展開しているボランティアの記録

記事一覧  管理画面

home 未分類 テンプレ改造。

テンプレ改造。

見出し画像 ブログのテンプレート改造してみました。

記事の部分が読み込み時に下からスクロールする仕様です。

他のブロガーの方がされていたのですが、どうしたらできるのかなと思いつつ、その方のブログのソースやCSSを見ても分らず・・・

そんな時は、やはり「検索」。

ただ、検索もワード次第なんですね・・・中々、ヒットせず先日、やっとゲット。

下記のサイトの、「下からスライドインするメニュー」を参考にさせていただきました。
https://edge.sincar.jp/web/jquery-slide-menu/

当ブログの場合、記事が表示される左カラムの頭にマージン(隙間15px)を設定して、それを、ページ読み込み時に時間をかけて、マージンをゼロ5pxにする仕様で、結果、下からスクロールしている様に見えるみたいですね。

当ブログのテンプレート改造は、読み込み時フェードイン、レスポンシブ化、画像遅延表示、パンくずリストなどです。

後は、アコーディオンメニューの導入です。レスポンシブした場合、横幅480px以下は、プロフィールのみを記事の頭で表示して、後は消しています。
180513-00.jpg

普通は、一番下に持って行くみたいです。そうするとメニューを見る場合はずっとスマホの画面で下にスクロールしないといけないのです。(2カラムを解除して1カルムにしている)ずっと、5記事もある下までスクロールしてメニューを見る人はいないです。

で、下ではなく「横」なのですが、左右にスクロールするのは、レスポンシブではないとのことなので、タップすると横からメニューを表示するというものです。次回挑戦したいと思っています・・・しかし、私スマホじゃないんですね・・・どうやって確認するの?

ブログランキングに参加しています。
応援よろしく です。
トラックバックURL
https://onta0001.blog.fc2.com/tb.php/269-ca5678bb
トラックバック
コメント
管理者にだけ表示を許可する
 
  プロフィール

遠太

Author:遠太
九州は福岡県中間市で環境保全や地域に関するボランティア活動中。
できる時にできる範囲で。そこには、ノルマも強制も義務もありません。
  ランキング参加
FC2ランキング にほんブログ村 環境ブログ 環境ボランティアへ
にほんブログ村 家族ブログ 仲良し家族へ にほんブログ村 地域生活(街) 九州ブログ 北九州情報へ
FC2ランキング
にほんブログ村 環境ブログ 環境ボランティアへ
にほんブログ村 家族ブログ 仲良し家族へ
にほんブログ村 地域生活(街) 九州ブログ 北九州情報へ
  今後の清掃予定
  最新記事
  リンク
  カテゴリ