wordpressの記事中に問い合わせフォームを表示したいんだもん。


WordPressでビジネスサイトとかECとか作るじゃないですか?
お問い合せのフォームと言えば、contactform7がド定番ですが、デフォルトでは固定ページて利用するようになってます。
でもさ、どうせなら商品ページ(資料請求ページでも何でもいいけど、ここでは詳細ページとします。)にお問い合せフォームを入れていた方が、便利ですよね。
KRUZ的にここでちょいハマりしたので、備忘録的に紹介しておきます。
意外と簡単に出来たので、知っておくとかなりウマーです。
Continue Reading »

ブログのテーマを変えてみた。


ちょっと思う所があって、kruz-graphixのテーマを変えてみました。
いっちょまえにHTML5とかで組んでますw。
ひとまずは完成に近い感じなので、とっととアップしちゃいます。制作環境がMacなのでブラウザチェックがいまいち(つうか、IEやってねぇっすww。追々チェックしていきますんで、IEでご覧の方は激しくレイアウト崩れの恐れありです。)

HTML5にするほどのサイトか?とか思ったけど、これもお勉強ですよ。
実際に組んでみて、いろいろ勉強になったです。今後に生かせそうですわ。

実は、まだやりたいことが実装出来ていない部分もあったり、CSSの整理とかいろいろやんなきゃいけない部分もあります。
この辺も綺麗にしていきたいですね(IE対策とかww)。

ご意見次第では、テンプレ化して公開してみようかしらんw

:focusでsafariのハイライトが超ジャマじゃね?


知ってる人は知っている。知らない人はちょっと幸せになるCSS3のテクニックを紹介。

CSSで:focusを使用してフォームを作ったとき、safariではちょっとマズいことが起こります。
safariには自動的にハイライト機能が働いて、青いボーダーが表示されます。
こんな感じで…ちょっと残念な感じですね。

CSSで:focusを指定したときのSafariの表示 これを、ナントカします!(`・ω・´)

Continue Reading »

WordPressにFacebookのファン数を表示したいんだもん。


企業にとってFacebookファンページはもはや必須になりつつありますね。
もちろん個人さんでもFacebookのファンページを持ってらっしゃいますし、どんどんスタンダード化していくんでしょうね。

このFacebookのファンページはどれだけファンがいるか?が、人気のバロメータなのかしらん。
だったら、Facebookのファン数をWordpressにも表示しちゃいたいでしょ?の、wordpressのハックを紹介です。

WordpressとFacebookの連携

Continue Reading »

まるで展覧会のようなイメージギャラリーのjQueryライブラリ


見たまんまです。jQueryのライブラリを使って、展覧会のようなイメージギャラリーを実装する方法です。
どうしても、サイト上でギャラリーを実装しようと思ったら整然とサムネールが並んでいて、ちょっと面白みに欠けるんですよね。
このjQueryライブラリの「Image Wall」なら、アナログぽくていい感じじゃないですか?

Image Wall  jQueryライブラリ

 

Continue Reading »

画像を使わないでフォントをユニークに!


ユニークなフォントをWEBサイトに使いたい。WEBデザイナーさんならよくある事だと思います。
今までは、フォントサイトからダウンロードして、photoshopなどで画像化したものをWEBに上げていましたね。

これからはWEBフォントを利用するのが、一般的になるかもしれませんよ。
今回は、CSS初心者向けにWEBフォントを利用するためのデモ。
知ってる人は知っている、知らない人は知っててソンはないテクニックですw。

Webフォントを利用するデモ

Continue Reading »