主頁 > wordpress > WordPress攻略手冊

WordPress攻略手冊

post from: http://tiffyhuang.wordpress.com/function/

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

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

分享部分相簿在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連結)

● 一般連結

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

● 圖片

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

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

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


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

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

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

//

先前的Toggle Playback下一個

// 內建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=0×000000 背景顏色
leftbg=0×000000 左邊背景顏色
lefticon=0×ff0000 左邊圖示(喇叭顏色)
rightbg=0xCCCCCC 右邊背景顏色
rightbghover=0×eeeeee 滑鼠移至右邊背景的顏色
righticon=0×000000 右邊圖示(play鍵)
righticonhover=0xFFFFFF 滑鼠移至右邊圖示的顏色
border=0×666666 邊框顏色
text=0×ff9900 文字顏色
bgcolor=0×000000 背景顏色

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

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

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

很有特色的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…

廣告
分類:wordpress 標籤:
  1. 仍無迴響。
  1. No trackbacks yet.

發表迴響

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

WordPress.com Logo

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

Twitter picture

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

Facebook照片

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

Google+ photo

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

連結到 %s

%d 位部落客按了讚: