病的溺愛シンドローム > WordPress > プラグイン > ウィジェット > WordPressの上部にスライドするパネルを表示 – Sliding Panel

WordPressの上部にスライドするパネルを表示 – Sliding Panel

Posted on 2009年10月20日 | 7 Comments|

最近追加したいプラグインが思いつかなかったりするんだけども
そんなことを言ってるとブログを更新できないので
WordPressの上部に開閉するエリアを追加するプラグイン
Sliding Panel
をインストールして試してみた。

サイドバーと同じようにウィジェットに追加されて、
画面の右上に表示されている「Open」をクリックすると
隠れていたパネル（トップバー？）が開く。
という感じのもの。
そんなのテーマファイルでやればいいじゃん(´ー｀)┌
とかいう玄人の方はスルーしてくださいｗ
Sliding Panel は特定のテーマを使っていれば有効化するだけで、
他のテーマの場合は一行追加するだけで使える便利プラグイン。

インストールはいつも通りプラグインディレクトリにアップロードして有効化。
「外観」→「ウィジェット」にSliding Panelが追加されているので
サイドバーのウィジェット同様、表示させたいものを放り込むだけ。

多くの場合は対応するテーマを使ってないと思うので
テーマファイルの header.php を開いて body タグの後に

[php][/php]

を追加する。

これでどうなるかというと、ブログの右上に「Open」ボタンが出て

「Open」をクリックすると、うにょーんとスライドしてバーが出てくる。
「Close」をクリックするとスライドして閉じる。

このブログの背景が黒なもんで、なんだか分かりにくい画像で申し訳ない

サイドバーのびのび症候群にはさりげなく便利な気がするけど
デフォルトの状態では高さが150pxで、はみ出すと切れるので
もうちょっと高さがほしいとか、項目名の文字を小さくしたいとか、
そういうときは Sliding-panel の中に入っている panel.css を編集しよう。

残念ながらこのブログではいろんなjQueryが動きすぎのようで
IEで開くとエラーが出てしまったので採用しなかったけど
これはなかなかお手軽でカッコイイのでお気に入り。
機会があればどこかで使いたい。

この記事を読んだ人は、こんな記事にも興味を持っています

6 Comments for this entry

cyokobo2
10月 21st, 2009 on 8:07 AM
ふむ　ふむ＾＾＠
読み進めるほど :oteage: :ase:
いつも通りで :nice:
- 唯奈
  10月 23rd, 2009 on 3:44 AM
  ＞cyokobo2さん
  最近は心がけてWordPressネタに（実際はひたすらプラグイン実験だけど）偏ってるので
  WordPressユーザー以外には面白くもなんともない内容ですみません＾＾；
cyah
10月 22nd, 2009 on 12:47 AM
＞食べ放題や猫など愛するものを綴ります

と言う記載があるのだから、無理にWordPressに固執する必要も無いと思うのですが。（こちらへおいで〜（笑））

今回の記事を読んで「NINJA TOOL」を思い出しました。（向こうはアフェリ専用みたいですが。） :bye:
- 唯奈
  10月 23rd, 2009 on 3:48 AM
  ＞cyahさん
  そういえばそう書いてありましたよね。
  
  すっかり忘れ去ってました。
  修正しないとなぁ…。
  内容の割合をどうにかしようと思って意図的にWordPressネタを探してます。
  WordPressの何か　/越えられない壁/　猫・サボテン　＞　その他
  の割合にしたいんですよねぇ。。。
  思ってるだけで実現してませんが＾＾；
  
  NINJA TOOLはよく分からないです。
  なんかいろいろ機能があるあれかなぁ…。
livedoorcliphot
9月 13th, 2010 on 4:53 PM
WordPressの上部にスライドするパネルを表示 – Sliding Panel — 病的溺愛シンドローム: WordPressの上部にスライドするパネルを表示 – Sliding Panel — 病的溺愛シンドローム http://bit.ly/cpom2C
mima_v
9月 15th, 2011 on 11:19 PM
かっこいい→WordPressの上部にスライドするパネルを表示 – Sliding Panel
：http://t.co/CErhJUxV