想找資料嗎?到這看看也許會有收穫喔。
‧wordpress: 佈景主題 / 插件介紹 #
‧網站教學 : css新手必看 / css筆記 / seo
‧電影片單 : 驚悚 / 懸疑 / 靈異 / 動作 / 文藝 / 劇情 / 喜劇 / 紀錄 / 科幻 / 史詩 / 戰爭 / 動畫
2009/06/28

插件 | 讓側邊欄有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上傳,就可以看到此插件的效果了

Related Posts with Thumbnails
人氣:3,206    
  • 引用網址:
  • 文章標籤:, ,
  • 上篇文章:
  • 下篇文章:

    1. comments(4)
    2. 拆組達人
      #1
      2009/06/29

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

    3. manu
      #2
      manu//LV.48
      2009/07/01

      适用于omegaX吗?

    4. muki
      #3
      muki//LV.948
      2009/07/02

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

    5. manu
      #4
      manu//LV.48
      2009/07/02

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

    comments(4)



    :wink: :-| :-x :twisted: :) 8-O :( :roll: :-P :oops: :-o :mrgreen: :lol: :idea: :-D :evil: :cry: 8) :arrow: :-? :?: :!: