插件 | 讓側邊欄有sliding滑動效果

這是一款利用jQuery,讓你可以快速展開/收合側邊欄元件的效果。而這個側邊欄跟wordpress的「sidebar」是分開作用的,sliding panel的側邊欄會顯示在部落格的最上方,聽不太懂的朋友請看圖說明:

step1.先點擊open按鈕

step2.接著會看到上方顯示隱藏的元件

Sliding Panel: 滑動你的側邊欄widget,有效節省空間

res1 插件名稱:Sliding Panel
res1 插件介紹:側邊欄採用jQuery技術,一開始隱藏元件內容,點擊後才會出現。也可以在後台自行選擇要放置在裡頭的widget。
res1 插件下載:Sliding Panel 0.1
res1 安裝說明:
1.將檔案解壓縮,並且將整個目錄上傳到 wp-content/plugins/ 底下
2.到後台啟用此插件
res1 使用方法:
1.進入後台,點選「Widgets」選單,此時你會看到在原有的「Sidebar」底下多了一個「Sliding Panel」。接著把你想要的元件拖曳到Sliding Panel底下。

之後記得按下save存檔。
2.打開你目前使用的佈景目錄/header.php,我建議在<body>底下加入<?php if ( function_exists( 'get_sliding_panel' ) ) get_sliding_panel(); ?>。如果你熟悉html及php,你可以在任意位置添加這段語法。
3.將header.php上傳,就可以看到此插件的效果了

引用網址:

EVERYBODYs COMMENT:

  • 拆組達人
    1
    拆組達人 (LV.49) // 2009.06.29 10:03

    也是該整理整理我的邊欄了!

  • manu
    2
    manu (LV.52) // 2009.07.01 22:19

    适用于omegaX吗?

  • muki
    3
    muki (LV.1015) // 2009.07.02 11:15

    @manu
    晤..目前不適用耶(因為我沒有開啟widget效果)
    也許這個月有空,我會把widget效果打開,讓它支援這個插件^^

  • manu
    4
    manu (LV.52) // 2009.07.02 12:11

    @muki
    网上搜了个jQuery特效,我在omegaX里试验了下,勉强算得上“滑动边栏”


  • LEAVE YOUR COMMENT:




    :wink: :-| :-x :twisted: :) 8-O :( :roll: :-P :oops: :-o :mrgreen: :lol: :idea: :-D :evil: :cry: 8) :arrow: :-? :?: :!:
     
    字體大小: 小字型 12px大字型 15px
    ▲ back to top