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

相關文章

This post was written by:

Robbin - who has written 532 posts on Robbin.cc.


Contact the author

9 Responses 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 年之久 您可能需要確認一下站內是否有更新資訊跟你所要發表的評論有關

“他們最好別讓我去打全明星。我不會投籃﹐但我會統治那種弱智的比賽的。我會強硬的防守。我會犯規。我會惡意犯規。然後每個人都會露出‘這小子在搞什麼﹖’的表情。” - Ron Artest

Lifestream

  • Robbin 這種溫度,嗯,現在掛在天空上的是月亮嗎 [robbin].
    2h ago via Twitter
  • Robbin 剛剛上完戴志揚的"如何與媒體互動",聽了一些有趣的故事 [robbin].
    2h ago via Twitter
  • Robbin RT @mouson: RT @FYU: 在和好友"喵喵"解釋推特,看到的朋友請幫Re推~~~(如果這封推這麼晚還有效果,相相信你們不只是好朋友了) [robbin].
    14h ago via Twitter
  • Robbin RT @kovis: @robbin 希望以後有機會搭到車長您的車子!#很有機會哦,今年可能我就會上線了,我可以帶你到天涯海角XD [robbin].
    17h ago via Twitter
  • Robbin RT @emma0319: @robbin 所以你也後是帥氣的列車長囉XD@是哦,不過帥氣與否,我…只能盡力而為=_= [robbin].
    17h ago via Twitter
  • Robbin RT @qing_wang: rTwT: @hao520 《中時電子報》楊志良臨走發聲明「頻繁選舉禍國殃民」:「 (cont) http://tl.gd/f0rgq [robbin].
    17h ago via Twitter

My Flickr Photos

crowd土城家樂福神秘太魯閣cage?內灣吊橋無聊的狗啊rebuild

view myFlickr photos

MOBO ME

  • 你還年輕,將來會遇到很多人,也會遇到很多事。會得到很多,也會失去很多,但無論如何,有兩件東西你千萬不能放棄,一個叫良心,另一個叫做理想

    - #

站內分類

歷史紀錄

本站授權

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+IC0gdHJ1ZTwvbGk+PGxpPjxzdHJvbmc+d29vX2xheW91dDwvc3Ryb25nPiAtIGRlZmF1bHQucGhwPC9saT48bGk+PHN0cm9uZz53b29fbG9nbzwvc3Ryb25nPiAtIGh0dHA6Ly9yb2JiaW4uY2Mvd3AtY29udGVudC93b29fdXBsb2Fkcy8zLXJhaWxiYWJlLmpwZzwvbGk+PGxpPjxzdHJvbmc+d29vX21hbnVhbDwvc3Ryb25nPiAtIGh0dHA6Ly93d3cud29vdGhlbWVzLmNvbS9zdXBwb3J0L3RoZW1lLWRvY3VtZW50YXRpb24vZ2F6ZXR0ZS1lZGl0aW9uLzwvbGk+PGxpPjxzdHJvbmc+d29vX290aGVyX2VudHJpZXM8L3N0cm9uZz4gLSA0PC9saT48bGk+PHN0cm9uZz53b29fb3RoZXJfaGVhZGxpbmVzPC9zdHJvbmc+IC0gNDwvbGk+PGxpPjxzdHJvbmc+d29vX3Jlc2l6ZTwvc3Ryb25nPiAtIHRydWU8L2xpPjxsaT48c3Ryb25nPndvb19zaG9ydG5hbWU8L3N0cm9uZz4gLSB3b288L2xpPjxsaT48c3Ryb25nPndvb19zaG93X2Nhcm91c2VsPC9zdHJvbmc+IC0gdHJ1ZTwvbGk+PGxpPjxzdHJvbmc+d29vX3Nob3dfZmVhdHVyZWQ8L3N0cm9uZz4gLSB0cnVlPC9saT48bGk+PHN0cm9uZz53b29fc2hvd192aWRlbzwvc3Ryb25nPiAtIHRydWU8L2xpPjxsaT48c3Ryb25nPndvb19zaW5nbGVfaGVpZ2h0PC9zdHJvbmc+IC0gMTgwPC9saT48bGk+PHN0cm9uZz53b29fc2luZ2xlX3dpZHRoPC9zdHJvbmc+IC0gMjUwPC9saT48bGk+PHN0cm9uZz53b29fdGFiczwvc3Ryb25nPiAtIGZhbHNlPC9saT48bGk+PHN0cm9uZz53b29fdGhlbWVuYW1lPC9zdHJvbmc+IC0gR2F6ZXR0ZTwvbGk+PGxpPjxzdHJvbmc+d29vX3VwbG9hZHM8L3N0cm9uZz4gLSBodHRwOi8vcm9iYmluLmNjL3dwLWNvbnRlbnQvd29vX3VwbG9hZHMvMy1yYWlsYmFiZS5qcGc8L2xpPjxsaT48c3Ryb25nPndvb192aWRlb19jYXRlZ29yeTwvc3Ryb25nPiAtICZhcmluZzsmZnJhYzEyOyZwbHVzbW47JmNjZWRpbDuJhyZhcmluZzuIhiZhdW1sOyZvcmRtOyZsYXF1bzs8L2xpPjwvdWw+