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

☓ 閉じる

3Feb2012

“SEO”は死語になる!?

ネットショップ製作に限らず、いろいろな分野のサイト製作をする際に必ず聞かれるのが

「SEOとかもやらなきゃいけないんだろうけど、どうすれば。。」
「○○と○○をHタグにいっぱい入れて、全ページに設置したんですけど。。」

という答えに困る質問。。。

そんな時はなるべく角が立たないようにこう言います。

「5年前は”SEOテク”なるものがありましたが、今はもうありません」

この記事を読む

30Jan2012

画像のとなりにテキストを表示する方法[CSS初級編]

画像のとなりにテキストを並べる、よく見かける王道のページデザイン。
いわゆる「段組レイアウト」です。

「tableレイアウトで作っていたけど今後はCSSで作りたい。どうやるの?」
という質問がありましたので、こちらで手順を紹介します。

1. まずはtableで作る

バナナが好きすぎて満面の笑みを披露してしまう愛犬こまめ。普段は基本的に「ムスッ」として暮らしています 笑

この記事を読む

29Jan2012

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

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

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

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

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

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

CSS spriteの作り方と使い方

この記事を読む

20Jan2012

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

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

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

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

※Photoshop CS5を使用しています

この記事を読む