About the Post

Author Information

我不是甚麼 大大 ,我就是我,可能我從來不看你的Blog,所以我不知道裡面有什麼內容。 也許你的Blog不錯,但我不知道 我既不關心政治,也不關懷社會 請照我所請求的,把我的名字從名單中除去。別的Blogger需要什麼或不需要什麼,想要什麼或不想要什麼,都與此無關…..

添加字體大小調整方式

webtool國際先鋒論壇報裡面的新聞,點進去以後都會有像左圖一樣的圖示,雖然不見得每個功能都會用到,但是有些功能卻發現在看習慣以後,還蠻實用的。

E-mail以及Share Article的功能,之前用share this這個外掛就可以完成了,至於Listen、translate、clipping這個也派不上用場,textsize?

這個倒是不錯用,雖然說瀏覽器已經可以調整字型大小,不過整個放大時,版面容易破碎或是沒那麼美觀,而我一面喜歡小字體的美觀,又希望能有大字體的好閱讀,這個功能應該還蠻實用的。

雖然說這個功能不是什麼特別的功能,熟悉網頁製作的朋友也沒什麼問題,不過還是提供給跟我一樣不了解

於是找了一下網路上的做法,在懶人圖庫這裡看到了方式,補充幾點寫出我的做法:

1.將此段script複製貼入到你的header裡面

<script type="text/javascript">
function doZoom(size)
{document.getElementById('zoom').style.fontSize=size+'px';}
</script>

2.將你要修改的文字把他用下面的span標籤包起來

<span id=”zoom”>需要指定大小的文字</span>

以我而言,我是修改single.php這個檔案裡面的

<?php the_content(‘<p class=”serif”>Read the rest of this entry »</p>’); ?>

把以上這段用span包起來

3.將以下這段貼入你想讓他出現的位置,讀者可以根據這些功能選擇字體。
<a href="javascript:doZoom(16)" mce_href="javascript:doZoom(16)">大</a> <a href="javascript:doZoom(14)" mce_href="javascript:doZoom(14)">中</a> <a href="javascript:doZoom(12)" mce_href="javascript:doZoom(12)">小</a>

:grin : 就是這樣簡單

Tags: ,

13 Responses to “添加字體大小調整方式”

  1. meiwechner #

    謝謝你, 我已跟著文章指示做, 管理後台真的出現了字體大小的調整控制, 字體在後台是變大了, 但去回網頁時, 字體打回原形!!! 我以為只有新出的theme(我用 summer-10)如此!!! 但我轉回default 和 classic, 一樣如此啊!!! 請指示! 如果沒辦法, 我要改CSS, 請問要改那裡呢??? Thanks a lot!

    2007 年 03 月 11 日 at 11:01 回覆
  2. 改css的話,只要調整你目前正在使用theme目錄底下的style.css檔案就好了

    如果只是覺得你的版面字太小,可以直接修改佈景css檔,有問題的話建議你也可以到論壇發問 :wink :

    2007 年 03 月 11 日 at 23:19 回覆
  3. meiwechner #

    謝謝!

    2007 年 03 月 12 日 at 06:53 回覆

Leave a Reply

注意: 此文章已發表 4 年之久 您可能需要確認一下站內是否有更新資訊跟你所要發表的評論有關