如何幫助t7?

t7度空間是一個沒有掛載任何廣告、所有的資訊/知識分享皆是無償奉獻的部落格,如果你覺得t7度空間的內容對你有幫助並願意給予t7支援或鼓勵的話,你可以透過下列的方式:

  • 從[這裡]申請 Dropbox 並安裝到電腦,你可以得到 250MB 的額外空間並提升t7的可用空間。
  • 寫信到t7yang@ymail.com給我鼓勵、感謝、建議……

[瀏覽器] 自訂按鈕(1) - 玩 Opera Apps 也不成問題

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」開啟網站這個指令。註解1
  3. 第二個欄位則是給第一個指令的參數,既然要開啟網站當然要給網站的網址啦,範例中輸入了 Gmail 的網址。
  4. 第三個參數給「1」即可,第四個參數是按鈕的名稱,範例就直接給「Gmail」了,第五個參數暫時留白。註解1
  5. 點選「Add」按鈕新增到「我的按鈕」中。
  6. Opera 會自動彈出「我的按鈕」顯示你剛剛新增的自訂按鈕。
  7. 用滑鼠左鍵按住按鈕,拖放到分頁列(或你偏好的地方)。
  8. 按鈕就像一個釘在分頁列上的 Apps,完成後必須要按下〔確定〕,否則按鈕會消失。

自訂你的按鈕圖示
並不是每個按鈕的功能都是要開啟新的網站或分頁,這時就可能需要自訂按鈕的圖示了。自訂按鈕的圖示有兩種方式,一、使用內建的圖示,二、新增外部的圖示。方法一最簡單,只要找到內建圖示的名稱,然後輸入到第五個欄位即可。至於新增外部的圖示就比較麻煩,這裡就省略不提。但想要找到內建的圖示並挖出它們的名稱也不是一件簡單的事,所以最好的方法還是透過套件的協助。請先安裝〔Icon List〕這個延伸套件。
  1. 點選「Icon List」的按鈕叫出視窗,在搜尋列中輸入關鍵字,譬如要找電子郵件的圖示,可以輸入「mail」。
  2. 點選中意的圖示,底下就出現圖示的名稱,複製圖示名稱。
  3. 在 Button Creator 的第五個欄位中輸入圖示的名稱。
  4. 一樣,按鈕會顯示在「我的按鈕」中,你可以把按鈕拖放任意的位置。

後記
自訂按鈕的功用非常廣泛,這篇文章只是稍微拋磚引玉,希望可以透過這次的機會吸引到更多的隱士提供其他有趣又好玩的應用範例。當然,你也可以舉一反三,創造更獨特的自訂按鈕玩法。最後提醒讀者更多有關自訂按鈕的詳細資料可以到 Opera Wiki 查閱。另外,把按鈕放在分頁列的做法似乎不太適合分頁開很多的分頁狂人。

註解1:
這裡使用「Go to page」這個指令主要的前提有二,一、取消「重新使用此頁」設定(Opera 預設取消),二、「Go to page」會自動抓取網址的 Favicon 來當作按鈕圖示。以我個人為例,我就偏好啟用「重新使用此頁」,取消的好處是當你觸法開啟網頁的動作時,程式會自動判斷目前的分頁是否為空白頁,是的話會自動使用,不是的話會自動開一個新的空白頁來用。雖然看似便利,但卻不符合我的習慣,所以一般上我會使用「Open url in new page」來取代「Go to page」,但問題是「Open url in new page」並不會自動抓取網址的 Favicon 來當作按鈕圖示,所以就必須自訂按鈕的圖示。兩者無優劣之分,全憑你的選擇。