WordPress記念すべき第一回目の投稿です。このブログでは、新しめのことから、ちょっと流行遅れのことまでいろいろ取り上げていきたいと思います。古くても、アイデア次第ではまだまだ面白くなる技術は多数あります。Google先生と共に技術を蓄えてきたたわけですが、もちろんGoogle先生だけでなく、偉大な先人たちのおかげで多くのことを学びました。敬意を表するとともに、私と同じように、これから独学でWEBデザイン・メディアアートに挑戦しようとしている皆さんの役にたてればと思い、ブログを立ち上げました。いうわけで第一回目の投稿は、当ブログでも利用しているWordPressに関する記事です。ご存知のとおりWordPressはPHPで構成されたブログシステムで、配布されているテーマやプラグインで自前のブログを短時間で簡単に作れてしまいます。多くのレンタルサーバーではボタン一発でインストールが出来たりと、ハードルは低いです。WordPressのインストール方法や便利なプラグインの紹介は既に良記事がたくさんあるので、そちらを参考にしてください。「Takepepe.com」TOPに用いている表現このブログでは記事を投稿する際にアイキャッチ画像(以下サムネイル)が選択されていると、ひとつなぎになったグレースケール画像がPHPで生成されるようになっています。PHPで画像を生成しなくても、CSSやcanvasで実装出来そうですが、今回はこの方法をとっています。具体的な流れは以下の通りです。記事を投稿する際に、サムネイル生成関数を呼ぶ生成関数で輝度・彩度の調整をして合成TOP用のWordPressテンプレートを作成ブログを手っ取り早く立ち上げたかったため、デフォルトのテーマを直にいじりました。生成関数は2に記述します。//サムネイルがあった場合//「makeTopThum.php」に記述されている関数makeTopThum(get_the_post_thumbnail($post_id));}2.生成関数で輝度・彩度の調整をして合成PHPで画像にフィルターなどかけながら8枚の画像を1つにまとめます。画像パスの取得はもっと良い方法がありそうですが、とりあえず。画像生成はそれなりにサーバー負荷がかかりますので、クライアントワーク等に使用する際は気をつけてください。最後にTOP用のテンプレートを作成して、CSSを調整すれば完成です。class=\"date\">$date</span></span></a>";?>デザイナーの人も、サーバーでPhotoshopみたいに画像を編集出来ることを知っていれば、CMS経由のコンテンツデザインの幅がぐっと広がります。挑戦してみてください。