shBrushXml.jsその他の言語については下記のオフィシャルサイトにありますので確認してください。http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/スクロールバーの問題の対処SyntaxHighlighterをデフォルトのまま使おうとすると、スクロールバーに関連する不具合があります。3になってかなり改善されているようですが、不具合が起こる環境の場合は、CSSの設定を変更して対応を行います。先述した設定では「/high/styles/shCoreDefault.css」になります。CSSファイルに追記をします。!important;」で縦スクロールバーを消します。IEで横スクロールバーがでた場合の対応を行います。SyntaxHighlighterのオプション指定SyntaxHighlighterには多様な見せ方の設定を行えるようになっています。ここで指定する内容のほとんどは、「デフォルト設定の指定・defaultsによる全体設定について」で解説するデフォルトの設定とすることも出来るようになっています。highlight:[2,4]">上記の例のように「highlight:[2,4]」を追加することで指定した行にハイライトを入れることが出来ます。OKですが、複数行の場合は必要です。title="タイトル属性でタイトルを追加">上記の例のように「title」属性を追加することでタイトルを追加することが出来ます。これは、class属性の中に追記するのではなく、title属性を追加しますのでお間違えのないように。JavaScriptのコードを混在して記述することはたびたびあると思いますが、そういう場合の書き方です。JavaScriptを指定したようにここに言語指定の記述を書き、続けて「html-script:true」を記述することで、HTMLもハイライトすることが出来るようになります。first-line:11">表示される行番号の開始行を変更したい場合は、「first-line:11」のように追記をします。gutter:false">デフォルトでは表示されている行番号を非表示にしたい場合は「gutter:false」を追記します。toolbar:false">デフォルトでは表示されているツールバー(右上にある「?」のリンク)を非表示にしたい場合に「toolbar:false」を追記します。source」と表示しておき、クリックすることでソースコードを表示させることができ、ソースコードが長い場合などに利用価値があるでしょう。Googleの検索エンジンはこのように折り畳まれて見えないテキストはないものとして処理をしますので、Googleの検索対象としたい場合は「collapse:true」を使ってはいけません。JavaScriptも理解できるようになり、隠しテキストなどは無視するようになったことによる影響です。URLには自動的にリンクを設定する仕様になっています。この自動的なリンクをしないようにするには「auto-links:false」を指定します。URLを記述している場合などには必要な対応になりますね。tab-size:8">入力されたタブを適切に揃えることが出来ます。デフォルトは「smart-tabs:true」で「size:4」となっていますが、違う設定にしたい場合にはそれぞれ指定することが出来ます。一歩先にいくWordPressのカスタマイズがわかる本デフォルト設定の指定・defaultsによる全体設定について先に書いた「SyntaxHighlighterのオプション指定」は、「<pre>」タグの指定の際に追記をし、ソース毎に個別に設定する仕様でしたが、それらをあらかじめデフォルト設定として指定しておくことも出来ます。処理を記述する箇所は下記の様に「SyntaxHighlighter.autoloader」の前に追記します。null;デフォルトでハイライトする行を指定することが出来ます。デフォルトは「null」でハイライトする行は設定されていません。]」で囲って行を指定します。HTMLのソースコードもハイライトさせる場合の設定を行います。HTMLのソースコードをハイライトさせる場合は「true」を指定します。1;行番号のデフォルトの設定です。デフォルトは「1」となっています。必要に応じてデフォルトの行番号を変更することが出来ます。true;行番号の表示/非表示のデフォルト設定です。デフォルトでは「true」で行番号は表示される設定ですが、「false」で非表示にすることも出来ます。true;ツールバーの表示、非表示を設定します。デフォルトは表示となる「true」が設定されています。非表示にする場合は「false」を設定します。false;ソースコードを非表示にする設定についてです。デフォルトは「false」の常に表示する設定ですが、「true」にするとデフォルトで閉じられている設定にすることが出来ます。Googleの検索対象になりませんので「false」のままをオススメします。URLに対して自動的にリンク設定をするかどうかの設定です。デフォルトでは「true」となっています。Offにする場合は「false」を設定します。4;タブによる文字揃えを行う設定を行います。「smart-tabs」はデフォルトでタブによる文字揃えを行う「true」となっています。文字揃えをしない場合は「false」を指定します。「tab-size」はデフォルト「4」ですが、これを変更したい場合は希望の数値を設定します。SyntaxHighlighterの設定を変更することも出来ます。false;デフォルトは「false」ですが、blogger.comを利用している場合は特有の不具合に対処するために「true」を設定します。source」となっているメッセージを変更することが出来ます。日本語に変更することも可能です。'ヘルプ';ソースコードの右上にある緑色の■のところの「?」を違うテキストに置き換えたい場合に指定します。「?」を変更して何の意味があるのかよく分かりません。2つと同様、「strings」でテキストのメッセージを変更することが出来ます。「strings.expandSource」は「collapse:true」の設定で折り畳みをした際に表示されるテキストを変更する設定、「strings.help」ヘルプに表示されるテキストの設定ですが、そのほかの項目もテキストを変更する機能が用意されています。詳細は、下記のページにありますので参考にしてみて下さい。</pre>」で囲まれた箇所をハイライト処理しますが、preタグ以外のものを指定する場合に指定します。preタグをシンタックスハイライト以外の処理に使用したい場合などに指定します。HTMLタグにないものでも問題ありません。/>」)を無視することが出来ます。デフォルトでは無視しない「false」となっていますが、アプリの仕様などで自動的に編集される「brタグ」を無視したい場合には「true」を指定します。/>」が編集されていても表示されません。Highlighterをどうにかしなければ、と感じたのはサイトの表示スピードを向上させるための施策を行っているときでした。Profiler)というプラグインの負荷状況を調べるツールを使って調べて見たところ、Crayonが突出した悪影響を与えていることが分かりました。具体的には下記の通りです。Highlighterの使用を止める方が効果が高く、優先度が高いと判断したわけです。Insightsの結果は以下のようになっています。Crayonの負荷が高いとは言い切れないような状況です。6回計測した上での最頻値なのですが、SyntaxHighlighterを使うとより高い数値が多くでる傾向が強く、トータルでは上記の結果以上にスピード向上にも貢献すると想定されます。Prettifyの設定方法を解説。Prettifyは、非常に基本的な機能のみのシンタックスハイライトでが、処理スピードは高速です。HTMLのタグの「<」を「&lt;」に変換する必要がない点や、行番号を付ける、タイトルを付けると言った機能も豊富にそろっていることから機能面で不満に感じることもなく、Crayonから乗り替える場合の負担も少ないでしょう。SyntaxHighlighterしかないのだろうと感じます。シンタックスハイライトの乗り換えに当たってのまとめ記事も書いていますので、下記の記事も参考にしてください。WordPressGoogleAdwordsGoogleAdwords最後までお読みいただきましてありがとうございます。コメントをキャンセルメールアドレスが公開されることはありません。*サイト下記の空欄を埋めてください。date*日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)※入力いただいたコメントは管理者の承認後に掲載されます。関連記事タクソノミーの一覧をショートコードで編集・ソート機能付き・wp_list_categoriesカスタムタクソノミーのターム一覧をショートコードで編集する方法の解説です。Orderを利用してソート機能を追加したバージョンです。refreshの設定でユーザへもGoogle検索エンジンにも引越し情報を伝えられます。Regexの使い方の詳細解説です。Basic認証を設定するログインURLは誰でも知っています。Basic認証で二重チェックをする方法を解説。WordPressのサイドバー(サイドナビ)はウィジェットで編集サイドバー(サイドナビ)を編集するウィジェットの利用方法の解説です。カテゴリ一覧、アーカイブ、リンク集などを設定する方法を解説しています。Fieldsのアドオン・ギャラリーの解説記事。複数の画像を入力できる優れもので、画像のサイズ、容量などでの制限ができ、より厳密な管理が可能。Favicon(ファビコン)をプラグインなしで設定する方法をサンプルソース付きで説明します。BackWPupでバックアップ・全体バックアップ具体的設定例BackWPupその7。ファイル、DB全体をバックアップする具体的事例での説明です。Fields管理画面の全項目完全解説・カスタムフィールド決定版!カスタムフィールドを設定する最高のプラグイン。設定できる項目を全て網羅して解説。投稿の項目だけではなく、カテゴリやユーザ情報の項目を増やすことにも使えます。Loginの日本語翻訳ファイルのダウンロードページ。ファイルの作成方法なども解説。Prettifyの設定方法を解説。小学校でプログラミングの授業が始まる。プログラムを組むことを覚えることが本質ではなく理論的な手順の組み立てのトレーニングをする授業という理解が必要だと思う。Parserを使ってスクレイピングをする方法を解説。インストール方法、読み込み方法。具体的なスクレイピングを実行するサンプルソースも。Parser」の使い方を解説。要素を取得する方法、そこから属性を取得する方法を解説。マニュアルにはない注意点なども解説。2020.01.27PHPでスクレイピング。スクレイピング」で検索すると「phpQuery」ばかりヒットするが、10年以上も放置されている。Parser」をオススメする。2020.01.26PHPのcURLでAPIやWebサイトへのアクセス方法。file_get_contentsとの比較PHPからWebサイトにアクセスしてHTMLを取得、APIにアクセスして情報を取得する場合は、cURLがオススメ。file_get_contentsでも可能だがエラー制御に難がありトラブルのもとになる。add_shortcode関数を使ったショートコードという機能を利用します。不正なコピーコンテンツからの直リンクを拒否する.htaccessの設定方法。拒否するサイトを指定、許可するサイトを指定する方法、単純な拒否と画像の差し替えを解説。口コミサイトを作るために必要な評価点、レビューを投稿できるプラグインを探して評価。10プラグインをチェックし、8プラグインは詳細解説付き。2014.07.17BackWPupでバックアップ・リストア(復元)の具体的手順BackWPupその9。バックアップファイルからのリストア(復元)の手順です。109キーボード)は日本人サイズのキーボード。ショートカットも押しやすく女性や子供にも優しいサイズ。Web開発・運用に役立つ記事を中心に紹介しています。ショッピングAmazonSyntaxHighlighterの設定、カスタマイズ方法を解説。