先前的 WordPress 文章已經討論如何使用及修改 Blockquote 引用框, 現在看看如何保持 WordPress Blockquote 內文字本來的格式, 例如, 文字縮排。寫有關電腦程式碼的 WordPress 文章的博客, 經常要將程式碼放在 Blockquote 引用框內, 方便讀者查閱, 要保持原本程式碼的格式就非常重要了。
幸好, 博客可以利用 <pre></pre> 來配搭 WordPress Blockquote, 以保持 WordPress Blockquote 內的文字格式。
現在舉一簡單例子看看如何保持 WordPress Blockquote 內文字本來的格式。
假設在文字編輯軟件編寫了以下網頁 HTML 碼:
現在 Copy 以上的網頁 HTML 碼在以下的 WordPress Blockquote 內, 看看效果如何:
<html>
<head>
<title>Test WordPress Blockquote</title>
</head>
<body>
Hi,
I am using Blockquote.
Thanks
</body>
</html>
Oh…. 原本 HTML 碼的文字縮排格式消失了! 以上的HTML 碼明顯地沒有那麼容易查閱和明白。
但是, 如果在 WordPress Blockquote 內加入<pre></pre>, 便可以保持 WordPress Blockquote 內文字格式, 如下所示:
<html> <head> <title>Test WordPress Blockquote</title> </head> <body> Hi, I am using Blockquote. Thanks </body> </html>
所以, 如果要保持 WordPress Blockquote 內文字的格式, 只要一起使用 <blockquote> 和 <pre> 便可以了:
<blockquote>
<pre>
—— 程式碼 —-
</pre>
</blockquote>
Leave a Reply