WordPressの投稿の編集のテキストモード「code」は何?

 Wordpressの投稿の編集のテキストモードに「code」というクイックタグのボタンがある。

 このcodeというクイックタグ何に使うのかずーと不思議に思っていた。

 Wordpressのcodeというクイックタグボタンの使い道がわかったのでちょっとメモ代わりに記載。

codeはソースコードをそのまま記載するタグ

 codeはソースコードをそのまま記載する際に使う。

 Wordpressのテキストモードのクイックボタン「<code>~</code>」を押すと<code>のタグが挿入される。

 押した後のボタンは「/code」の表示になる。

 で、この「/code」を押すと</code>というタグが挿入される。

 この、<code>~</code>ではさまれた~の部分にHTMLやスタイルシートなどのソースを記載すると、記載したそのままの記述でテキストとして記載できる。

 インデント(字下げ)や改行をそのまま表示させるときには、<PRE>~</PRE>で<code>~</code>の外側を囲む。

codeで囲んだ場合

codeで囲んだ場合

codeで囲んだ場合の表示

codeで囲んだ場合の表示

preとcodeで囲んだ場合

preとcodeで囲んだ場合

preとcodeで囲んだ場合の表示

preとcodeで囲んだ場合の表示

<>のコード表示には使えない

 この、<code>~</code>残念ながらHTML<br><p>などのタグをそのまま表示することができない。

 phpのコードの表示にもそのまま使うことができない。

 なのでWordpressのテーマをブログ上に表示させようとしてもテキスト以外の部分は空白になるだけ。

おすすめ記事

コメントを残す




*

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

関連記事

レンタルサーバーに仮登録してみた
文字の大きさが変えられないのは、スタイルシートのフォントサイズ指定の単位が問題
FC2ブログのバックアップ機能使ってみた
Googleアドセンスの非同期バージョンを入手する
パソコンでスマートフォンサイトの表示を確認する・Firefox
WinSCPのバージョンアップ
FC2ブログから引越し準備・データのダウンロード
RSSリーダーどれが使いやすい?
<!--more-->、<!--/more-->、<!--more_link-->、<!--/more_link-->の前後に広告や文字を入れるとどうなる?
プラグインでWordPressのSEO
g+1ボタンを非同期に読み込んでwordpressの表示を高速化する
広告や画像を横並べにするHTML
WordPressにFC2ブログの画像を取り込む
Googleの検索ボックスの便利な使い方1
FC2ブログのバックアップファイルをシーサーブログに流し込む方法

Menu

HOME

 TOP