ZARU(ざる)のWeb系ブログですー。プログラミング&デザイン関係のTipsとか色々と。

WordPressにFlash動画を表示させるプラグイン

木曜日, 1月 14th, 2010

WordPressのブログに動画を載せたい!と思って色々と調べてみると、やはりFLV/F4V形式のFlash動画で表示するのがベターと言うことらしい。しかし、デフォルトのWordPressには動画をアップロードする機能はあっても、表示する機能はない。ので、プラグインで対応してみた。

使い方

使い方は、普通にプラグインフォルダに放り込んで、有効化するだけ。

動画の表示方法は、WordPressの動画アップロード機能を使って、FLVファイルをアップ。下記フォーマットでURLをコピペすればOK。

[flashvideo file=http://example.com/xxx.flv /]

サンプル

Get the Flash Player to see this player.

問題は、動画ファイルをFLV形式に変換しなきゃいけないっていう点かなー。YouTubeとかにアップロードして、それをブログに表示するのがやっぱり一番簡単なのかも。

iPhoneや携帯電話で見られるようにするWordPressプラグイン

月曜日, 11月 9th, 2009

とりあえずiPhoneユーザとしてiPhoneで見やすいような形にしてくれるプラグインが欲しいと言うことで検索してみたら、ずばりのものがあったのでご紹介。

WPtouch iPhone Theme

普通にプラグインをインストールするだけで完了。設定画面で色々と細かくカスタマイズ出来るみたいだけど、正直細かすぎて面倒なのでほぼデフォルトで。

写真

こんな感じで表示される。うひょー、いいね。iPhoneっぽいね。

それと、普通の携帯電話にも対応させてみるかーと思って検索したらKtai Styleっていうのがメジャーっぽいのでこいつを導入してみた。これも、プラグインを放り込むだけで完了。

スクリーンショット(2009-11-09 18.24.18)

スクリーンショット(2009-11-09 18.24.35)

こんな感じで表示される。

ソースコードをハイライトして表示してくれるWordPressプラグイン

月曜日, 11月 9th, 2009

Web系のエントリを投稿する際に、絶対に出てくるのがソースコードの記述。いちいち<pre>~</pre>なんてHTMLを手打ちするのも面倒だし、なんかないかなーと思ってWordPressのプラグインを検索していたら、ずばりのものがあった。しかもこれは、結構有名っぽいので、試しに使ってみることに。

  • 入手:SyntaxHighlighter Evolvedからダウンロード
  • インストール:ダウンロードして解凍したフォルダ「syntaxhighlighter」を/mt-content/pluginsにアップロード
  • 設定:メニュー「プラグイン」からSyntaxHighlighter Evolvedを「使用する」をクリック

これだけ。

しかも表示用のテーマが最初からいくつか選べて、それによってカラーコーディングが変更できる。すてき。僕はとりあえず「RDark」にしてみた。しぶい。

試しにPHPのコードを表示させてみる。単純に[code lang=”php”]〜[/code]で囲むだけ(括弧は半角で)。lang=”"の部分に格言語名を入力すれば、その言語に対応してくれる。便利。

<?php
    echo 'Hello SyntaxHighlighter Evolved!';
?>

代表的な言語に対応しているので、これで困ることはないかなー。