プラグインヘッダー画像作成用のPSDテンプレートを作ったよ

ヘッダー画像が登録されているとプラグインのページにアイキャッチとして表示される
先日、WordPress.org で公開しているプラグインのうち、いくつかのものにヘッダー画像を追加することになりました。プラグインのヘッダー画像というのは、WordPress.org の Plugin Directory で公開されているプラグインページにアイキャッチとして表示される画像のことです。登録したしたからといって、プラグインの機能自体がどうこうなるわけでもありませんが、プラグインの機能をイメージできたり、華々しく感じられたり、手を掛けている感が出せるなど副次的な効果は望めるかもしれません。

で、作成した画像には、プラグイン名が表示されたり、CSSを使ってシャドーが掛けられたりするので、それを想定した画像を作っておかないと、表示されたときに「おや?」ってなことになりかねません。今回は、デザインをお願いすることもあり、ヘッダー画像用のPSDテンプレートを作ってみました。といっても、大層なものではなく、表示されるプラグイン名とシャドーの効果をデザイン段階で想定できるようにするだけのものです。

一応下記の画像が、

  1. 実際にプラグインページで表示される画像のキャプチャ
  2. PSDテンプレートでプラグイン名の表示とシャドーの効果をプレビューしたもの
  3. 元となる画像

を並べてみたものです。

それほど、使ってもらえる機会は多くないかもしれませんが、プラグインを公開している方で、ヘッダー画像を付けてみたいというかたは、お試し下さい。ヘッダー画像の登録方法は、をかもとさんの「公式プラグインページにヘッダ画像を追加」が参考になります。ちなみに初めて登録してみたときに、ファイル名をそのままコピーしたら(おそらく WordPress の自動置換で)x が × となっていてハマったのは秘密です。

Download
Plugin Header Image Template

それから、今回ヘッダー画像をつけたプラグインは、

の6プラグインです。デザインしてくれた、 @imura_design@makito_th には、ほんとうに感謝しています。

WordPressのヘッダー管理画面からサイトタイトル画像をアップロードできるようにする

WordPressのヘッダー管理画面からサイトタイトル画像をアップロードできるようにする

WordPressのテーマで、サイトのタイトルを画像で表示できたらと思うことはありませんか?
今回は、サイトのタイトル画像をヘッダー画像のように管理画面からアップロードできるようにする方法を紹介します。

“WordPressのヘッダー管理画面からサイトタイトル画像をアップロードできるようにする” の続きを読む

WordPressの画像挿入時にwidthとheight指定が入らないようにする

きっかけはいつもTwitter。

wordpressで記事に画像を張り込むときにコードにwidthとheightが入らないようにする方法、誰か知りませんかー!!!

YUKIさんからの、おたすけツイートを見かけたので、WordPressのカレンダーのthにclassを追加するコード(日本語限定)に続き、頑張ってみました。

後で知ったのですが、widthとheightを削る理由は、スマートフォン対応。なるほど画面サイズに合わせて縮小できるようにするには、サイズ指定が邪魔になるわけですね。納得。

“WordPressの画像挿入時にwidthとheight指定が入らないようにする” の続きを読む

WordPressで挿入する画像のsrcを相対リンクにする

WordPressで記事の中に画像を挿入するとき、通常ではhttp://www.example.com/wp-content/uploads/~ などといったように、ドメインを含んだアドレスがimgタグのsrcとして埋め込まれてしまいます。

例えば、ローカル環境や構築環境で作ったサイトを、本番用のドメインで公開する場合、このドメイン部分をいちいち置換しなくてはなりません。

MySQLが分かる方であれば、一括置換すれば済む話ではありますが、データベースってなんじゃらほいという方はどうすればいいのか困りますよね。そこで、挿入される画像のsrcにドメイン部分が入らないようにする方法を紹介します。
“WordPressで挿入する画像のsrcを相対リンクにする” の続きを読む