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のテーマをブログ上に表示させようとしてもテキスト以外の部分は空白になるだけ。

おすすめ記事

コメントを残す




*

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

関連記事

パソコンでスマートフォンサイトの表示を確認する・Firefox
WYSIWYG編集ができる無料HP作成ソフト「BlueGriffon」が使いやすい
noimage
シーサーブログの記事の直下に広告やブログランキングなどを貼り付ける・コンテンツHTMLを編集する
Bloggerで半角ダブルクォーテーション(")が自動で全角変換にされてしまう設定を変更しよう
GoogleAdSenseの「関連コンテンツ ユニットβ版」
Googleカスタム検索をスタイルシートでカスタマイズ-コードは変更しないよ
WordPressコメントフォームのメールアドレス記入を必須項目からはずしてプラグインで注意事項を書き加えてみた
WordPressにFC2ブログの画像を取り込む
wordpressテーマSTINGER3のスマートフォン表示の【NEW ENTRY】のアイキャッチ画像を非表示にする
FC2ブログカスタマイズ「拍手ボタンの設置・拍手を自由な位置に配置する」
function.phpを含めたwordpressテーマの子テーマ化
シーサーブログの最近の記事の設定の仕方
WordPressで使っていない画像を探して削除
Googleアドセンスってなに?

Menu

HOME

 TOP