FC2ブログのヘッダー下にドロップダウンメニューを設置。文章にかぶらない工夫も
FC2ブログヘッダー下に設置したグローバルメニューについて 今回は、FC2ブログのヘッダー下に表示する「グローバルメニュー」について書いていきます。 昨年の大晦日。このFC2ブログをレスポンシブ対応のテンプレートにリニューアルしました。その際にいろいろと細かいカスタマイズを行ないましたが、一番やりたかったのがヘッダー下にメニューを表示させることでした。 なぜ今までやらなかったのか？理由はいろいろありますが、PCとスマホで異なったテンプレートだったことや、ヘッダー部分に配置した画像が場所を取りすぎてしまい、メニューが見づらいというのが主な原因です。 カスタマイズするにあたっては、ネットでさまざまな設置例を調べました。色んなブログで使いやすいメニューや簡単に実装できるメニューが紹介されていますが、私がこうしたい！と定めたのは以下の通り。 この記事は限定公開にしたいので有料（ブロマガ）にしていて
FC2ブログに「TOPへ戻るボタン」を設置するカスタマイズ方法
FC2ブログに「TOPへ戻るボタン」を設置。カスタマイズは簡単！ 私が実装したFC2ブログのカスタマイズ。今回は「TOPへ戻るボタン」について説明します。 前回の記事：FC2ブログのカスタマイズ - 文字をコピーされないようにする2つの方法 今回、「レスポンシブ対応」に伴うブログリニューアルで、TOPへ戻るボタンなるものを初めて設置しました。 なぜかといいますと、レスポンシブ対応のブログをスマホで閲覧する際には、PC画面だと横に表示されるプラグインが下に表示されることになります。すると、1ページあたりの縦の長さがもの凄いことになりかねません。 1番下まで見終わってから上に戻ろうとするのは大変ですよね。このままでは、レスポンシブ対応にしたことが読者さんの利便性を損ねる結果となってしまいます。 そこで、押せば一瞬で画面トップに戻れるボタンはレスポンシブには必須のアイテムだと考えるに至った訳です
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
