如何在Wordpress博客文章中发布源代码

时间:2010-01-25 07:04:48

标签: php wordpress

我刚开始编码相关的wordpress bog来基本讨论主题和存储代码片段。我安装了一个代码语法highlighter插件非常好但我遇到了问题。我刚刚尝试发布我的第一个与代码相关的博客帖子,而wordpress似乎只发布了我的一些代码,然后它使一些不显示,就像它过滤了一些,即使我将它包装在像这样的标签.. < / p>

<pre class="brush:php">

<?PHP
my code
?>

</pre>

我的一些代码可以运行,有些代码会以某种方式被过滤掉。我知道这是可能的,因为许多wordpress编码网站显示源代码。我是否需要修改某些内容才能使其在wordpress中运行?


更新

我已经确认它确实将我的所有代码保存到数据库中,它只是在尝试打印到屏幕时将其过滤掉,所以当我进入编辑帖子和文本框填充所有源代码完整

8 个答案:

答案 0 :(得分:4)

看看http://en.support.wordpress.com/code/posting-source-code/官方wordpress托管支持的内容,它非常易于使用,应该进行足够的测试。

答案 1 :(得分:3)

我的猜测是你有未经过滤的&lt;或者&amp;代码中需要编码的符号。使用“&amp; lt;” for&lt;和“&amp; amp;” for&amp;。

答案 2 :(得分:2)

你读过这个Codex article吗?要突出显示代码,您可以使用wordpress plugins

答案 3 :(得分:0)

您的<?php ?>代码是否已执行?

尝试使用<?php phpinfo(); ?>确认。

答案 4 :(得分:0)

我尝试了3种不同的插件,并将它们全部组合在一起我终于有了wordpress而不是过滤掉我的PHP代码

答案 5 :(得分:0)

我使用WordPress › WP-Syntax « WordPress Plugins并且排序和格式化php,css,applescript等没有问题。您不能正确安装插件。

答案 6 :(得分:0)

过去我在wordpress帖子中插入代码时遇到了很多麻烦,但我确实找到了一种非常简单的方法!我会将此代码添加到样式表中:

pre {
    font-family: courier,"courier new",monospace;
    font-size: 12px;
    overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    /* width: 99%; */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

然后确保您尝试将作为代码显示的任何代码都在<pre>标记内。对我来说很棒!

我刚刚写了一篇关于此事的博客文章(http://blog.thelibzter.com/displaying-snippets-of-code-correctly-in-wordpress-posts),因为这是我长时间无法找到解决方案的东西!希望有所帮助!

答案 7 :(得分:0)

一个想法是使用Github的要点:http://gist.github.com,对于你在gist上发布的每个源代码,你会收到一个嵌入式代码,只需将其粘贴到WordPress上的帖子中即可。

例如,请参阅:https://gist.github.com/meysampg/0a6524b13b8be8e6205a#file-rtl_css_prestashop-tpl,我在此HTML文件中使用了此要点的嵌入代码:

<!doctype html>
<html>
<head>
    <title>Sample of Gist code</title>
</head>
<body>
    <p>This is a code:</p>
    <script src="https://gist.github.com/meysampg/0a6524b13b8be8e6205a.js"></script>
</body> 
</html>

您可以在此处查看在线演示:http://jsfiddle.net/meysampg/nadsffe7