ウェブサイト作成に役立ちそうなこと

ホームページ(ブログ)作成に、便利そうなものをまとめてみました。

スクロールするとページトップへボタン出現

一定の量をスクロールすると、右下に「PageTop」ボタンが出現。
クリックすると、ぬるっと一番上まで戻ってくれます。

スクロールすると出てくる「ページトップへ」ボタンを設置

簡単にレスポンシブデザインにする方法

メディアクエリを使ってレスポンシブ対応にする方法。
CSSにちょろっと書き足すだけで、簡単にできます。
(試しにブラウザの幅をググッと狭くしてみてください!)

メディアクエリを使ってレスポンシブデザインにする方法

スマホサイトとPCサイトの切り替えボタン設置

スマホでPCサイトを見たい人もいるはず!
そんな人のために、「スマホサイト」と「PCサイト」の切り替えボタンを用意して、好きなほうで閲覧してもらいましょう。

スマホサイトとPCサイトの切り替えボタンを設置する方法

スマホで見たときだけ切り替えボタンが出現

パソコンでわざわざスマホサイトを見る人はいない・・・はず?
ということで、PCサイトに切り替えボタンはいらない!少なくとも私は!
スマホで閲覧したときだけ、切り替えボタンが見えるように設定します。

スマホで見たときだけ切り替えボタンを表示する方法

ホームページビルダーの共通部分の同期機能

「フルCSSテンプレート」を使わずとも、共通部分の同期をする方法。

ホームページビルダーで共通部分の同期をする方法