安裝程式碼請參考這篇「讓訪客能自行放大網頁文字，提升友善閱讀體驗」。這個按鈕可放在網頁任何地方，讓訪客能自行縮放文章內的文字，提升閱讀體驗。
可操作下面這顆按鈕看效果，重整頁面後，仍會記住上一次設定的文字大小：
A+
****範例文字****
1. 按鈕數量
這個功能有多種設計方式，例如：
如果想安裝三個按鈕的功能，可參考這篇「Blogspot 文章文字 一鍵調整大小」。
製作這個功能時考量到 WFU BLOG 的版面設計，因為找不出適合多顆按鈕的擺設方式，最後為了節省空間，採取了一顆按鈕的設計方式。
2. 循環切換
由於只有一顆按鈕，不能讓文字無限放大，必須設定一個極限值，超過時回到原始大小，才能讓一顆按鈕做到所有的事，包含放大與縮小。
3. 儲存設定
最後是儲存設定值，讓讀者下次開啟網頁時，能夠讀取設定值，避免每次都要重新按按鈕。
舊瀏覽器只能使用 cookie 來儲存設定值，操作不方便；現在 HTML5 支援了新的儲存方式「localStorage」，操作上直覺又簡單，不過缺點就是舊瀏覽器不支援。
從很久以前 WFU 就決定放生 IE8 以下的訪客，可以讓網頁設計工作更簡化。反正 IE8 以下的市佔率只會越來越少，相信完全被消滅的一天很快就會到來。
****************這個功能有多種設計方式，例如：
- 三顆按鈕：一個放大，一個縮小，一個恢復原尺寸。
- 兩顆按鈕：一個放大，一個縮小。
- 一顆按鈕：循環切換
如果想安裝三個按鈕的功能，可參考這篇「Blogspot 文章文字 一鍵調整大小」。
製作這個功能時考量到 WFU BLOG 的版面設計，因為找不出適合多顆按鈕的擺設方式，最後為了節省空間，採取了一顆按鈕的設計方式。
2. 循環切換
由於只有一顆按鈕，不能讓文字無限放大，必須設定一個極限值，超過時回到原始大小，才能讓一顆按鈕做到所有的事，包含放大與縮小。
3. 儲存設定
最後是儲存設定值，讓讀者下次開啟網頁時，能夠讀取設定值，避免每次都要重新按按鈕。
舊瀏覽器只能使用 cookie 來儲存設定值，操作不方便；現在 HTML5 支援了新的儲存方式「localStorage」，操作上直覺又簡單，不過缺點就是舊瀏覽器不支援。
從很久以前 WFU 就決定放生 IE8 以下的訪客，可以讓網頁設計工作更簡化。反正 IE8 以下的市佔率只會越來越少，相信完全被消滅的一天很快就會到來。
沒有留言:
張貼留言