on良かったらフォローお願いします。】コードをハイライト表示させるものとして、このブログではSyntaxhighlighter系プラグインのWP-Syntaxhighlighterを使っている。Tumblrは画像中心で活用しているので、ハイライト表示は基本必要ないが、使う人もいるであろうということで設置の簡単なgoogle-code-prettifyを利用してみた。設置方法を説明したい。実際の表示スポンサーリンクレクタングル(大)広告google-code-prettifyのページこちらがgoogle-code-prettifyのページ。今回は、必要最低限の設置にするため、ホスティングサービスを利用し、ファイル自体のダウンロード/サーバーへのアップロードは利用していない。必要ファイルの呼び出し基本的にヘッダー部分(<head>~</head>の間)へ記載するだけである。次のファイルをホスティングを利用して呼び出すための記載をする。上記同様、ヘッダー部分(<head>~</head>の間)に上記に続けて以下のように記載する。248)}</style>注意事項run_prettify.jsファイル今回はrun_prettify.jsファイルを呼び出しているので、以下の変更は必要ない。run_prettify.jsファイルに代えて、prettify.jsファイルを呼び出す場合は、ボディタグを以下のように変更する。onload="prettyPrint()">コードが枠をはみ出す場合の処理コードが1行では長すぎる場合、overflowの処理をしないとはみ出してしまう。個別に処理したいので、ハイライトしたいもの毎にスタイル設定をした方が良いと思ったが、何故かTumblrでは個別にスタイル設定できなかったので、上記の「スタイルを設定」で入れ込んでいる。本当は、個別に以下のようにしたかった。←枠に収まらない時の処理としている。google-code-prettifyの利用方法これで準備はできたので、後は、利用したい部分に以下のように記載する。linenums:1">ここにハイライトしたい部分を記載する。上記のlinenumsは行番号を表示したい場合。私のTumblrで実際に利用したのが、以下。Tumblrのテキスト投稿でgoogle-code-prettifyを利用することになるだろうが、以下のように「html」で編集利用すること。以上スポンサーリンクレクタングル(大)広告もし良ければお願いします。良かったらフォローお願いします。今回は、「Lightbox」で有名な画像をモーダルウィンドウで表示する定番の画像用Jqueryプラグインを紹介する。「Lightbox」...記事を読むPoeditで日本語翻訳ファイルを作成するときの覚書(2/2)-po/moファイルの作成Poeditを使って、日本語ファイルを作成する際の初期設定を、いつも忘れてしまうので、自分の覚書も兼ねて書き留めておく。記事の中にリンクがある場合、クリックするのを躊躇する人もいると思う。私は、自分の記事の中で画像やリンクを多用していることもあり、また、ク...記事を読むWordPressや普通のホームページで縦書きが利用できる「tategaki」ワードプレスや普通のホームページで縦書きが利用できるものとして、当ブログの過去記事で、「nehan3(涅槃)」と「nehan4」を紹介してき...記事を読むDropboxでデフォルトでは利用できない「publicフォルダ」を利用するには一部のブログなどでは、画像系ファイル以外アップロードできない。1ファイルのアップロード容量に制限があったりする。コメントをキャンセルメールアドレスが公開されることはありません。*サイト人気の記事まだデータがありません。Widget人気の記事まだデータがありません。Profileメインブログでは、WordPressやTwitterその他好きなことを記事にしています。そのほか2ちゃんまとめサイトやubuntuなどのブログもぽちぽちやってます。JUMP-UP.INFO。