安裝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”;