サイドバーが短い時、位置を固定するプラグインが素敵で気持ちいい♪


公開日:   〇年前のこの日、何してた?
Categories: Works | Tags: , | 閲覧数:331 | 1 comment

ぴったりそろって気持ちいい

あちこちのサイトで見かけていて気にはなっていたけど

なんだか動きが変だったり、不自然だったりで、手を出すのを躊躇していたけど・・・

今日、「メインとサイドバー短い方を固定」と検索してみたら、いいプラグイン見つけちゃった♪
WordPress › Standard Widget Extensions « WordPress Plugins

まー、当初の要望「メインとサイドバー短い方を固定させたい」にはちょっと足りないけども、「短い方を固定」に関しては、あつかましくも作者様にお願いのコメントを入れてみた( ̄ー+ ̄)

導入のきっかけ

いいなーとは思ってはいたけど、なかなか思うようなスムーズな動きのプログラムがなく導入には至らなかったんだけど、このプラグイン、ためしに入れてみたらすごく快適な動きをするの。

なので、そのまま使うことに。

導入方法

ダッシュボードの”プラグインの新規追加”から導入できます。
Standard Widget Extensions」で検索したら一番上に出てくるはず。
WordPress › Standard Widget Extensions « WordPress Plugins

プラグインのインストール

上図では、インストール済みになってますが、未インストールだと「いますぐインストール」になってますのでクリックしてインストールします。

インストール後”有効化”します。

Standard Widget Extensionsの一般設定

一般設定

このプラグインは同時にサイドバーの折りたたみ(アコーディオン化)もできるようですが、先日、プラグイン使わずに実装したので、今回は使いませんでした。 


メインカラムのID:メイン部分のIDを入力
サイドバーのID:固定するサイドバーのIDを入力
ウイジェットのクラス名:折りたたみを使用する場合は指定

当サイトの場合は、サイドバーを二つに分けているので、固定するのはサイドバー2(sidebar-secomdary)の部分です。
コンテンツ区分

Standard Widget Extensionsのオプション設定

詳細オプションを表示をクリックすると、オプション設定が表示されます。

Standard Widget Extensionsオプション設定

上の方は、折りたたみの設定なので触らず。
”幅のパーセント指定(CSSと合わせる。固定は0)”の項目を、レスポンシブにしているので、「100%」にしたら表示がおかしくなったので「0」のままにしました。

”次の幅以下で無効化”の項目で、レスポンシブでサイドバーのfloatを解除する幅を指定します。

参考サイト

WordPress › Standard Widget Extensions « WordPress Plugins

WordPress 用プラグイン Standard Widget Extensions を公開しました | Hetarena.com

Standard Widget Extensions 1.1 をリリースしました! | Hetarena.com

かんぺき!画面のスクロールに付いてくるサイドバーならStandard Widget Extensionsが最高だった件 | [M]まったり・こんふぃでんしゃる【Confidential】

もし、気に入っていただけたらシェアしていただけると嬉しいです♪ この記事へのリンクはこちら↓コピーしてHTML編集画面に貼り付けでお使いください。

ブログの更新情報はこちらで配信中~
Feedlyで購読
follow us in feedly
更新をメールでお知らせ 配信: FeedBurner

sponsored


公開日:   〇年前のこの日、何してた?
Categories: Works | Tags: , | 閲覧数:331 | 1 comment

著者 ねこもりや

どうぶつ占いは「コアラ」。ボーっとする時間が常に必要。”猫になりたい”とひたすら願う怠けもの。

My Photos

One Comment

  1. Pingback: スロールとともにサイドバーがついてくるプラグイン | My Tips and Quotes

Leave a Reply

Required fields are marked *


CAPTCHA