ブログ開設

WordPress記事にショートコードを埋め込む方法

WordPressで記事に直接ショートコードを載せたい場合、そのまま記事のブロックにコードを書き込んでも、Webページ上ではコードが表示されません。

たとえば、下のコードはアフィリエイト広告を載せるためのカッテネというプラグインに使用するショートコードです。

これをコードとして貼り付けると、下のようにHTML表示されてしまします。

これでは、コードを紹介することが出来ませんね。

今回は、WordPress上でコードをテキスト表示するための設定方法についてご紹介します。

ソースコードのまま掲載するにはプラグインが必要


ソースコードを記事に掲載するにはプラグインを導入すれば簡単です。

「Crayon Syntax Highlighter」というプラグインを入れてみましょう。

インストール方法は、

  • プラグイン>新規追加> Crayon Syntax Highlighter の検索>インストール>有効化

プラグインを忘れずに有効化します。

テキスト入力欄で、○に+が書かれたものを押すと、フォーマットの中に整形済みテキストがあります。

これがコードを記事に埋め込むツールです。

これをクリックすると、コード入力欄が表示されますので、コードを書き込みます。

この状態でプレビューしてみると、しっかりコードが埋め込まれていまね。

コードの表示を変えたければ、プラグイン>インストール済みプラグインからCrayon Syntax Highlighterの「settings」をクリック。

Themeを変えて好みの表示に変えることが出来ます。

好みの表示形式が決まったら、ページ最下部のSave Changesをクリックすると設定が反映されます。

どうぞ使ってみて下さい!

関連記事

  1. ブログ開設

    ブログの閲覧数を増やすために始めたこと#1

    ブログの現状私がブログを始めたのが2018年5月なので、ちょ…

  2. ブログ開設

    WordPress記事に目次を付ける方法

    目次は必要?目次とは、各記事のはじめに記載されている記事の項…

  3. ブログ開設

    WordPressブログのバックアップ方法

    はじめに記事が増えてブログが充実していくと、恐ろしくなるのが…

  4. ブログ開設

    WordPressのブログにバリューコマースアフィリエイトの広告を載せてみる

    ASPへの登録・企業との提携が完了したら、いよいよ広告の掲示です。…

  5. ブログ開設

    TCDのWordPressテーマ「MAG」を購入して、サイトをカスタマイズしてみた

    ブログを書いていく中で重要なのはなんと言っても「アクセス数を稼ぐこと」…

  6. ブログ開設

    バリューコマースアフィリエイト経由で企業と提携する

    バリューコマースアフィリエイトから登録完了のメールが届いてから1日半…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

  1. 登録されている記事はございません。
2021年1月
 123
45678910
11121314151617
18192021222324
25262728293031
  1. お酒

    龍神 隠し酒【群馬県】
  2. レビュー

    遠藤青汁を飲んだ感想~これは結構キツいかも~
  3. 未分類

    Nintendo Switchに保存したデータをパソコンに保存する方法を解説
  4. 未分類

    トマトの種まき【トマト家庭菜園2020#2】
  5. 植物

    DIYで温室を造る-パート2-
PAGE TOP