tro-suke blog

Homepage template is free, and the WordPress theme is free, too.
ホームページ制作/HPテンプレート無料、WordPressテーマも無料!!
blog top

画像を全く使用していないテンプレートに…

スタイルシートでカラーを変更するだけで、違ったイメージに変身できるテンプレート [sp-1noneimg]シリーズにカラーバリエーションを追加しました。
本来はご自分でお好きな色に変えて頂ければいいのですが、サンプルとしてはカラーが多い方がいいですよね。

ブルー系で仕上げています

レッド系で仕上げています

グリーン系で仕上げています

紺藍系で仕上げています。

各サムネールをクリックしますと、詳細ページをご覧いただけます。
ダウンロードは詳細ページからできます。

小さなサイト向け、シンプルなテンプレート

シンプルで見やすいテンプレートは、メニューをタブ形式で上部に配置し、迷うことなく目的のページへと誘導できます。ミニ情報サイトをはじめ、個人の方・個人事業主の方など、小さなサイト向 けにカテゴリーやコンテンツをまとめやすく設計しました。

スカイブルーを基調にし、爽やかなイメージ

ピンクを基調にした、かわいらしいイメージ

各サムネールをクリックしますと、詳細ページをご覧いただけます。
ダウンロードは詳細ページからできます。

2カラム、カラーバリエーション続々追加中!

左メニューの2カラムテンプレートです。ビジネス向けにデザインしました。特に会社案内などに最適です。トップメニューにすべてのカテゴリーを配置し、どこからでもアクセスできるよう設計しました。ベースカラーは落ち着いた感じのマリンブルーとココア色。
カラーはスタイルシートで変更できます。

落ち着いた感じのマリンブルー

落ち着いた感じのココア色を基調に



各サムネールをクリックしますと、詳細ページをご覧いただけます。
ダウンロードは詳細ページからできます。

2カラム右メニュー、ビビット調でインパクト!

右メニューの2カラムテンプレートです。ビジネス向けにデザインしました。特に会社案内などに最適です。トップメニューにすべてのカテゴリーを配置し、どこからでもアクセスできるよう設計しました。ベースカラーはビビット調にし、インパクトを与えます。カラーはスタイルシートで変更できます。

右メニューの2カラム、ビビット調

右メニューの2カラム、ビビット調



各サムネールをクリックしますと、詳細ページをご覧いただけます。
ダウンロードは詳細ページからできます。

右メニュー、2カラムのテンプレート

右側にメニューを配置し、コンテンツを重視した2カラムのテンプレートです。会社のコンテンツを的確に伝えられるよう設計しました。会社案内などに最適で す。トップメニューにすべてのカテゴリーを配置し、どこからでもアクセスできるよう設計しています。

以前の[sp-2br]と[sp-2lg]をアップデートしています。そしてカラーを二種類追加しました。下の画像は、新規に追加したものです。

パープルを基調にし、オシャレな雰囲気に仕上げました。

ブルーを基調にし、清潔で爽やかなイメージを与えます。

各サムネールをクリックしますと、詳細ページをご覧いただけます。
ダウンロードは詳細ページからできます。

パステル調の左メニュー、2カラムに二点追加

左メニューのオーソドックスなテンプレート。パステル調のカラーで、柔らかなやさしい雰囲気に仕上げています。カラーバリエーションは、全部で4種類になりました。

ライトブルーを基調にし、爽やかなイメージです

イエローを基調にした、暖かく柔らかなイメージです



各サムネールをクリックしますと、詳細ページをご覧いただけます。ダウンロードは詳細ページからできます。

パステル調の左メニュー、2カラム

左メニューのオーソドックスなテンプレート。パステル調のカラーで、柔らかなやさしい雰囲気に仕上げています。とりあえず2点、先行アップ!

sp-leg_s

エメラルドグリーンを基調にし、爽やかなイメージです

sp-lpi_s

ピンク色を基調にした、暖かく柔らかなイメージです



各サムネールをクリックしますと、詳細ページをご覧いただけます。
ダウンロードは詳細ページからできます。

ブラウザによる見え方の違い

先日、《英国政府に「IE6」からのアップグレードを求める嘆願書》という記事を見かけました。
「IE6には、セキュリティ上の問題がいくつか存在し、ユーザーのシステムに脆弱性を与える」というのが主な理由らしいのですが、ウェブサイトの設計や開発を手がける人々にとっても同じ思いだろうと思います。

ホームページのテンプレートを作成するとき、一番問題になるのが、ブラウザによる見え方の違いです。FirefoxやSafari、Google Chromeでは同じCSSでほぼ同じように見えるようにコーディングできますが、IE6、IE7では若干違って見えてしまいます。IE8でようやく他のブラウザと同じようになりましたが、まだまだIE6、IE7のユーザは多く、テンプレートの作り手としては頭を悩ますところです。“このテンプレートはこのブラウザでご覧ください”などと、押し付けることはできるはずもなく、ただひたすら同じように見えるようにCSSに手を加えていくだけです。W3Cに全てのブラウザが準拠してくれれば問題も解決ですが、ユーザーが全てそうなるまでには、まだまだ時間がかかりそうです。

「tro-suke」で配布しているテンプレートは、どのブラウザを使用してもほぼ同じように見えるようにコーディングしています。ちなみに今のところはIE6は* html ○○○で、IE7は*:first-child+html ○○○で対応しています。

今年はもっとWordPressを…

あけましておめでとうございます。

このサイトを立ち上げてから、WordPressの勉強をもっとしようと思っているのだが、去年の11月、12月はおかげさまで結構忙しく、このホームページもあまり更新できませんでした。

実際のこのサイトで勉強するには危険が伴うかもしれないし、去年はじめからLinux(Ubuntu)を勉強していたので、せっかくだからローカルでテスト環境を作ってみることにした。

家に眠っていたiMac G3にUbuntuをインストールしていたので、そこでいろいろと勉強できる環境を作ればいいんじゃない?その記事は別のブログ、こちらです。

でもiMac G3では最新のUbuntu 9.10はちょっとしんどいようだ。8.04に戻してみるのもいいかもしれないね。

デザインテンプレートのsp-d2brを…

デザインテンプレートのsp-d2brで、背景の色をまちがって指定していました。

あと、若干の修正を加えております。
ダウンロードされた方は、再度ダウンロード頂きますようお願いいたします。

 

▲ page top