SyntaxHighlighterの使い方

公開日: : 最終更新日:2014/10/26 WordPress

SyntaxHighlighterを使うたびにショートコードを忘れるのでメモ。

Brush name Brush aliases File name
ActionScript3 as3, actionscript3 shBrushAS3.js
Bash/shell bash, shell shBrushBash.js
C# c-sharp, csharp shBrushCSharp.js
C++ cpp, c shBrushCpp.js
CSS css shBrushCss.js
Delphi delphi, pas, pascal shBrushDelphi.js
Diff diff, patch shBrushDiff.js
Groovy groovy shBrushGroovy.js
JavaScript js, jscript, javascript shBrushJScript.js
Java java shBrushJava.js
JavaFX jfx, javafx shBrushJavaFX.js
Perl perl, pl shBrushPerl.js
PHP php shBrushPhp.js
Plain Text plain, text shBrushPlain.js
PowerShell ps, powershell shBrushPowerShell.js
Python py, python shBrushPython.js
Ruby rails, ror, ruby shBrushRuby.js
Scala scala shBrushScala.js
SQL sql shBrushSql.js
Visual Basic vb, vbnet shBrushVb.js
XML xml, xhtml, xslt, html, xhtml shBrushXml.js

開始行番号の指定

[html firstline="5"]ここにコードを入れます[/html]

対象行をハイライト

[html highlight="4,6,8"]ここにコードを入れます[/html]

HTML混在の場合HTMLの色分けをするか

[php htmlscript="true"]ここにコードを入れます[/php]

プレーンなソースコード

[sourcecode language="plain"]ここにコードを入れます[/sourcecode]

関連記事

wp

WordPressに画像を表示

WordPressに画像を表示する。 管理画面でサイズを指定 「設定>メディア」で使用する画像サイズを指定する。 画像を呼び出す テンプレート内の画像を表示したい場所で関数呼び出し。 ...

記事を読む

wp

ログイン画面の画像を変える

WordPressのログイン画面画像を変更する。 背景透明のロゴ画像を「/wp-content/themes/テーマ名/imagesフォルダ」内に「logo.png」という名前でアップした場合。 ...

記事を読む

wp

「先頭に固定表示」記事を新着一覧先頭に表示させない

WordPressの新着一覧表示時、「先頭に固定表示」を無視して最新日付順に並び替えたいときの方法。 query_posts("ignore_sticky_posts=1"...

記事を読む

wp

管理画面下部の文章を変更する

WordPress管理画面下部の文章を変更する。 //管理画面下部の文章を変更する function change_admin_footer_text () { echo '文字...

記事を読む

wp

固定ページに指定カテゴリ記事を表示する

WordPressの固定ページに指定カテゴリ記事を表示する。 <?php //カテゴリスラッグ「news」の5件を表示 $paged = get_query_var('paged');...

記事を読む

wp

WordPressにFacebookのいいねボタン

WordPressにFacebookのいいねボタンを表示する。 コピペで対応したい時用 <body>の直後に記述するコード <div id="fb-root&qu...

記事を読む

wp

固定ページに最新記事を表示する

WordPressの固定ページに投稿ページの最新記事を表示する。 <?php //最新5件を表示 $paged = get_query_var('paged'); //現在のページ番号...

記事を読む

wp

WordPressのテンプレート階層

WordPressでオリジナルテーマを作る時の確認用。 ページの種類 高←テンプレート階層優先度→低 ホーム(トップ)ページ home.php index.php ...

記事を読む

wp

WordPressで各括弧を入力する

WordPressで角カッコ:  はショートコードの記号なので、入力する時は &#91; &#93; と入力。 ...

記事を読む

wp

WordPress管理バー非表示

WordPressログイン時にサイトを表示するとページ上部に管理バーが表示される。 この管理バーを非表示にするには「functions.php」に以下の記述。 add_filter( ...

記事を読む

wp
WordPressフロントページ設定とテンプレート

固定ページに最新投稿一覧を表示させた時の使用テンプレートが何なのか調べる機会があったので保存。 管理画面「設定」→「表示設定」の「フロントページの表示」 「最新の投稿」選択時 フロントページ...

js
GoogleMap左上の白い枠を消す

左上の白い枠を消してほしいという要望が多いので。よく使うマップコードをスクラップ。 <!doctype html> <html> <head>...

wp
WordPressでよく使う関数

string get_site_url( ] ] ) 管理者ページの「設定」-「一般」の「WordPressのアドレス(URL)」 現在のブログのサイトURL取得 [php]<?php ...

wp
WordPressにFacebookのいいねボタン

WordPressにFacebookのいいねボタンを表示する。 コピペで対応したい時用 <body>の直後に記述するコード <div id="fb-root&qu...

js
スムーススクロールを作る – 応用

指定位置にするするとスクロールするプログラムを作ります。 必要な値は? ページ内スクロールをした際のゴール地点「y座標」の値 画面に必要なパーツは? 高さのあるコン...

→もっと見る

    • icon_sublime1
      41,290 views

      ファイルの操作 ファイル名を検索して開く Windows:Ctrl+P Mac:Cmd+P 表示された入力欄にファイル名の一部を入力すると検索結果が表示されるので選択して開きます。 使用言語の指定 Windows:Ctrl+Shift+P Mac:Cmd+Shift+P 表示された入力欄に使用する言語名の一部を入力すると検索結果に「Set Syntax」が表示されるので選択しま...

    • 曜日番号
      18,059 views

      現在の曜日番号を表示 [php]<?php //現在の曜日番号(日:0 月:1 火:2 水:3 木:4 金:5 土:6)を取得 $weekno = date('w'); //現在の曜日番号出力 echo $weekno; ?>[/php] 現在の曜日を表示 [php]<?php //日本語の曜日配列 $weekjp = array( '日', //0 ...

    • wp
      8,632 views

      WordPressの固定ページに投稿ページの最新記事を表示する。 [php]<?php //最新5件を表示 $paged = get_query_var('paged'); //現在のページ番号 $num = 5; //表示件数 query_posts('posts_per_page='.$num.'&paged='.$paged); if ( have_posts() ) :...

    • groupby
      6,374 views

      まずここをチェック!を先に 「フィールド名=NULL」はダメ 「フィールド名 IS NULL」を使う やりたいこと 会員を全員の名前を表示したい 最新の予約日付を表示したい 使用するテーブル 会員テーブル [ps]mysql> SELECT * FROM member; +----+--------+ | id | name | +----+----...

    • icon_kaiten
      5,798 views

      jQueryのanimateメソッドを使って要素を回転させてみるプログラム。 サンプルデータ [js] $('#box1').animate( {'z-index': 1},//z-indexを0から1に変更する { duration: 1000, //アニメーションの時間 //ステップ中の処理 //引数num:処理途中の変化している値 step: f...

PAGE TOP ↑
←幅を狭くする