Warning: Use of undefined constant ddsg_language - assumed 'ddsg_language' (this will throw an Error in a future version of PHP) in /home/youmari/www/wordpress2/wp-content/plugins/sitemap-generator/sitemap-generator.php on line 45
[WordPress]Plugin”SyntaxHighlighter Evolved”のインストール

*

[WordPress]Plugin”SyntaxHighlighter Evolved”のインストール

公開日: : 最終更新日:2012/03/25 Plug in, WordPress

サイトの記事を書く時、記事中にhtmlやPHPのソースを記載する場合、行番号まで含めて表示したいと思ってたところ、どこかのブログで綺麗に表示されているのを見てこれはいい!と思い、記載方法を色々と調べていて見つけたのが
SyntaxHighlighter Evolved

導入の手順としては

  1. SyntaxHighlighter Evolvedのダウンロード
  2. ダウンロードしたzipファイルをそのままアップロード
  3. プラグインの有効化
  4. SyntaxHighlighter Evolvedの設定

1.SyntaxHighlighter Evolvedのダウンロード

2.ダウンロードしたzipファイルをそのままアップロード

  • ダッシュボード⇒プラグイン⇒新規追加を選択する
  • 「プラグインを使って WordPress の機能を拡張できます。WordPress プラグインディレクトリから自動インストールを行うか、.zip 形式のプラグインをこちらのページからアップロードできます。」の”こちらのページ”をクリックする
  • 「ZIP 形式のプラグインをインストール」が表示されるので、ダウンロードしたzipファイルを選択し、”インストール”をクリックする

3.プラグインの有効化

  • ダッシュボード⇒プラグイン⇒”インストール済みプラグイン”を選択する
  • 一覧から”SyntaxHighlighter Evolved”の”有効化”をクリックし有効化する

4.SyntaxHighlighter Evolvedの設定

  • ダッシュボード⇒設定⇒”SyntaxHighlighter”を選択すると、各種設定画面と使用方法のサンプルが表示されます。

使用方法は
[language]~/[language] languageにhtml、phpなどが入ります。

  • 一番シンプルな使い方:[language]~/[language]の場合


フォーム情報を習得する</pre>
<form action="output.php" method="POST"><select name="food"> <option selected="selected" value="orange">オレンジ</option></select>
<select name="food"> <option value="apple">リンゴ</option></select>
<select name="food"> <option value="melon">メロン</option></select>

<input type="submit" value="" /></form>
<pre>

  • 特定の行をハイライトする使い方(3,5行目):[language highlight=”3″]~/[language]の場合


フォーム情報を習得する


</pre>
<form action="output.php" method="POST"><select name="food"> <option selected="selected" value="orange">オレンジ</option></select>
<select name="food"> <option value="apple">リンゴ</option></select>
<select name="food"> <option value="melon">メロン</option></select>

<input type="submit" value="" /></form>
<pre>

  • 特定の行から開始する使い方(5行目から):[language firstline=”5″]~/[language]の場合


フォーム情報を習得する


</pre>
<form action="output.php" method="POST"><select name="food"> <option selected="selected" value="orange">オレンジ</option></select>
<select name="food"> <option value="apple">リンゴ</option></select>
<select name="food"> <option value="melon">メロン</option></select>

<input type="submit" value="" /></form>
<pre>

関連記事

no image

[WordPress]Plugin”Twitter Tools”のインストール

Twitter Toolsのインストール及び設定方法は、以下の3ステップになります。 1.Twitt

記事を読む

no image

[WordPress]Plugin”Google XML Sitemaps”のインストール

WordPress.orgからさくらインターネットに引っ越しして三か月。 引越作業後の各種設定も1

記事を読む

no image

[WordPress]Plugin”Crazy Bone”インストール

ネットを見ているとWordPressへの不正ログインを見かけるようになったこと、、何故かコメントへの

記事を読む

no image

[WordPress]Plugin”runPHP”のインストール

ローカル環境にWordPressをインストールしたのは、今後色々とカスタマイズするためには、いじった

記事を読む

no image

[WordPress]ルートディレクトリーからサブディレクトリーへの引越顛末記

WordPressのインストール時に、/youmari/www直下にインストールしていたけど、ブログ

記事を読む

no image

[WordPress]そもそもWordPressとは

WordPress(ワードプレスと読みます) は、一言で言うならば無料で利用できる(何故ならオープン

記事を読む

no image

[WordPress]WordPress.comからの引っ越し

今までWordPress.comの無料ホームページを利用していたけど、色々な機能、特にプラグインを利

記事を読む

no image

[WordPress]パーマリンクについて

パーマリンクとは? この記事のパーマリンクは http://youmari.mokuren.ne

記事を読む

no image

[WordPress]XAMPPにWordPressをインストール

ローカルPCにXAMPP環境の構築がうまくいったことから、次のステップとしてWordPressのイン

記事を読む

no image

[WordPress]旧データのインポート

WordPress.comで作成したブログは、 ダッシュボード⇒エクスポート で簡単に抽出できます。

記事を読む

Message

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

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

no image
[WordPress]Plugin”Crazy Bone”インストール

ネットを見ているとWordPressへの不正ログインを見かけるようにな

no image
[Network]スマートフォンで自宅PCへのリモートデスクトップ:はじめに

仕事がらタブレット(以下タブと言います)やスマートフォン(以下スマホと

no image
[Feature Phone]F-04Dの電池パック交換

たまたま立ち寄ったドコモショップで無料の携帯点検を申し込んでみたところ

no image
[FeaturePhone]F-04Dのメール文字サイズ変更の秘密?

以前F-04Dを使っていて、何故か勝手に文字サイズが変わる事象がある、

no image
[FeaturePhone]iモード携帯電話でdocomo Facebookアプリが利用できる!

ケータイ向けのFacebookアプリとしては、jigfesなどの有料ア

→もっと見る

PAGE TOP ↑