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ブログにアップロードした写真のGPS情報を確認する方法
Googleアドセンスの新しい管理画面は、解析能力が優秀
FC2ブログの管理画面が新しくなったけど、使いにくくなった
ドメイン選びの注意点
シーサーブログユーザーはスマートフォンでもPCサイトを表示させよう
WordPress月別アーカイブを横表示にしてフッターに配置してみた
FC2ブログの好きな位置に広告やランキングを表示させる
FC2ブログのdescriptionカスタマイズ・記事内容の要約を検索結果に表示して検索ユーザーに記事内容をアピールする
WordPressテーマTwenty Fourteen(バージョン 3.9.1)で記事下に広告を表示
g+1ボタンを非同期に読み込んでwordpressの表示を高速化する
Googleカスタム検索のメリットとデメリットをWordPress標準検索と比べてみよう
MySQLの追加
FC2ブログ記事直下に広告とランキングを自動的に挿入する

Menu

HOME

 TOP