【旧刊】WordPressテーマ制作のみを取り扱った別冊電子書籍がAmazon Unlimitedでお楽しみ頂けます!!
Amazon Unlimited内で 田中勇輔 で検索してください。

☓ 閉じる

30Jan2012

ソースコード表示プラグイン[WordPress]

長い間使い続けていたsyntaxhighlighter evolvedが動作しなくなってしまいました。

いろいろ触って見ましたが原因がわからず、動作はするもののスタイルが適用されない、という中途半端な状態までしか回復しませんでした。

ソースを色分け表示できないだけで表示自体一応できているので、他のプラグインと併用することに。。。

コード表示プラグインはsyntaxhighligherとその派生が多いのですが、今回は再度のバグ回避の為まったく違うプラグインを探すのに少々手間取ってしまいます。

今回は【WP-Syntax】を入れる事にしました。

この記事を読む

29Jan2012

メニューボタンを作りなおしてサイト高速化[CSS sprite]

今回はCSS spriteと呼ばれる手法で、トップメニューを作ってみます。

CSS spriteとは、複数の画像パーツを一つの画像として読み込みCSSで表示位置を調節する手法です。

言葉だと意味不明なので、実例を紹介しましょう!

現在(2012.01)、PetitCottageのトップメニューはCSS spriteで製作しています。
CSS sprite

CSSのみで動きを制御している一般的なメニューボタンですが、使用している画像は以下の1枚だけです。

CSS spriteの作り方と使い方

この記事を読む

20Jan2012

切り抜き写真に影をつける方法をいろいろ試す[photoshop加工・補正]

ネットショップをやっていると商品の切り抜き写真を使う機会があります。

そんな時に自然な影をつけると立体感が出て効果的です。

影を付ける方法が何種類かありますので、いろいろ試してみましょう。

※Photoshop CS5を使用しています

この記事を読む

18Jan2012

商品写真加工・補正のケーススタディ 食器・お皿編

今回きれいにする商品写真は【陶器のお皿】です。

表面がピカピカのお皿を撮影する際は「映り込み」や「光源の反射」など課題が多く、雑貨屋の商品撮影の中でも相当高難度の部類に入ります。

撮影時の問題は別の機会に取り上げる事にして、今回は撮影後の加工・補正についてです!

1. 加工・補正のポイント

今回の元画像はこちら!
商品写真 加工・補正のケーススタディ 元画像

「・・・撮り直したら?」というツッコミは無しにして(笑)、今回はこの写真をキレイにします!

この記事を読む