攻略手冊


我想要換背景圖..我想要增加版頭..我想要…

主題的進階搜尋讓你有更多的佈景變化

分享部分相簿在Wordpress上

大家可能都知道了Windows live 的照片沒有跟著搬家到Wordpress上,而我們最能解決得辦法只有使用像是弄出一個連結到相簿這樣,讓人們從這邊連過去,當然他們也可以從那邊連回來。(要到您的Windows Live 個人檔案)

那這一回Tiffy說的,分享部分相簿是怎麼一回事呢?

有些人可能會想特別介紹人家去看她的某某相簿,那這樣應該就很好用了吧,我想。

這效果有點像是Flickr的相簿,大家看過吧?就是你可以讓人家看到一張照片,但他如果點進去,就會連到你的Flickr,有那張照片的相簿。

增加方法是:

在外觀→模組的可用模組裡找到圖片模組

Tiffy都有標示在圖上,看圖片應該很簡單。

比如說Tiffy在自己的Windows Live 相簿中選了一張照片,那我就把複製的圖片網址貼到 image url 上面(等於是把它當作封面照片);並把它的相簿網址貼到Link url 上,這樣當別人點擊照片,進去就會是Windows Live 該相簿的頁面了。

以上。

新增(連結)清單

你會在右邊側邊欄上看到Tiffy有個連結清單,上面有主站、粉絲專頁、以及相簿的連結,你說這像不像Windows Live Space以前有的清單呢?我們可以把朋友的連結全部串在一起,我們也可以新增好用工具,或者是把你想要分享的網址,像是Facebook啦、噗浪啦、相簿用連結來表示。

首先在管理首頁下方進入外觀→Menus

在Menu Name 上建立一個你要建立清單的標題,好了按Create Menu

Creat好清單標題後,你便可以新增連結了,在同一個清單列表上新增的上限是多少我不清楚,但應該可以很多吧(?)

比如說Tiffy新增的網頁是色碼編輯器,把名稱填在Label上,網址就貼到上方,好了按Add to Menu,它就會出現如圖下。

這樣一直重複幾次的步驟,直到你覺得ok,就按Save Menu。

現在,移到 外觀→的模組頁面上。

可用模組上找到 Custom Menu,新增一個Custom Menu

標題可以跟你剛剛打的menu標題一模一樣,你可能會想,那我為什麼要打兩次?我可以省略不打嗎? 好,不過你可以會發現我的這一組清單上的標題就不見了。他差點跟月曆模組親在一起。
如果你選擇的佈景主題中有許多個邊攔,那麼你也許可以選擇你要放在哪一個邊欄上,位置上的數字就是依據你的邊欄上小工具的位置,如果是1,那他就會擺在第一位。

調整好要記得按儲存模組。

這張圖我們可以看出,我們可以一次有許多清單,都需要使用custom menu來實現,我把我新增的清單放在邊欄1上。

最後,你會看到如圖,我的側邊欄上出現連結清單了!

以上。


新增自訂義HTML模組

在Wordpress也有個可以放文字也可放HTML的模組,這裡很簡單的稱為’文字’。

在外觀→模組中,你會找到文字模組,把他新增在邊欄上後,即可開始為你的部落格新增些小東西。
這個自訂義HTML模組並不能像WP一樣可以讓你放flash語法。 也不能使用Javascript…
但是你可以放像
● 語法框語法 (合適你想跟跟朋友交換LOGO連結)

<textarea><a href="http://sillytiff.blogspot.com"><img src="http://i119.photobucket.com/albums/o122/sillytiff/designs/1129422235.gif" border="0" /></a></textarea>

一般連結

<a href="連結" title="名稱">連結名</a>

圖片

<img src="圖片網址" />

圖片檔案的格式可以是: jpg, gif, png

音樂撥放器 mp3 作法請參考下方實現內文、側邊欄放置播放器


實現內文放置SlideShow(照片輪播器)

利用新增圖片新增你想要做的Slideshow的照片,最好一次上傳多一點,他會擺在一起在’藝廊’內。

上傳完成,儲存,便轉成新頁面,有個選項為insert slideshow。 選擇 insert slideshow。

這個slideshow需要JavaScript。

內建Slideshow目前預設大小是設定剛好與文章內容差不多大的,目前還不開放使用者修改寬度,但使用者可依據變更套用的佈景主題來調整他的大小。

如果只想要單張顯示圖片,點藝廊,在你想要使用的照片上點顯示,會出現插入至文章的選項

實現內文新增卷軸

● 單純背景顏色的文字捲軸

我喜歡wordpress
Wordpress好好玩
<div style="overflow: scroll; width: 150px; height: 70px; background-color: #背景色碼;">我喜歡wordpress
Wordpress好好玩</div>

width 指卷軸寬度,Height 指卷軸高度,

實現內文、側邊欄放置撥放器

檔案限制:mp3
※備註:以下語法請把[ ]切換成半形的 [ ]

側邊欄放置音樂撥放器

[audio http://音樂網址]

修改撥放器的長度

[audio http://音樂網址|width=180]

新增多首歌曲

[audio http://音樂網址,http://音樂網址|titles=第一首歌名,第二首歌名|artists=歌手1,歌手2]

自訂義撥放器顏色

範例:

[audio http://音樂網址 |bg=0xdddd88|righticon=0xff0000]

參考數值
bg=0x000000 背景顏色
leftbg=0x000000 左邊背景顏色
lefticon=0×ff0000 左邊圖示(喇叭顏色)
rightbg=0xCCCCCC 右邊背景顏色
rightbghover=0×eeeeee 滑鼠移至右邊背景的顏色
righticon=0×000000 右邊圖示(play鍵)
righticonhover=0xFFFFFF 滑鼠移至右邊圖示的顏色
border=0×666666 邊框顏色
text=0×ff9900 文字顏色
bgcolor=0x000000 背景顏色

新增自文字訂模組:在外觀→模組→文字下,拖曳模組至邊欄,即可編輯。

很多人好奇音樂撥放器可不可以有自動撥放的功能呢?

可以,當然可以,只是就不是用上述撥放器了。

很有特色的MYFLASHFETISH撥放器

Muzicons 撥放器

Xuite Player

各式各樣Flash Mp3 Player (這點官方網站的名字就可以進去選擇各式各樣撥放器),跟MYFLASHFETISH撥放器差不多用法)

Dewplayer 精巧音樂撥放器

SoundCloud 媒體分享平台

新增Youtube至內文

善用編輯器上小工具

或者使用語法

[youtube=youtube網址]

範例:

→ 使用vodpod 模組實現側邊欄放置Youtube影片

→  在 WordPress 上使用 Flash 物件 (更快更好的方式放youtube影片在側邊欄上喔) 感謝Heresy’s Space,感謝Heresy的教學。

發表迴響

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <pre> <del datetime=""> <em> <i> <q cite=""><strike><strong>

發表迴響者可以使用下列語法豐富您的留言:

a href=’連結’ title=’標題’ 範例
a abbr title etc.
acronym title 也是縮寫用
b、strong 粗體
blockquote cite、q cite

引用

cite
code 編寫代碼所需使用的
pre 預設格式
del datetime
em、i 斜線
strike 刪除線
直接輸入youtube網址發送會直接顯示影片

to be continued…

廣告

34 thoughts on “攻略手冊

  1. 引用通告: WordPress放置SlideShow(照片輪播器) | Melita's ministry blog

  2. Dear ginny:

    在你的msn版面上,右上角應有你的名字,與一倒三角的按鈕
    點擊按鈕會出現面板之類的選項。
    從那邊做更改即可。

  3. 引用通告: Wordpress攻略手冊 « fati的空間

  4. 引用通告: Wordpress操作總整理 « fati的空間

  5. 引用通告: Wordpress主題的進階搜尋讓你有更多的佈景變化 « fati的空間

  6. 不好意思!見你的回覆後我就趕緊來試試~~~~~~~~~可是..還是沒有出現耶(糗)還有我想用的是像youtube的的數位報導,可以麻煩你再幫我解惑一次嗎?謝謝喔

  7. Dear Sandy Lin:

    你好,以18度C巧克力工房vs紙教堂為例,http://peport.com/v1012736
    在嵌入的部分,先複製好她的語法。語法中我們只要找到embed語法即可。
    稍做一下變化。
    [gigya src="http://www.motiontree.com/editor/MTSpace.swf?bid=1012736" type="application/x-shockwave-flash" width="400" height="2133"]
    [ gigya src="http://www.motiontree.com/editor/MTSpace.swf?bid=你的派報ID" type="application/x-shockwave-flash" width="400" height="2133"]

  8. Dear vivi:

    Worpdress內建的音樂撥放器不能讓部落格自動撥放音樂唷。

    那我可以推薦你使用dewplayer 撥放器嗎?
    他可以讓使用者自動撥放音樂又可以重複撥放音樂。你只要做的就是下載撥放器檔案並把他上傳至網路上提供外連的空間。
    音樂也是要上傳到網路空間的。

    然後在調整一下你所需的設定,搭配我提供的語法,就可以了。

  9. 我想请教一下怎麽添加一个音乐播放器~
    然后当打开部落格主页的时候就能自动播放~
    上面滴 我看得不是很懂~
    请赐教吖。

  10. 感謝妳
    我是從Heresy的Blog連到妳這來的
    妳的Blog真的很豐富,而且還有好多教學
    讓我習到不少撇步
    很幸運我在轉換的第二天就發現妳的Blog了
    不然我還不知道要摸索多久咧…….^^

  11. 引用通告: 文章編輯器與應用 « SiLlY

  12. Dear Nikki:

    連結相簿後,相片無法顯示的原因可能是,你的相簿預設了不公開喔,你必須要公開了才能外連。

    因為對windows live 服務來說, wordpress 不是自家部落格,所以有設權限的相簿是不能外連的。

    至於誰來我家這功能,恩… Tiffy不是很確定耶,可能不行。不過你可以從後台的統計資料上知道誰來你的部落格唷。

  13. 老師:
    多謝你的解說,我現在就去用用看,不過你的背景閃閃發光,看得有點吃力,眼睛花掉了@"@

    再次感謝老師~啾>O<

  14. Dear 尤靚:

    留言板是利用網誌分頁做出來的效果,網誌分頁等於你利用新增文章做出一個留言板,下面的發表迴響就讓大家留言這樣。

    以前Windows Live Space 很久以前也是沒有留言版的唷,使用者就是這樣弄出一個留言版的。

    mp3 播放的話,他跟我們以前使用的語法已經不一樣了。
    他一般預設的撥放器是像我上面寫的語法那樣。你把你上傳好的音樂,找到音樂網址,然後在文章內,或者是文字模組裡打上 [audio http://音樂網址 ]
    請複製上面的語法,記得上面的括弧要改成 [ ] 另外,中間只有audio 與網址有空格喔。

    按更新,或者是儲存模組,就可以看到效果了喔。試試看。

    至於輪播相簿,這輪播相簿後來我再仔細研究一遍,其實不用一次上傳很多張啦,不過這輪播相簿我目前只有測試他可以放在文章內喔,我並不曉得他是否也能放在側邊欄上。就是只要是在同一篇文章內上傳的圖片都會被放在同一個slideshow裡面。所以就無妨你是否只有一次上傳很多次還是分開幾次傳,它們都會被放在同一篇文章內的。

  15. 老師:
    我想要用"留言板"、"輪撥相簿"、MP3播放!

    我看不懂的地方:
    利用新增圖片新增你想要做的Slideshow的照片,最好一次上傳多一點,他會擺在一起在’藝廊’內。

    ↑上傳去哪裡@@? 還有留言板~…要怎麼做呢@@?

    好多東西不會 = =|||

  16. Tiffy~~
    整理的好清楚也很棒喔!!!那天升級完後如果有見到妳的文章就好了~~~省去我還在摸索浪費掉的時間~~希望很多人可以很幸運的都能看到你的文章!!~~

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

您的留言將使用 WordPress.com 帳號。 登出 / 變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 / 變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 / 變更 )

Google+ photo

您的留言將使用 Google+ 帳號。 登出 / 變更 )

連結到 %s