安裝FAlbum外掛

將Flickr相簿與Wordpress做整合,
可在Wordpress的介面上看相片。

這裡可以下載FAlbum的外掛。
在這裡可以看到詳細的安裝說明安裝應用修改

安裝說明:

1.將檔案解壓縮到妳的外掛的目錄下 /wp-content/plugins/
注意: 所有的檔案和子目錄請放到名稱為 falbum的目錄下 /wp-content/plugins/falbum/
2.到管理者後台啟用這個外掛
3.到選項中(Options) → FAlbum 去做相關的設定
4.這裡有2個步驟顯示在最上方,包括 allow FAlbum to access your Flickr account和 flickr Authorization,請完成這兩個步驟
注意: 妳要有 flickr的帳號,不然妳這兩個步驟不會通過的,很簡單的設定不需要猶豫
5.接著你就可以更改選項出現後的設定嚕,設定完成後按下 Update Options
6.底下會告訴你,妳的 blog的 flickr相簿網址是
Examples (depending on the friendly URLs setting):

http://yoursite.com/wordpress/wp-content/plugins/falbum/wp/album.php 或

http://yoursite.com/wordpress/photos/

第一的網址是一般我們使用就可以了,妳可以把她加到妳的 blog的 header.php中,例如我門的網頁的上方的 flickr相簿
第二個網址是比較好記的友善連結,要使用這樣的連結方式你可以到設定中坐一些設定後使用
以上都弄好後,妳的 flickr相簿就內嵌到妳的 blog囉

接下來要在首頁上加上可以觀看相簿的連結。

外觀 – 佈景主題編輯器
在右方點選 頁首 這個檔案(即是 header.php)
就可以開始編輯這個檔案了

您大概可以看到類似的程式碼如下
< li>< a href="< ?php bloginfo('url'); ? >“>首頁< /a>< /li>
< ?php wp_list_pages('title_li='); ? >

然後試著把這一行加到這兩行的上下方, 例如變成
< li>< a href="< ?php bloginfo('url'); ? >“>首頁< /a>< /li>
< ?php wp_list_pages('title_li='); ? >
< li>< a href="http://yourname.com/blog/
wp-content/plugins/falbum/wp/album.php">相簿< /a>< /li>

以我的佈景模式修改則僅需按照以下步驟:
找到

1
2
	<li <?php if(is_home()){echo 'class="current_page_item"';}?>><a href="<?php bloginfo('siteurl'); ?>" title="Home">Home</a></li>
	<?php wp_list_pages('title_li=&depth=1');?>

底下加上

1
<li><a href="http://blog.myclass-lin.org/wp-content/plugins/falbum/wp/album.php">相簿</a></li>

如果要在側邊欄(sidebar.php)上隨機顯示相簿則需要加一段程式碼在上面。

一樣的,要使用他的函式請先宣告全域變數如下面這一行:

接著就可以使用他內建的許多功能了,首先是這個隨機相片的顯示功能,建議可以加到妳的側邊欄中(sidebar.php)

$falbum→show_random($num, $tags, $style, $size)

參數:
$num – 想要顯示的相片數目
$tags – 想要顯示相片的標籤包括哪些(tag)
$style – 顯示的式樣,0會在前面用

  • 標籤包起來,1會用
    的方式操作,一般狀況是設為1
    0, 1
    $size = FALBUM_THUMBNAIL_SIZE – 預覽圖的尺寸,包括底下幾種
    SQ, T, S, M, L, O

    *注意請使用小寫字母,不然你的 flickr會告訴你這個尺寸不正確(size is currently unavailable),說明如下:

    s: 圖檔為小正方形 [square (75×75)]
    t: 圖檔為縮圖尺寸 [thumbnail (100×75)]
    m: 圖檔為小圖 [small (240×180)]
    b: 大圖 (1024)
    o: 原始圖檔 (whatever you uploaded)

    參數部分其實是依照 flickr的尺寸: http://www.flickr.com/services/api/misc.urls.html ,我是覺得用 s吧,放在側邊欄當然還是小一點就好了,底下試範例說明(Example):

    顯示2張在 flickr中標籤(tag)為’tag1′,’tag2′的隨機相片

    show_random($num=2, $tags=‘tag1′,‘tag2′); ?>

    顯示4張在 flickr中標籤(tag)為’tag1′,式樣為第一種,且尺寸為 s(小正方形 [square (75×75)])的隨機相片

    show_random(4,‘tag1′,1,’s’);?>

    接著介紹這個最新相片的顯示功能,同樣建議可以加到妳的側邊欄中(sidebar.php)

    $falbum→show_recent($num, $style, $size)

    參數:
    $num – 想要顯示的相片數目
    $style – 顯示的式樣,0會在前面用

  • 標籤包起來,1會用
    的方式操作,一般狀況是設為1
    0, 1
    $size = FALBUM_THUMBNAIL_SIZE – 預覽圖的尺寸,包括底下幾種
    SQ, T, S, M, L, O

    *一樣請注意請使用小寫字母,不然你的 flickr會告訴你這個尺寸不正確(size is currently unavailable),底下試範例說明(Example):

    顯示3張在 flickr中標籤,式樣為第一種的最新相片

    show_recent(3, 1); ?>

    顯示4張在 flickr中標籤,式樣為第一種,且尺寸為 s(小正方形 [square (75×75)])的最新相片

    show_recent(4, 1, ’s’); ?>

  • 以我目前的風格來看,
    只需要在sidebar.php中適當的位置加上以下的程式碼即可。

    1
    2
    3
    4
    5
    6
    7
    8
    9
    
    <?php global $falbum; ?>
    <h2>flickr 隨機相片</h2>
    <ul>
    <?php echo $falbum->show_random(6,部落格相片,1,s);?>
    </ul>
    <h2>flickr 最新相片</h2>
    <ul>
    <?php echo $falbum->show_recent(4,1,s);?>
    </ul>

    此時會發現側邊欄上的隨機相片是以直行方式呈現的,
    想要把照片修改為橫向排列,
    如果空間不足的話再換到下一行,
    步驟如下:
    打開FAlbum.class.php
    找到

    1
    
    $output .=<div class=’falbum-thumbnail”.$this->options[’display_dropshadows’].”‘>;

    修改為

    1
    
    //$output .= “<div class=’falbum-thumbnail”.$this->options[’display_dropshadows’].”‘>”;

    找到

    1
    
    $output .=</div>\n”;

    修改為

    1
    
    //$output .= “</div>\n”;

    找到

    1
    
    $output .=<div class=’falbum-thumbnail”.$this->options[’display_dropshadows’].”‘>;

    修改為

    1
    
    //$output .= “<div class=’falbum-thumbnail”.$this->options[’display_dropshadows’].”‘>”;

    找到

    1
    
    $output .=</div>\n”;

    修改為

    1
    
    //$output .= “</div>\n”;
    本篇發表於 部落格架設。將永久鍊結加入書籤。

    安裝FAlbum外掛 有 2 則回應

    1. sharebo 說道:

      我在使用FAlbum?遇到???~就是
      第一次??相簿首??,很正常的?示相本出?
      但是再重新?入相簿首??,??成一片空白
      ??如果到後台的falbum?定?面,清空?存的?~前台的falbum相?又?正常
      不?如果再次??去,又是一片空白了~~~~

      ??站長知道?怎?解???????

    2. awater 說道:

      我有時候也會遇到這樣的問題,
      (不過次數不多,偶爾才會遇到這個問題)
      我想應該是外掛和Flickr連結的問題吧,
      目前我也還沒有找到解決的方式…>"<

    發表迴響

    您的電子郵件位址並不會被公開。 必要欄位標記為 *

    *

    您可以使用這些 HTML 標籤與屬性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>