在WordPress技术博客中显示代码块

时间:2013-11-29 12:26:26

标签: wordpress code-formatting

我正在尝试在我的博文中显示一些HTML代码。有没有办法将HTML代码显示为该帖子的元素?

4 个答案:

答案 0 :(得分:4)

您应该查看有关 Writing Code in Your Posts的文档。

  

无论您是为WordPress编写插件还是黑客,或者您想要添加关于您自己的WordPress网站或其他编程代码(如HTML,CSS,PHP或JavaScript)的代码,在您的帖子中放入实际看起来像代码的代码,但不像代码,是博主经常遇到的挑战。

这是一篇关于如何在WordPress的帖子/页面中显示代码的好文章。

答案 1 :(得分:1)

超级简单,并且Ram Sharma分享的WordPress Codex页面有很好的材料可供选择。

将所有代码放在<code></code>元素中,并确保每个小于符号的开口都转义“&lt;”并且大于符号“&gt;”虽然你可能会发现自己逃避了其他事情:

示例:

<code>
<?php echo $var; ?>
</code>

但取代大于&amp;小于符号我用适当的HTML字符实体替换它们“&amp; g t;” &安培; “&安培; L T;”没有空格。

查看我的Web Development & Design Blog帖子中的代码编写示例,没有插件!纯粹的代码!

答案 2 :(得分:1)

根据Giancarlo Colfer的回答,您可以使用<code></code>标签和<pre></pre>标签。

示例:

<code>
<pre>
<!-- code goes here -->
</pre>
</code>

您的代码将完全按照输入的顺序输出。

答案 3 :(得分:0)

到目前为止很棒的答案,我只想添加一个提示。

如果您正在撰写有关您已编写的代码的博客;使用文本编辑器(我使用Notepad ++),内置查找和替换(Ctrl + H)功能。

  
    

查找:&#34;&lt;&#34;
    替换:&#34;&amp; l t;&#34;

         

然后

         

查找:&#34;&gt;&#34;
    替换:&#34;&amp; g t;&#34;

  

和以前一样,从替换字符串中删除空格。

最后 - 请记住撤消查找和替换和/或不要点击保存。