横浜のホームページ制作 スタジオFIXの社長ブログ

WordPress無料テーマ配布 第2弾

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.のクレジットは消さないでご利用ください。
なおテーマのカスタマイズは自由ですので、お好みにあわせてご利用ください。

2009/12/17

WordPress無料テーマ配布

先日、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.のクレジットは消さないでご利用ください。
またテーマのカスタマイズは自由ですので、
お好みにあわせて変更してご利用ください。
なお配布テーマに関して作者はソフトウェアに対する一切の責任は負いません。
自己責任でご利用ください。

2009/09/29

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

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



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

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ファイルをアップロードします。

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

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

関連エントリー

1. こんなにスゴイぞ、Amazon EC2
2. Amazon Web Service、アカウントを取得してみた
3. Amazon EC2/S3を申し込んでみた
4. Amazon EC2、X.509証明書を取得してみた
5. AWS Management Consoleで Key Pairsを取得してみた
6. Mac OSXでAmazon EC2 Command-Line Toolsを使ってみた
7. Amazon EC2、インスタンスを立ち上げてみた
8. Amazon EC2、SSHでログインしてApacheを起動してみた
9. Amazon EC2、Debianを設定してみた
10. Amazon EC2、DebianでFTP（vsftpd）設定
11. Amazon EC2のイメージファイルをS3に保存する
12. Amazon EC2で固定IPを取得する
13. Amazon EC2を独自ドメインで使う
14. Amazon EC2をバーチャルドメインで運用する
15. Amazon EC2、EBS(Elastic Block Store)を使ってみた
16. Amazon EBSで Apache2とmysqlを動かしてみた
17. Amazon CloudFront でちょっぱやを実装してみた
18. Amazon EC2、AMIを共有する
19. Amazon EC2上でインスタンスをオートスケールできる「Wakame」
20. [ 非常事態宣言!!] Amazon EC2、ホームページが消えました
21. Amazon サポートセンターに連絡を取ってみた
22. Amazon EC2、SSH（22番ポート）の設定方法はこうすべき！

2009/04/13

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

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



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


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


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


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

2009/02/01