さいと

WordPressでプログラムコードを表示させたい~Syntax Highlighter~

投稿日:

HTMLでプログラムソースを表示させるのって、けっこうたいへんだんですね~。。。

そのまま表示させようとしたら長くなるし、

短くしようといろんなタグで囲んだらたっぷり改行コードついたりして。。。

【WordPress】綺麗にソースコードを表示する SyntaxHighlighter Evolvedの使い方 | WordPress College

↑調べてみたら、やはりふつうではダメそうです

プラグインを入れれば行けそうです

Syntax Highlighter

エディタのようにWebサイト上に綺麗にソースコードを表示する方法

だそうです

WordPressのプラグインがあるそうなので、

それをサイトにインストールしていこうとおもいます

SyntaxHighlighter Evolvedのインストール

SyntaxHighlighter Evolved

公式サイトですね↑

手順

ダッシュボードからプラグインより新規追加をクリックする

プラグイン追加の画面で「SyntaxHighlighter Evolved」をさがします

↑赤枠部に「SyntaxHighlighter Evolved」を入れてください

 

SyntaxHighlighter Evolvedが出てきたら、

今すぐインストールをクリックしてインストールします

↓のように有効化が表示されたらそれをクリックする

これでOK

設定も変更できますが、とくに変える必要もないいかと

使い方

ビジュアルエディタ上で

[css]~[/css]で囲むと

コードが無加工で表示できます

336px アドセンス

336px アドセンス

-さいと
-, , ,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


関連記事

技術屋さんのHPとアフィリエイト

じぶんのHPをなんで作ろうかと思ったのかというと↓の理由が じぶんでやったことをすぐ忘れるw じぶんが欲しい情報がなかった   まぁこんなところ っで、なんでそれをアフィろうかと↓の理由が …

そのタイトルクリックする?~タイトルと記事内容の整合性~

↓をgoogle検索してみます 「powerapps プラン」 ここで結果として想定するのは↓の記事 Office365でPowerAppsを使ってみる~環境を整える編~   で、結果は3ペ …

カード型リンクの追加の仕方

さいきんのサイトのリンクで サイトの中身がチラ見できるのありますよね アレ、カッコいいっすよね そのやり方調べてみました。。。 備忘録です クリックひとつで完成。Embedlyで見栄えの良いカード型の …

ワードが入っているのに検索されない~パーマリンクの日本語~

まぁあるあるなんだと思いますが、 記事やタイトルに含まれるワードで検索したが、 ヒットしない   こんかいは以下で検索 「powerapps sharepoint」 SharePointのデ …

サイトにTwitterがらみの情報を表示する

サイトにTwitterの じぶんのアカウントリンクや タイムラインを表示させたいと。。。 その備忘録です タイムラインを表示 Twitterのタイムラインをブログのサイドバーに表示する

いちおうソフト屋さんやってます
だめリーマンをつづけて10年過ぎました

お笑いと二次元とアイドル界隈の住人です
クルマやお料理なんかもいけるんやで

それではゆるゆるふわふわいきませう