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. Opera 和 IE 7 的放大縮小功能就很不錯
    它是連版面也會一起放大,應該就不太會破掉了

    2007 年 02 月 06 日 at 07:31 回覆
  2. Opera 和 IE 7 的放大縮小功能就很不錯
    它是連版面也會一起放大,應該就不太會破掉了

    2007 年 02 月 06 日 at 15:31 回覆
  3. 不過現在我的做法是讓只有文章的字體放大就好了
    其他維持原樣,感覺起來比用瀏覽器的放大縮小來的方便

    2007 年 02 月 06 日 at 14:31 回覆
  4. 不過現在我的做法是讓只有文章的字體放大就好了
    其他維持原樣,感覺起來比用瀏覽器的放大縮小來的方便

    2007 年 02 月 06 日 at 22:31 回覆
  5. meiwechner #

    你好, 我是剛用wordpress架自己的blog, 得到好人幫忙架好後, 發覺管理區是沒有文章中的字體調整大小的! 好人現在不知在忙什麼, 一直沒有回答我這問題, 所以我只好在網上找, 找到你後, 照著將上面語法貼到 wp-blog-header.php(我是隨便貼的, 貼在第二行), 結果是整個blog不見了! 請指示該如何做才對! 謝謝!

    2007 年 03 月 10 日 at 13:00 回覆
  6. meiwechner #

    你好, 我是剛用wordpress架自己的blog, 得到好人幫忙架好後, 發覺管理區是沒有文章中的字體調整大小的! 好人現在不知在忙什麼, 一直沒有回答我這問題, 所以我只好在網上找, 找到你後, 照著將上面語法貼到 wp-blog-header.php(我是隨便貼的, 貼在第二行), 結果是整個blog不見了! 請指示該如何做才對! 謝謝!

    2007 年 03 月 10 日 at 21:00 回覆
  7. 身為一個好人,我只能說,其實wordpress裡面所見即所得編輯器應該就可以拿來用了,先請你那邊的好人把header復原成原狀吧

    2007 年 03 月 10 日 at 17:38 回覆
  8. 身為一個好人,我只能說,其實wordpress裡面所見即所得編輯器應該就可以拿來用了,先請你那邊的好人把header復原成原狀吧

    2007 年 03 月 11 日 at 01:38 回覆
  9. meiwechner #

    hi, 謝謝回覆! 好人剛回覆說,每一個theme都有他自己的Style.css樣式表,要調整字體大小或是做其他的調整,都要去修改這個樣式表.”
    我回覆他: “我對CSS亦一知半解! 我想問為何在管理區, 不可以有字體大小的控制呢? 這不是對我們這些不太懂語法的人, 頭大!! 我想請問你,以上所說的將”header復原成原狀吧” 是指好人改了header嗎, 我想不是啊, 因為他也用同我一個版本的啊! 還是你有你的見解呢??
    謝謝!!

    2007 年 03 月 11 日 at 00:38 回覆
  10. 請參考這篇讓你的後台編輯器也可以有字型選項

    2007 年 03 月 11 日 at 15:27 回覆

Leave a Reply

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