思い通りのページをつくるために知っておきたいWordPressのきほん

HTMLとCSSに挑戦してみよう - 記事内容としてソースコードを掲載する

Icon comment count 0
Icon stock count 0

普通のテキストと違って、ソースコードを表示させる場合にはインデント(タブや半角スペースによる字下げ)がとても重要です。しかし、HTMLではインデントはカットされた状態で表示されます。ここでは、ソースコードを入力したままの状態でそのまま表示させる方法を紹介します。

この例では、新しい投稿としてソースコードを含んだ記事を入力してみます。管理画面から「投稿」→「新規追加」を選択してください。本文の入力欄の右上にある「テキスト」のタブをクリックし、投稿のタイトルと本文を入力してください。本文のCSSのソースコードの部分にタグを追加して、インデントがそのまま表示されるようにします(普通のHTMLでは改行も無効となりますが、WordPressの管理画面で入力すると改行は維持されます)。

コメント

    コメントはありません