推 natyshow:我想問原PO圖中 頁籤旁邊的feed和mail等按鈕怎麼放上的?04/08 20:57
via: #1DdUDeWW
自訂按鈕(1) - 玩 Opera Apps 也不成問題
撰寫日 4/15/2011 作者： 昜
via: http://goo.gl/HePxE
特別說明：
1.此文轉文不轉圖、連結，圖請到原文網站瀏覽。
2.原文圖多（12P）請慎入。
Opera 瀏覽器憑藉著完善的結構設計，讓使用者可以很自由地自訂自己專屬的 Opera 介
面。在按鈕上同樣如此，使用者可以透過組合各種指令和參數設計出自己的按鈕，來強化
操作上的便利性。本篇文章會簡單交代各參數的功用，然後再透過範例實作給各位讀者參
考。
Opera 的自訂自由度幾乎是所有瀏覽器中的翹楚，結合按鈕的使用變化無窮的組合技。
本文會使用簡單的範例交代如何快速製作自訂按鈕，同時還會叫你如何玩釘在分頁列上「
Opera Apps」。
按鈕的結構說明
沒有規矩何來方圓，設計按鈕同樣需要按照按鈕的結構來設計。按鈕的設計結構分為五個
欄位，這五各欄位的內容分別代表著不同類型的參數。先假設把這五個參數命名為P1、P2
、P3、P4、P5。以下是它們各自代表的角色：
P1：命令／動作
P2：提供給P1的參數
P3：提供給P1的參數（編：應該是顯示的方式，我不是很清楚）
P4：自訂按鈕的名稱
P5：自訂按鈕的圖示
每一個參數在設定檔中是以逗號隔開，在用一個西式引號括著所有的五個參數。讀著可以
試著看一下的這個範例，是否可以理解呢？第一參數是指開啟網頁、第二個參數是給第一
個命令的參數，在這裡就是要開啟的網頁、第三個參數在這裡的情況下輸入「1」即可、
第四個參數是自訂的名稱，這個例子顯示這個自訂按鈕的名稱叫「Gmail」、第五個是要
顯示的圖示，這是一個郵件的圖示（編：讀者在這裡先不要細究為什麼，稍後會說明），
在這個例子中如果選擇在這個欄位留白，這個按鈕會自動抓取網站的 Favicon 當作圖示
。
"Go to page, "https//mail.google.com", 1, Gmail, "Mail Accounts""
製作按鈕輔助器
對一般的使用者而言，光要搞清楚這些複雜的指令和參數已經不簡單了，還要到 Opera
目錄中編輯全都是文字的設定檔就更是難上加難。好在有不少 Opera 神手打造了一些快
速製作按鈕的輔助工具，這裡就介紹給各位讀者三個可以快速製作按鈕的工具。
1.延伸套件：Button Creator
2.網頁工具：scipio's Opera Button Creator
3.網頁工具：The Opera Custom Button & Command Creator
基本上我會建議讀者使用第一個按鈕製作工具，除非你真的很討厭按鈕延伸套件或你仍使
用 11 版以下的 Opera （老兄，是時候該換了）。而且接下來的範例也會以延伸套件的
Button Creator 來當作教學工具。
開始製作自訂按鈕
當你安裝好 Button Creator 延伸套件後，就可以開始跟著下列的步驟一步步的開始打造
屬於你的。以下這個範例會教你如何透過 Button Creator 製作自訂按鈕，後把按鈕拖曳
到分頁列（或任何你喜歡的地方），來打造一個 Apps 工具。
1.點選 Button Creator 套件的按鈕叫出視窗，將模式切換為「Simple」模式，以方便製作
。
2.在第一個欄位中輸入你想要的指令，範例中輸入「Go to page」開啟網站這個指令。註解
１
3.第二個欄位則是給第一個指令的參數，既然要開啟網站當然要給網站的網址啦，範例中輸
入了 Gmail 的網址。
4.第三個參數給「1」即可，第四個參數是按鈕的名稱，範例就直接給「Gmail」了，第五個
參數暫時留白。註解１
5.點選「Add」按鈕新增到「我的按鈕」中。
6.Opera 會自動彈出「我的按鈕」顯示你剛剛新增的自訂按鈕。
7.用滑鼠左鍵按住按鈕，拖放到分頁列（或你偏好的地方）。
8.按鈕就像一個釘在分頁列上的 Apps，完成後必須要按下［確定］，否則按鈕會消失。
自訂你的按鈕圖示
並不是每個按鈕的功能都是要開啟新的網站或分頁，這時就可能需要自訂按鈕的圖示。自
訂按鈕的圖示有兩種方式，一、使用內建的圖示，二、新增外部的圖示。方法一最簡單，
只要找到內建圖示的名稱，然後輸入到第五個欄位即可。至於新增外部的圖示就比較麻煩
，這裡就省略不提。但想要找到內建的圖示並挖出它們的名稱也不是一件簡單的事，所以
最好的方法還是透過套件的協助。請先安裝［Icon List］這個延伸套件。
1.點選「Icon List」的按鈕叫出視窗，在搜尋列中輸入關鍵字，譬如要找電子郵件的圖示
，可以輸入「mail」。
2.點選中意的圖示，底下就出現圖示的名稱，複製圖示名稱。
3.在 Button Creator 的第五個欄位中輸入圖示的名稱。
4.一樣，按鈕會顯示在「我的按鈕」中，你可以把按鈕拖放任意的位置。
後記
自訂按鈕的功用非常廣泛，這篇文章只是稍微拋磚引玉，希望更多的隱士的使用者可以提
供更多有趣又好玩的應用範例。當然，你也可以舉一反三，創造更獨特的自訂按鈕玩法。
最後提醒讀者更多的有關自訂按鈕的詳細資料可以到 Opera Wiki 查閱。另外，把按鈕放
在分頁列的做法似乎不太適合分頁開很多的分頁狂人使用。
註解１：
這裡使用「Go to page」這個指令主要的前提有二，一、取消「重新使用此頁」設定（
預設取消），二、「Go to page」會自動抓取網址的 Favicon 來當作按鈕圖示。以我個
人為例，我就偏好啟用「重新使用此頁」，取消的好處是當你觸法開啟網頁的動作時，程
式會自動判斷目前的分頁是否是空白頁，是的話會自動使用，不是的話會自動開一個新的
空白頁來用。雖然看似便利，但不符合我的習慣，所以一般我會使用「Open url in new
page」來取代「Go to page」，但是問題是「Open url in new page」並不會自動抓取網
址的 Favicon 來當作按鈕圖示，所以就必須自訂按鈕的圖示。兩者無優劣之分，全憑你
的選擇。
--
如果有人知道P3的詳細功能也歡迎告訴我
--
◆ ◆◆◆◆◆
◆ ◆ ［t7度空間］
◆◆◆◆◆ ◆ http://t7yang.blogspot.com
◆ ◆ 一個屬於我的創作空間
◆ ◆
◆◆ ◆
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 140.113.230.27
推 kniaz:大推！ 剛弄一個在自己面板上 :) 04/15 18:59
→ weiyucsie:感覺按鈕算是opera裡蠻powerful的部份 04/15 19:06
→ weiyucsie:畢竟編輯toolbar或是menu有點太麻煩了XD 04/15 19:08
→ weiyucsie:我猜這應該是對應的opera wiki頁面 04/15 19:10
我有很多東西都是看 Wiki 學的 原文中也有連結到Operawiki
→ TooHuman:p3那區是放細一點的參數,像是%u %c %t這類額外的功能 04/15 19:22
→ TooHuman:像要點IE按鈕用IE開啟現在瀏覽的網頁的話就要加%u 04/15 19:26
其實 %U %C 這些參數不一定要放在第三欄，我只是好奇按鈕的第三欄一定要放1
推 natyshow:推推推，感謝分享 04/15 20:00
嗯嗯 這是一定要的啦 既然都答應了，只是不知道有沒有讓你等太久
如果你催我的話 我應該會更快交出來 XDD
推 peacedove:XD 暫時跳槽Safari 04/15 21:20
→ Weal:我的按鈕拖不到頁籤列上 這應該是那套件的特異功能? 04/15 21:24
→ weiyucsie:應該不至於吧？ 04/15 22:12
→ weiyucsie:我知道兩種連結可以弄成按鈕 一種是bookmarklet 04/15 22:13
→ weiyucsie:另外一種是opera button... 04/15 22:13
→ weiyucsie:bookmarklet可能是一個網址或是javascript:開頭的連結 04/15 22:13
→ weiyucsie:opera button的連結內容則是opera:/button/開頭的 04/15 22:14
→ weiyucsie:bookmarklet如果要移到工具列的話，應該拖曳時多按shift 04/15 22:15
嗯嗯 其實都可以 Opera 真的甚麼鬼都可以弄 只是我不會寫javascript而已...
推 Weal:現在又可以了 應該是之前沒設定好 04/15 23:03
拖到分頁列時要稍微往左邊一點挪才放得上去 第一次弄會不太好弄
※ 編輯: t7yang 來自: 140.113.230.27 (04/16 00:11)
→ t7yang:寫這篇文後就趕去吃吃喝喝，所以校稿比較倉促 寫得沒有很好 04/16 00:12
→ Weal:倒是今天有在A.Sun的部落格看到你的留言 還蠻驚訝的 XD 04/16 00:26
→ t7yang:為什麼會驚訝? 04/16 00:35
→ t7yang:啊 我知道了(一定是我打錯字 XD) 04/16 00:36
推 Weal:類似異鄉逢故人那種心態吧 想說你的守備範圍竟有這麼廣 XD 04/16 00:39
→ t7yang:哦 嗯嗯 確實的粉絲還滿多的 我們這些過去留言看起來真的很 04/16 00:44
→ t7yang:像「怪人」，話說回來，會認識他也是因為上次徵文比賽 04/16 00:45
→ t7yang:他技高一籌 04/16 00:45
→ t7yang:另外，「守備範圍」<-這這真的讓我笑了 04/16 00:48
推 natyshow:不會等太久，因為最近也在研究新的Speed Dial 04/16 01:35
→ TooHuman:p3依原始語法來看可以不加東西阿,空白也ok 04/16 08:50
推 Rplus:這篇好棒～ 04/17 18:20