カテゴリー別アーカイブ: Web

WordPressでSVG形式の画像表示

WordPressでSVG(Scalable Vector Graphics)画像の表示に挑戦してみる。
SVGファイルをアップロードしてimgタグで他の画像と同様に記述し表示……表示されない。やっぱりまだ一般的な画像フォーマットではないので何か設定が必要のようです。
WordPressのSVGに関連するプラグインをインストールしてみるが、うまくいかない。もっと調べてみると、どうやらサーバーの設定(MIME Type)も必要のようです。それと、IE9では表示関連に問題があり対策が必要。
今後、プログラムの説明で図が必要なときは、SVG画像を使う予定です。

SVG画像の表示(WordPress日本公式キャラクター「わぷー」)
WordPress日本公式キャラクター「わぷー」

続きを読む WordPressでSVG形式の画像表示

WordPressでソースコード表示

ソースコードを見やすくするにはhtmlのタグを使用する必要が、でもめんどくさい。
もしかしたらWordPressのプラグインがあるかも。ありました。
最初に見つけたのが「SyntaxHighlighter Evolved」
WordPressのプラグイン検索でインストールしようとすると、「現在のバージョンではテストされていません」1年以上更新なし、と注意が出たので他にもないか探したところ、「Crayon Syntax Highlighter」というものを発見、WordPress最新Verもテスト済み。
http://thikasa.net/20120724/wordpress-plugin-crayon-syntax-highlighter/
ここのブログを参考にして、使ってみることにしました。

WordPressの投稿編集画面で、crayonボタンを押すと、ソースコードの編集ダイアログが表示、そこにソースコードをコピペして表示設定を行うと、下のようにソースコードを表示してくれます。

かなり便利です。

WordPress › Crayon Syntax Highlighter « WordPress Plugins