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

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

Posted on 2009年10月20日 | 7 Comments| Clip to Evernote

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

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

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

Sliding Panelをインストールするとウィジェットに追加される

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

[php][/php]

を追加する。

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

右上に注目。「Open」のボタンが表示される。

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

スライドパネルが出てくる

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

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

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


この記事は 2009年10月20日火曜日 の 11:54 PM に書きました。 
この記事のフィードはRSS 2.0で購読できます。

« | »

6 Comments for this entry

  • cyokobo2

    ふむ ふむ^^@
    読み進めるほど :oteage: :ase:
    いつも通りで :nice:

    • 唯奈

      >cyokobo2さん
      最近は心がけてWordPressネタに(実際はひたすらプラグイン実験だけど)偏ってるので
      WordPressユーザー以外には面白くもなんともない内容ですみません^^;

  • cyah

    >食べ放題や猫など愛するものを綴ります

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

    今回の記事を読んで「NINJA TOOL」を思い出しました。(向こうはアフェリ専用みたいですが。) :bye:

    • 唯奈

      >cyahさん
      そういえばそう書いてありましたよね。

      すっかり忘れ去ってました。
      修正しないとなぁ…。
      内容の割合をどうにかしようと思って意図的にWordPressネタを探してます。
      WordPressの何か /越えられない壁/ 猫・サボテン > その他
      の割合にしたいんですよねぇ。。。
      思ってるだけで実現してませんが^^;

      NINJA TOOLはよく分からないです。
      なんかいろいろ機能があるあれかなぁ…。

  • livedoorcliphot

    WordPressの上部にスライドするパネルを表示 – Sliding Panel — 病的溺愛シンドローム: WordPressの上部にスライドするパネルを表示 – Sliding Panel — 病的溺愛シンドローム http://bit.ly/cpom2C

  • mima_v

    かっこいい→WordPressの上部にスライドするパネルを表示 – Sliding Panel
    :http://t.co/CErhJUxV

1 Trackback or Pingback for this entry

ADgger

堅実に儲かるアフィリエイト

サイトの歩み

2014年2月27日に6周年を迎えます
5周年まであと…