34

多くのワードプレスのブログでは、以下のようなコードが表示されています。 ここに画像の説明を入力してください

今、私は自分のコードもこのように置きたいですか?どうやってするの?それはサードパーティのツールに属していますか、それともワードプレスが組み込まれていますか?コードをコピーしてブログに貼り付けると、見栄えが悪くなります。私のブログをもっと読みやすくするための提案をください。ありがとうございました

4

6 に答える 6

64

Wordpress.comでブログを実行している場合は、コードの前に次の行を含めるだけです。

[sourcecode language="csharp"]
//your code comes here
[/sourcecode]

Wordpress.comは、コードの強調表示について心配することを回避する機能を提供します。コードがこれらのブロックの間にある場合は、指定した言語に従って自動的にレンダリングされます。多くの言語をサポートできます。

それらのいくつかは..

html

javascript

java

javafx

matlab(キーワードのみ)

objc

perl

php

セルフホストサイト、またはwordpress.orgでホストされているサイトがある場合は、SyntaxHighlighterプラグインを使用する必要があります:wordpress.org/plugins/syntaxhighlighter

これは、wordpress.comでこの機能を作成するためにWordPressチームが調達したプラグインです。

詳細については、このリンクを参照してください

于 2012-11-07T12:35:13.717 に答える
19

申し訳ありませんが、あなたが言及した次のコードでWONT WORK

[sourcecode language="csharp"]
//your code comes here
[/sourcecode]

したがって、WordpressサイトでWordPressブログにコードスニペットを追加するには、次のようにします。

[code language="javascript"]
//your language script here
[/code]

これがお役に立てば幸いです。:)

于 2013-11-27T13:08:53.460 に答える
6

あなたが探しているのは、ある種のシンタックスハイライトです。コードが投稿の行数などのボックスに表示される場所は正しいですか?

そのためのワードプレスにはいくつかのプラグインがあります。

チェックアウト:

http://wordpress.org/extend/plugins/syntaxhighlighter/

http://wordpress.org/extend/plugins/crayon-syntax-highlighter/

それが役に立てば幸い。乾杯

于 2012-11-06T10:39:43.990 に答える
4

SHEKHARSHETEの答えに追加します。

インラインコードブロックの場合:

テキストを選択して実行Alt+Shift+xすると、次のようなテキストになります。

THIS is an example

これは実際にテキストを取り囲みます<code></code>

中にテキストを書く`..`ことは別の方法です

ソース

于 2016-11-24T15:52:49.167 に答える
2

WordPressの投稿にコードを追加する場合は、次のようにします。

WordPressエディターでHTMLからテキストに切り替えてから、 <code> 開始タグと </code> 終了タグとして挿入します。

これは、私が答えを書いている時点で最新のワードプレスで機能する唯一の方法です。楽しむ!

于 2019-02-21T13:31:08.533 に答える
0

最新:投稿の編集で、/syntaxと入力し始めます。SyntaxHighligherを選択します。ブロック内の言語のタイプを変更できます。

WordPressヘルプ

于 2022-01-07T22:15:27.467 に答える