横浜のホームページ制作スタジオFIXの社長ブログ » 無料ホームページ素材

WordPress無料テーマ配布第2弾

admin — Thu, 17 Dec 2009 12:47:46 +0000

WordPress無料テーマ配布第2弾です。(^-^)
第1弾はこちら：WordPress無料テーマ配布

この WordPressテーマは、以下から無料でダウンロードいただけます。
無料WordPressテーマ「StudioFix_Type002」ダウンロード (230KB)

【WordPressテーマのご利用方法】
1. ダウンロードしたファイルを解凍してください
2. wp-content/themes の中にフォルダごとコピーしてください
3. WordPressへログインしてください
4. 外観→テーマの中に「StudioFix_Type002」という
　　テーマが表示されるので「使用する」をクリックしてください。

●プラグインについて
この無料WordPressテーマでは、ブログタイトルが表示される部分に
IE6でも透過PNGに対応できる JavaScriptライブラリ (無料) を使っています。

1. IE PNG Fix へアクセスして「iepngfix.zip」をダウンロードします。
2. ダウンロードしたファイルを解凍します。
3. 「iepngfix」フォルダを、wp-content/themes/StudioFix_Type002 へアップロードします。

「iepngfix」をサーバにアップロードしたら、
テーマフォルダ「StudioFix_Type002」の中にある
スタイルシート「style.css」の25行目
behavior:url(iepngfix/iepngfix.htc);
の赤文字部分を、「iepngfix」をアップロードしたURLに書き換えます。
（例） behavior:url(http://www.studio-fix.com/iepngfix/iepngfix.htc);

最後に 25行目を書き換えた「style.css」を
wp-content/themes /StudioFix_Type002
にアップロードすれば、完了です。

この WordPressテーマは、最新のエントリーにPRバナーが掲載されます。
当社 Studio FIX Inc.のクレジットは消さないでご利用ください。
なおテーマのカスタマイズは自由ですので、お好みにあわせてご利用ください。

WordPress無料テーマ配布

admin — Tue, 29 Sep 2009 12:22:18 +0000

先日、Movable TypeからWordPressに移行した
この横浜のホームページ制作スタジオFIXの社長ブログですが、
早速このブログデザインを WordPressテーマとして無料配布いたしま〜す。(^-^)ノ

無料WordPressテーマ「StudioFix_Type001」ダウンロード (336KB)

1. ダウンロードしたファイルを解凍してください
2. wp-content/themes の中にフォルダごとコピーしてください
3. WordPressへログインしてください
4. 外観→テーマの中に「StudioFix_Type001」という
　　テーマが表示されるので「使用する」をクリックしてください。

●プラグインについて
この無料WordPressテーマでは、ブログタイトルが表示される部分に
以下のような透過PNGファイルを使っています。

グレーのチェックに見える部分が透けて
グリーンの葉っぱのに重なって見える仕組みになっているのですが、
残念ながら、IE6は透過PNGに対応しておらず、
↓のようにグレーに見えてしまいます。ダサい…。orz

これを回避するためには、
IE6でも透過PNG対応できる JavaScriptライブラリ (無料) がオススメです。

1. IE PNG Fix へアクセスして「iepngfix.zip」をダウンロードします。
2. ダウンロードしたファイルを解凍します。
3. 「iepngfix」フォルダを、WordPressフォルダへアップロードします。

「iepngfix」をサーバにアップロードしたら、
テーマフォルダ「StudioFix_Type001」の中にある
スタイルシート「style.css」の25行目
behavior:url(iepngfix/iepngfix.htc);
の赤文字部分を、「iepngfix」をアップロードしたURLに書き換えます。
（例） behavior:url(http://www.studio-fix.com/iepngfix/iepngfix.htc);

最後に 25行目を書き換えた「style.css」を
wp-content/themes/StudioFix_Type001
にアップロードすれば、IE6でも透過PNGの美しいデザインが
表示されるようになりまーす。(^-^)

この WordPressテーマは無料でご利用いただけますが、
当社 Studio FIX Inc.のクレジットは消さないでご利用ください。
またテーマのカスタマイズは自由ですので、
お好みにあわせて変更してご利用ください。
なお配布テーマに関して作者はソフトウェアに対する一切の責任は負いません。
自己責任でご利用ください。

Amazon CloudFront でちょっぱやを実装してみた

admin — Sun, 12 Apr 2009 15:42:30 +0000

どうもこんにちは!!
Amazon EBSで Apache2とmysqlを動かしてみた
自称EC2マニアのWebデザイナーです。

↑こちらが実際にAmazon EC2上で動いているサービスです。
無料ホームページ素材ダウンロード [ Web-Stylish!! ] / テストサイト

いかがです？　お気づきになられましたか？
そうなんです…。お世辞にも速いとは言えませんよね…？
（これでもいちお「Gzip」というパフォーマンス処理をしてある）

いくら高性能のサーバといえど、置かれているのは遙か海の彼方アメリカ。
物理的な距離の壁は越えられず、結局この程度の通信速度になってしまうんですね。

別にそこまで重くないからいいんぢゃない？
そう思えるならばここでゴールなのですが、
ビジネスの成功にとってWebサイトのパフォーマンスが非常に重要であることを
体験してきた私にとっては、イマイチ乗り気になれぬレベル。

ここまでか、あたしの Amazon EC2の旅…。(´･ω･)　

ところが、そんな悩みを解決し、
いわゆる「ちょっぱや」を実現できるオプションサービスがあるらしい！
その名も Amazon CloudFront 。

ちょっぱやの仕組みは、日本国内に置かれた Amazonの
キャッシュサーバを利用する、いわゆるCDN。

詳しくは参考サイトをご参照くださいね。
[ 参考サイト ]
AmazonS3上のファイルを国内でも高速配信可能なAmazon CloudFrontリリース
Amazon CloudFrontの使用上の注意とTipsまとめ

どうせここまで来てしまったんだもの。
持ち前の好奇心と探求心の残り汁を搾り出し Amazon CloudFront に挑戦だ！

Amazon CloudFront へアクセスして、
「Sign Up For Amazon CloudFront」をクリック。

一番上の 「Complete Sin Up」 をクリックするだけで申込み完了。

Firefoxのアドオン「s3fox」を起動して、Amazon S3にアクセス。
「s3fox」は、以下から無料で入手できます。
Amazon S3 Firefox Organizer(S3Fox) 0.4.6

右側のウィンドウ上部にある「バケット作成ボタン」をクリック。
バケットとは、いわゆるフォルダのこと。

Folder Name :
このフォルダ名を、CNAMEとしてイメージのパスに使用することになるので慎重に決める。
私は「data.web-stylish.com」としました。

作成したバケット名の上で右クリックして「Manage Distributions」を選択。

CNAME： ステップ5で決めたもの。
私の場合「data.web-stylish.com」と入力して
「Create Distribution」 をクリック。

しばらく待つと Status が「Deployed」に変わります。
Resource Url : に表示されたURLをメモします。

バケット名の上で右クリックして「Edit ACL」を選択。

右端 FullControl の蘭の赤い×をクリックして、緑のチェックマークに変更します。
Apply to subfolders にチェックをして、OKをクリック。
これで、Amazon S3での作業は一度終了。

「お名前.com」にアクセスして「ドメインNavi」へログイン。

ドメイン設定＞ネームサーバーの設定＞DNS設定 をクリック。

CNAMEを設定するドメインを選択して 「入力画面へ進む」 をクリック。

[ ホスト名 ] … data
[ タイプ ] …　CNAME
[ VALUE ] …　ステップ8でメモした Amazon ClounFront のURL
入力し終わったら「追加」をクリックして確認画面へ進み、設定を保存。
1時間くらい経ってからブラウザで
「data.web-stylish.com」へアクセスできるようになりました。

再度、Firefoxのアドオン「s3fox」を起動して、Amazon S3にアクセス。
バケットの中に「001」という新規フォルダを作成して、
ホームページ用の画像や、CSSファイルをアップロードします。

なぜ「001」みたいなフォルダを作成する理由は
Amazon CloudFront のキャッシュは、24時間以下に設定できないから。

画像をS3上に上書きアップした場合、物理的にファイルは更新されていても、
CDNのキャッシュが最大24時間残ってしまうので、
ブラウザで確認すると古い画像が見えてしまうのです。

それを回避するために、「001」のようなフォルダを作成し、
htmlファイル内のイメージのパスを以下のように設定します。
001/images/sample.gif"/>

画像を修正する時は、S3上に新たに「002」のようなフォルダを作成し、
その中に新しい画像をアップロードした上でイメージのパスを
002/images/sample.gif"/>
のように書き換えます。

このように、めんどっちぃ作業が必要ですが
こうすることで、ちょっぱや＆リアル更新を実現させたのが、こちら。↓↓

無料ホームページ素材ダウンロード [ Web-Stylish!! ] / 本番サイト

■ Amazon CloudFront 使用前
Safari の開発者向けツールで検証してみたら、
Amazon CloudFrontを使用しない場合、全てが表示されるまでに 5.02/秒かかっています。

■ Amazon CloudFront 使用後
Amazon CloudFrontを使用した場合、全てが表示されるまでに 542/ミリ秒です。

単位が違っちゃってますYO!!　
「ms」ですよ、「ミリ秒」!!!!

Amazon EC2+S3+CloudFront=感動のちょっぱや!!!!!

こうやって終焉にふさわしい感動を向かえ、全17話にわたる
壮大な Amazon EC2 物語は、ようやく幕を下ろしたのでした。

無料ホームページ素材 Web-Stylish!

admin — Sat, 31 Jan 2009 15:47:11 +0000

横浜のホームページ制作会社スタジオFIX では、
無料でホームページ素材がダウンロードできるサービスをご提供しています。

プロのWebデザイナーだからご提供できるハイクオリティなホームページ素材が全て無料！
ホームページオーナー様のための「本当に使える」Web素材無料ダウンロードサービス Web-Stylish!

Web-Stylish! では、
ボタン素材や、フレーム用素材、ホームページ用背景画像など
現在4,708点のホームページ素材を無料でご提供しています。

「カートに入れる」、「ごあいさつ」など
ネットショップや、企業ホームページで実用的にご利用いただけるボタン素材や、
ブログのカラムデザインにご利用いただける
フレーム用素材など、実用的でハイクオリティなホームページ素材がた〜くさん。

しかも、ぜーーーんぶ無料でご利用いただけます。(^-^)
ホームページ素材をお探しの方は、ぜひチェックしてみてくださいね。

横浜のホームページ制作 スタジオFIXの社長ブログ » 無料ホームページ素材

WordPress無料テーマ配布 第2弾

WordPress無料テーマ配布

Amazon CloudFront でちょっぱやを実装してみた

関連エントリー

無料ホームページ素材 Web-Stylish!

横浜のホームページ制作スタジオFIXの社長ブログ » 無料ホームページ素材

WordPress無料テーマ配布第2弾