さいと

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


関連記事

世の中が求める記事~検索ワードの第2キーワード~

ひとつ前の記事↓で心が折れかけたのですがw、 もう少し実験をしてみることに...   そもそもみなさんPowerAppsについて何が知りたいのか?? ってのが気になってみました きっかけはG …

アイキャッチについて~画像のサイズ~

アイキャッチ画像、200×200dpiで作ったんですね 実際に表示すると意外に大きく感じちゃいました 特にサイドバーの上のほう見ると存在感ある アイキャッチ画像に目が行ってしまいます   な …

検索時のスペース~検索ワードを考慮した文字列の分割~

PowerAppsで検索しようとした際、第2ワードとして出てくるのがStudio なので、↓で検索 powerapps studio ヒットが想定されるページは↓ Office365でPowerApp …

記事のタイトルについて~タイトルとGoogleワード検索の関係~

この間、自分のHPがGoogle検索にかけてみたとき、 想定のワード検索において引っかかるかどうか試してみた 検索に引っかけたい想定の記事は↓ PowerAppsTIPS~データの一覧表示~ &nbs …

Google webmaster toolsへのXMLサイトマップ登録

さて、以下のワードでGoogle検索したところ、ヒットしていませんでした powerapps studio powerapps sharepoint powerapps for office 365 …

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

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

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