Categorized | 調教心得

添加字體大小調整方式

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: 就是這樣簡單

Facebook comments:

View Comments to “添加字體大小調整方式”

  1. 風痕影 說道:

    Opera 和 IE 7 的放大縮小功能就很不錯
    它是連版面也會一起放大,應該就不太會破掉了

  2. Robbin 說道:

    不過現在我的做法是讓只有文章的字體放大就好了
    其他維持原樣,感覺起來比用瀏覽器的放大縮小來的方便

  3. meiwechner 說道:

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

  4. Robbin 說道:

    身為一個好人,我只能說,其實wordpress裡面所見即所得編輯器應該就可以拿來用了,先請你那邊的好人把header復原成原狀吧

  5. meiwechner 說道:

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

  6. Robbin 說道:

    請參考這篇讓你的後台編輯器也可以有字型選項

  7. meiwechner 說道:

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

  8. Robbin 說道:

    改css的話,只要調整你目前正在使用theme目錄底下的style.css檔案就好了

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

  9. meiwechner 說道:

    謝謝!

Trackbacks/Pingbacks


Leave a Reply

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

blog comments powered by Disqus
    I am Robbin Huang
    我不是甚麼部落客
    我就是
    鐵道員、BBer
    我的PIN :217ACE9F
    更多About me

  • 武汉房地产网: 贵站管理员 ,你好武房网 申请文字友情链接(首页 ,内页)武汉房地产...


  • Robbin: 恭喜你了這篇文章可能現在的實用性不高不管 如何祝你好運—...


  • Lisa: 謝謝分享! 小妹剛開始經營blog, 第一篇就找到你的。很有用!到小妹的blo g...


  • Robbin: 你可以試試看用fitness band的關鍵字在youtube找...


  • Caroltangtang: 我也只是找有關彈力繩的相關教學,不...

  1. Today

    1. Shared [台湾趴趴走]十日谈--方方面面品台湾-天津人自由行(轉帖)(贴图)_畅游台湾_天涯社区.

      7h ago via Delicious

    2. Shared 如何练习中长跑.

      9h ago via Delicious

    3. Shared 關於跑馬拉松的十大事實.

      9h ago via Delicious

    4. Shared 關於訓練長跑所需訓練計畫.

      9h ago via Delicious

  2. September 1st

    1. Shared 金庸版本的奇妙世界 @YLib Blog.

      6:22am via Delicious

  3. August 31st

    1. Xbox arcade上面的一款好遊戲,toy soldiers [robbin]

      6:52am via Twitter

    Upstream

每個人都該結婚
畢竟快樂不是生活的全部啊

MOBO ME

My Flickr


20091019-20091019-P1020927
å¤é½
æ­£æ¯åçæ°£åæ¢
ç¥ç§å¤ªé­¯é£
å§ç£åæ©ç¡èççå
æå¨ä½³æ¨æ°´

站內分類

歷史紀錄

本站授權

Creative Commons License
本站創用 CC 授權.

同時也在

wordpress歡樂正體中文交流所
PHVsPjxsaT48c3Ryb25nPndvb19hZHNfcm90YXRlPC9zdHJvbmc+IC0gdHJ1ZTwvbGk+PGxpPjxzdHJvbmc+d29vX2FkX2ltYWdlXzE8L3N0cm9uZz4gLSBodHRwOi8vd3d3Lndvb3RoZW1lcy5jb20vYWRzLzEyNXgxMjVhLmpwZzwvbGk+PGxpPjxzdHJvbmc+d29vX2FkX2ltYWdlXzI8L3N0cm9uZz4gLSBodHRwOi8vd3d3Lndvb3RoZW1lcy5jb20vYWRzLzEyNXgxMjViLmpwZzwvbGk+PGxpPjxzdHJvbmc+d29vX2FkX2ltYWdlXzM8L3N0cm9uZz4gLSBodHRwOi8vd3d3Lndvb3RoZW1lcy5jb20vYWRzLzEyNXgxMjVjLmpwZzwvbGk+PGxpPjxzdHJvbmc+d29vX2FkX2ltYWdlXzQ8L3N0cm9uZz4gLSBodHRwOi8vd3d3Lndvb3RoZW1lcy5jb20vYWRzLzEyNXgxMjVkLmpwZzwvbGk+PGxpPjxzdHJvbmc+d29vX2FkX21wdV9hZHNlbnNlPC9zdHJvbmc+IC0gPC9saT48bGk+PHN0cm9uZz53b29fYWRfbXB1X2Rpc2FibGU8L3N0cm9uZz4gLSB0cnVlPC9saT48bGk+PHN0cm9uZz53b29fYWRfbXB1X2ltYWdlPC9zdHJvbmc+IC0gaHR0cDovL3d3dy53b290aGVtZXMuY29tL2Fkcy8zMDB4MjUwYS5qcGc8L2xpPjxsaT48c3Ryb25nPndvb19hZF9tcHVfdXJsPC9zdHJvbmc+IC0gaHR0cDovL3d3dy53b290aGVtZXMuY29tPC9saT48bGk+PHN0cm9uZz53b29fYWRfcGFnZTwvc3Ryb25nPiAtIFNlbGVjdCBhIHBhZ2U6PC9saT48bGk+PHN0cm9uZz53b29fYWRfdG9wX2Fkc2Vuc2U8L3N0cm9uZz4gLSA8L2xpPjxsaT48c3Ryb25nPndvb19hZF90b3BfZGlzYWJsZTwvc3Ryb25nPiAtIHRydWU8L2xpPjxsaT48c3Ryb25nPndvb19hZF90b3BfaW1hZ2U8L3N0cm9uZz4gLSBodHRwOi8vd3d3Lndvb3RoZW1lcy5jb20vYWRzLzQ2OHg2MGEuanBnPC9saT48bGk+PHN0cm9uZz53b29fYWRfdG9wX3VybDwvc3Ryb25nPiAtIGh0dHA6Ly93d3cud29vdGhlbWVzLmNvbTwvbGk+PGxpPjxzdHJvbmc+d29vX2FkX3VybF8xPC9zdHJvbmc+IC0gaHR0cDovL3d3dy53b290aGVtZXMuY29tPC9saT48bGk+PHN0cm9uZz53b29fYWRfdXJsXzI8L3N0cm9uZz4gLSBodHRwOi8vd3d3Lndvb3RoZW1lcy5jb208L2xpPjxsaT48c3Ryb25nPndvb19hZF91cmxfMzwvc3Ryb25nPiAtIGh0dHA6Ly93d3cud29vdGhlbWVzLmNvbTwvbGk+PGxpPjxzdHJvbmc+d29vX2FkX3VybF80PC9zdHJvbmc+IC0gaHR0cDovL3d3dy53b290aGVtZXMuY29tPC9saT48bGk+PHN0cm9uZz53b29fYWx0X3N0eWxlc2hlZXQ8L3N0cm9uZz4gLSBkYXJrYmx1ZS5jc3M8L2xpPjxsaT48c3Ryb25nPndvb19hcmNoaXZlczwvc3Ryb25nPiAtIGFyY2hpdmVzPC9saT48bGk+PHN0cm9uZz53b29fYXNpZGVzX2NhdGVnb3J5PC9zdHJvbmc+IC0gU2VsZWN0IGEgY2F0ZWdvcnk6PC9saT48bGk+PHN0cm9uZz53b29fYXNpZGVzX2VudHJpZXM8L3N0cm9uZz4gLSBTZWxlY3QgYSBudW1iZXI6PC9saT48bGk+PHN0cm9uZz53b29fYXV0aG9yPC9zdHJvbmc+IC0gZmFsc2U8L2xpPjxsaT48c3Ryb25nPndvb19hdXRvX2ltZzwvc3Ryb25nPiAtIHRydWU8L2xpPjxsaT48c3Ryb25nPndvb19iZ3I8L3N0cm9uZz4gLSBibGFjay5jc3M8L2xpPjxsaT48c3Ryb25nPndvb19jdXN0b21fY3NzPC9zdHJvbmc+IC0gPC9saT48bGk+PHN0cm9uZz53b29fY3VzdG9tX2Zhdmljb248L3N0cm9uZz4gLSA8L2xpPjxsaT48c3Ryb25nPndvb19mZWF0dXJlZF9jYXRlZ29yeTwvc3Ryb25nPiAtICZhZWxpZzuUnSZhcmluZzsmZnJhYzEyOyZwbHVzbW47JmVhY3V0ZTuaJnVtbDsmYWVsaWc7i408L2xpPjxsaT48c3Ryb25nPndvb19mZWF0dXJlZF9lbnRyaWVzPC9zdHJvbmc+IC0gNDwvbGk+PGxpPjxzdHJvbmc+d29vX2ZlYXRfZW50cmllczwvc3Ryb25nPiAtIDU8L2xpPjxsaT48c3Ryb25nPndvb19mZWVkYnVybmVyX2lkPC9zdHJvbmc+IC0gcm9iYmluPC9saT48bGk+PHN0cm9uZz53b29fZmVlZGJ1cm5lcl91cmw8L3N0cm9uZz4gLSBodHRwOi8vZmVlZHMuZmVlZGJ1cm5lci5jb20vcm9iYmluPC9saT48bGk+PHN0cm9uZz53b29fZmxpY2tyX2VudHJpZXM8L3N0cm9uZz4gLSBTZWxlY3QgYSBudW1iZXI6PC9saT48bGk+PHN0cm9uZz53b29fZmxpY2tyX2lkPC9zdHJvbmc+IC0gPC9saT48bGk+PHN0cm9uZz53b29fZ29vZ2xlX2FuYWx5dGljczwvc3Ryb25nPiAtIDwvbGk+PGxpPjxzdHJvbmc+d29vX2hvbWU8L3N0cm9uZz4gLSBmYWxzZTwvbGk+PGxpPjxzdHJvbmc+d29vX2hvbWVfdGh1bWJfaGVpZ2h0PC9zdHJvbmc+IC0gNTc8L2xpPjxsaT48c3Ryb25nPndvb19ob21lX3RodW1iX3dpZHRoPC9zdHJvbmc+IC0gMTAwPC9saT48bGk+PHN0cm9uZz53b29faW1hZ2Vfc2luZ2xlPC9zdHJvbmc+IC0gZmFsc2U8L2xpPjxsaT48c3Ryb25nPndvb19sYXlvdXQ8L3N0cm9uZz4gLSBkZWZhdWx0LnBocDwvbGk+PGxpPjxzdHJvbmc+d29vX2xvZ288L3N0cm9uZz4gLSBodHRwOi8vcm9iYmluLmNjL3dwLWNvbnRlbnQvd29vX3VwbG9hZHMvMy1yYWlsYmFiZS5qcGc8L2xpPjxsaT48c3Ryb25nPndvb19tYW51YWw8L3N0cm9uZz4gLSBodHRwOi8vd3d3Lndvb3RoZW1lcy5jb20vc3VwcG9ydC90aGVtZS1kb2N1bWVudGF0aW9uL2dhemV0dGUtZWRpdGlvbi88L2xpPjxsaT48c3Ryb25nPndvb19vdGhlcl9lbnRyaWVzPC9zdHJvbmc+IC0gNDwvbGk+PGxpPjxzdHJvbmc+d29vX290aGVyX2hlYWRsaW5lczwvc3Ryb25nPiAtIDQ8L2xpPjxsaT48c3Ryb25nPndvb19yZXNpemU8L3N0cm9uZz4gLSB0cnVlPC9saT48bGk+PHN0cm9uZz53b29fc2hvcnRuYW1lPC9zdHJvbmc+IC0gd29vPC9saT48bGk+PHN0cm9uZz53b29fc2hvd19jYXJvdXNlbDwvc3Ryb25nPiAtIHRydWU8L2xpPjxsaT48c3Ryb25nPndvb19zaG93X2ZlYXR1cmVkPC9zdHJvbmc+IC0gdHJ1ZTwvbGk+PGxpPjxzdHJvbmc+d29vX3Nob3dfdmlkZW88L3N0cm9uZz4gLSB0cnVlPC9saT48bGk+PHN0cm9uZz53b29fc2luZ2xlX2hlaWdodDwvc3Ryb25nPiAtIDE4MDwvbGk+PGxpPjxzdHJvbmc+d29vX3NpbmdsZV93aWR0aDwvc3Ryb25nPiAtIDI1MDwvbGk+PGxpPjxzdHJvbmc+d29vX3RhYnM8L3N0cm9uZz4gLSBmYWxzZTwvbGk+PGxpPjxzdHJvbmc+d29vX3RoZW1lbmFtZTwvc3Ryb25nPiAtIEdhemV0dGU8L2xpPjxsaT48c3Ryb25nPndvb191cGxvYWRzPC9zdHJvbmc+IC0gaHR0cDovL3JvYmJpbi5jYy93cC1jb250ZW50L3dvb191cGxvYWRzLzMtcmFpbGJhYmUuanBnPC9saT48bGk+PHN0cm9uZz53b29fdmlkZW9fY2F0ZWdvcnk8L3N0cm9uZz4gLSAmYXJpbmc7JmZyYWMxMjsmcGx1c21uOyZjY2VkaWw7iYcmYXJpbmc7iIYmYXVtbDsmb3JkbTsmbGFxdW87PC9saT48L3VsPg==