Monthly Archives:2月 2015

エレガントなおすすめ企業サイト向け,ビジネス,IT用WordPress公式無料テーマ18選

07 2月 15
Spike

No Comments

 

企業、ビジネス用ということで、通常のブログ以上にサイト全体から受ける印象が大切だろうと考慮し、いつもはスクリーンショットをサイト上部のみキャプチャしていますが、一部を除いてサイト全体をキャプチャー致しました。

テーマの探し方、検索方法

テーマの探し方、検索法については、一度、記事に書きました。

WordPressのテーマの4つの検索法、探し方。注意点(英語検索の上手な方法も含め)。販売サイトの紹介。 | WordPress,ブログ初心者のために.

をご覧下さい。

テーマのインストール法

➀管理画面で「テーマ」→「新規追加」。
検索→「インストール」→「有効化」

もしくは

➁ダウンロードサイトでフォルダごとダウンロードし、FTPでサーバー側のThemeフォルダにアップロードし、有効化。

③または、管理画面の「新規追加」→「アップロード」でダウンロードしたフォルダを選択し、アップロードしてインストール。

各テーマは、インストールし、有効化してみると、プレビューで見るのと違うことがままあります。
気になるテーマは、一度、有効化で試されることをお薦めします。

また、個別のテーマのデザインを含めた詳細な機能については、そのテーマ名で検索してみると、記事が書かれている場合があります。

無料で配布されていたテーマが、WordPress.orgのページから消え、プレミアム・テーマとなっているということもあります。
なので、いいなぁと思うテーマはインストールし、ストックされることをお薦めします。

無料で配布しているWordPressテーマは、一般に危ない。

日本人でデザイナーさんが公開しているところは、そうでもないでしょうが、WordPressの勉強会で、講師の方がよく言われるのは、「無料のWordPressテーマは危ない。」です。


企業用、ビジネス用途に、テーマを選ぶポイント

1.洗練された美しさもさることながら、やはりビジネス用途には、SEOフレンドリーは、必須ではないでしょうか。

2.タブレットと差別化のため、ブランディングのために、必要あらば、ロゴ、ファビコン、ソーシャルメディアへのリンクが装備してあった方がよいでしょう。

3.趣味のブログではなく、ビジネスが主な用途なら、業種にもよりますが、デヴァイス環境にとらわれずに、閲覧でき、IE、Chromeなど利用者が閲覧しているブラウザに関わらず、きちんと閲覧できるクロス・ブラウザ互換性が保障されているテーマを選ぶべきでしょう。

AccessPress Ray

More info&Download  Portfolio  Demo

エレガントなおすすめ企業サイト向け,ビジネス,IT用WordPress公式無料テーマ AccessPress Ray

制作者

現在まで3テーマをWordPress.orgに登録。

  • カスタム・バックグラウンド
  • カスタム・ヘッダー
  • カスタム・メニュー
  • カスタム・ロゴ、ファビコン
  • フレキシブルなヘッダー
  • レイアウト
  • 可変レイアウト
  • レスポンシブル・レイアウト
  • 全幅テンプレート
  • 右、左サイドバー
  • 1、2,3カラム
  • sticky-post*
  • 大規模なテーマ・オプションあり
  • Woocommerce, bbPressと互換性あり。
  • クロス・ブラウザ互換性
  • SEOフレンドリー
  • Google マップとの統合

トップページにいつも同じ投稿記事を表示しておける。

最終更新日

2015-01-29

企業のテーマにお馴染みの鮮やかなグリーンが使われ、さまざまなコンテンツも用意され、ITを中心にした企業にいいのではないでしょうか。

まとまった文章も表示できるボックスがあり、Google Mapありと、ある意味完璧なテーマではないでしょうか。

Accesspress Parallax

More info&Download  Portfolio  Demo

 02 AccessPress Parallax - Free Parallax WordPress Theme

制作者

  • カスタム・バックグラウンド(背景)
  • カスタム・カラー
  • カスタム・ヘッダー
  • カスタム・メニュー
  • 可変レイアウト
  • スライダー
  • 1,2カラム
  • 右サイドバー
  • テーマ・オプションあり
  • CSSアニメーション
  • Google Mapとの統合
  • SEOフレンドリー

さまざまなトリガー(引き金)によって、サイト訪問者にリッチな体験を体験して貰うことができる。

エレガントでフル・ワイズなスライダーがインパクトがある。
が、このテーマに限らず、サイトにあったインパクトのある画像を用意するのは、結構難しい。

左に固定でディスプレイされているソーシャルメディアのアイコンもGood。
右利きの人は、マウスを右手で操作するので、何らのついででクリックするには、右の方がしやすいようにも思えますが。
オプションで変えられるかどうか不明。

グローバルメニューも、丁度いい位置ではないでしょうか。

オーサーや社員などを紹介するエリアも存在。

画像でブランディングも、上手にできる。

ビデオを置くエリアやコンタクトフォームもあり、至れり尽くせり。

こういうのを何と言うのか知りませんが、スクロールすると浮き出てくる感じでコンテンツが表示される、最近の流行でもあるディスプレイ法は、訪問者にリッチな体験をもたらすでしょう。

Accesspress Lite

More info&Download  Portfolio  Demo

Theme Preview   Previewing Another WordPress Blog (15)

制作者

  • カスタム・バックグラウンド(背景)
  • カスタム・ヘッダー
  • カスタム・メニュー
  • 固定レイアウト
  • 可変レイアウト
  • 可変ヘッダー
  • フル・ワイズ・テンプレート
  • フル・ワイズ・スライダー
  • 2,3カラム
  • 左サイドバー
  • sticky-post
  • テーマ・オプションあり
  • WooCommerce, bbPress互換性
  • クロス・ブラウザ互換性
  • 翻訳対応
  • SEOフレンドリー
  • 日本語に完全対応
  • チャット、電子メール・サポート、サポート・フォーラムが存在

企業サイトに適した鮮やかな青で構成。

少し見慣れた感のあるスライダーの下に、サービスを表わすエリアがあり、その下に、ブログの最新投稿の行があるというのと違い、ユニークな配列。

Video tutorials

Zerif Lite

More info&Download

WordPress › Zerif Lite « Free WordPress Themes

制作者

コーポーレート、プロダクト・ショーケース、ビジネス・サイトに最適。

  • WooCommerceに互換性。
  • 多言語対応
  • Retina対応
  • 検索エンジン・フレンドリー
  • W3Cマークアップ
  • カスタム・バックグラウンド(背景)
  • カスタム・メニュー装備
  • 1カラム、2カラム
  • レスポンシブル・レイアウト
  • 右サイドバー
  • スレッド化されたコメント欄
  • クロス・ブラウザ互換性(Internet Explorer(IE)やGoogle Chrome、Safariなどのブラウザに適合性があるということ)

ヘッダー画像の下に、サービスなどをディスプレイさせるボックスがあり、下にチームメンバーなどのボックスが、次々と、現れる海外のIT関連のサイトでは、定番的なテーマ。

ベンチャー企業などが利用すれば、非常に洗練されたサイトに見えるのではないでしょうか。

Unconditional

More info&Download  Portfolio  Demo

 FireShot Capture - Unconditional I Just another Crackin_ - http___www.wpstrapcode.com_unconditional_

制作者

WordPress.orgに登録のテーマだけでも沢山あるベテランさん。

  • カスタム・バックグラウンド(背景)
  • カスタム・ヘッダー
  • カスタム・メニュー
  • 可変レイアウト
  • レスポンシブル・レイアウト
  • 右サイドバー
  • 2カラム

最終更新日

2015-01-26

ビジネスのみだけではなく、何らかのデザイン関係の事務所のHPに最適。

一番上のグローバルメニューが、固定ならいいのですが。

上品な赤が印象的。シックな紺色。

Bootstrapで制作。

スライダーの下に、リンク付きの3つのボックス。
その下に、投稿。

情報発信を積極的に行っている企業、投稿コンテンツに重きを置いているビジネス関係、ブログにもいいのではないでしょうか。

Guardian

More info&Download  Portfolio Demo

Guardian WordPress Theme   Just another Weblizar Demo Sites site

制作者

  • カスタム・バックグラウンド(背景)
  • カスタム・メニュー
  • 固定レイアウト
  • 可変レイアウト
  • レスポンシブル・レイアウト
  • スライダー
  • 可変ヘッダー
  • 右サイドバー
  • 5つのウィジェット・エリア(1つのサイドバー、4つのフッター・エリア)
  • sticky-post
  • テーマ・オプションあり
  • 2カラム
  • クロス・ブラウザ互換性
  • Retina Ready
  • Woo-commerce Ready
  • スキンあり。
  • Flickrと連携。
  • ソーシャルメディアのリンクを提供。

BOOTSTRAP CSS frameworkで制作。

さまざまなデヴァイスでのユーザビリティに気を配ったとしています。

4つのページ・レイアウトを持ち、2つのページ・テンプレートを持つ。

サイドバー・ウィジェット・エリアは、2カラムにすることが可能。

一番上に小さくソーシャルメディアのアイコンに、問い合わせメールと電話。

あとはスタンダードな作り。

万人受けする青をアクセント・カラーに用いているので、汎用性あり。
狭く限定せず、さまざまなサイトに合うのではないでしょうか。

Enigma

More info&Download  Portfolio Demo

 Enigma Free Theme   Free WordPress Theme

制作者

  • カスタム・バックグラウンド(背景)
  • カスタム・メニュー
  • 固定レイアウト
  • 可変レイアウト
  • レスポンシブル・レイアウト
  • 4,3,2カラム
  • 可変ヘッダー
  • 右サイドバー
  • 5つのウィジェット・エリア(1つのサイドバー、4つのフッター・エリア)
  • sticky-post
  • テーマ・オプションあり
  • クロス・ブラウザ互換性
  • Retina Ready
  • Flickrと連携。
  • ソーシャルメディアのリンクを提供。
  • light & darkのスキンあり。

BOOTSTRAP CSS frameworkを使って制作。

こちらも、さまざまなデヴァイスでのユーザービリティに気を配ったという。

4つのページ・レイアウトを持ち、2つのページ・テンプレートを持つ。

サイドバー・ウィジェット・エリアは、2カラムにすることが可能。

こちらは、少し目立つように、右上に問い合わせ電話と問い合わせメールを表示。

最新の投稿は、スライダー表示。

一番上のグローバルナビゲーションは、固定表示。

使われている青は、最先端をイメージします。

僕が知らないだけか、日本で最近元気のあるベンチャー企業ってしらないのですが、また、日本ユーザーがうるさいのか(文句を言うユーザーは日本だけに存在するとは思えませんが。)、外資系を除いて、日本の企業は、サポートを重視しないのですが、何らかのビジネスを始め、そのプロダクトについての問い合わせを重視し、販路を開拓するというのは、Twitterやなんかを使うよりも、ずっと健全で堅実なビジネスのあり方と思うのですが。

そういうサイトを通じて、ユーザーとコンタクトを持ち、ビジネスを始めようという新進の企業が利用すれば、面白いのではないでしょうか。

Green-Lantern

More info&Download Portfolio Demo

Green Lantern Free Theme   A Professional Multi Purpose Responsive Theme

制作者:weblizar.

制作者であるweblizar.は、企業用と思われるWordPressテーマを多く手がけています。

  • フルレスポンシブル。
  • Fluid/Liquidレイアウト:幅の全体をブラウザのウインドウに対して相対値(%)で指定する流動的なレイアウト
  • 右サイドバー
  • テーマ・オプションあり
  • 2カラム

スライダー下部に、そのサイトのサービスを紹介する領域が設けられています。

ホーム画面のみ、その他の下層のページと異なるレイアウトが施されています、

記事投稿画面では、トップに大きくアイキャッチ用画像がレイアウトされているようです。

ホームのフッターは、ウィジェットで配置できる。
引き締まった黒で、企業、ビジネス用途にフィットしているかと思います。

サービス、ブログの投稿のエリアがコンパクトにまとめられ、美しさを感じます。

ITに限らず、工夫次第では、美容院のサイトでも合うような、非常に幅広いサイトに利用できると思います。

weblizar-brown

More info&Download Portfolio Demo

Theme Preview   Previewing Another WordPress Blog (8)

 

制作者

Weblizar.を親テーマとしたブラウンカラー・テーマ。

  • レスポンシブル・レイアウト。
  • 右サイドバー
  • スライダー画像は、フレキシブル(可変)でフルスクリーン。
  • フレキシブル(可変)レイアウト

なので、モバイルデヴァイス、デスクトップなどの環境に適合。

  • テーマ・オプションあり。
  • 2カラム
  • クロス・ブラウザ互換性テーマ。
  • 4つのページ・レイアウトと2つのページ・テンプレートを持つ。
  • 1つのサイドバーと4つのフッター領域の5つのウィジェットが利用可能。
  • フッター領域には、ソーシャルメディアへのリンクが利用できる。
  • このテーマは、ビジネス用途にフォーカスを当てたテーマである。
  • テーマ・オプションで、ロゴ、レイアウト、カラースキンを調節できる。

注意)このテーマをインストールしてみましたが、テーマ・オプションで調節できる項目は、一部、プレミアムでないとできないものも含まれていました。

フロントページには、しっかりとサービスを紹介する領域が取られており、機能的にも、十分にビジネス用途を意識した内容になっており、申し分ないのではないでしょうか。

非常にシックで落ち着いた印象を受け、信頼感を感じます。

ブランドが既に確立されている企業にも合うのではないでしょうか。

the espresso

More info&Download Portfolio 

Theme Preview   Previewing Another WordPress Blog (9)

制作者

これもやはり、Weblizar.を親テーマとしたコーヒーカラー・テーマ。

  • Bootstrapフレームワークに基づいたフレキシブル(可変)レイアウト。
  • モバイルデヴァイス、デスクトップなどの環境に適合。
  • 様々なデヴァイスでのユーザビリティに拘ったテーマ。
  • 1つのサイドバーと4つのフッター領域の5つのウィジェットが利用可能。
  • 4つのページ・レイアウトと2つのページ・テンプレートを持つ。
  • クロス・ブラウザ互換性テーマ。
  • カスタム・バックグラウンド
  • 2,3又は4カラム
  • レスポンシブル・レイアウト
  • 右サイドバー
  • テーマ・オプションあり
  • サイドバー・ウィジェットを利用し、2カラム・デザインを利用することも可能。
  • ヘッダー領域とフッター領域にソーシャルメディアへのリンクを装備。
  • テーマ・オプションで、ロゴ、ワイド・レイアウト、カラースキンを調節できる。

注意)このテーマをインストールしてみましたが、テーマ・オプションで調節できる項目は、一部、プレミアムでないとできないものも含まれていました。

訳している部分が、若干、上のweblizar-brownのテーマと違いますが、WordPress.orgでの説明は、ほぼ同じです。

上のweblizar-brownのテーマと異なるのは、サイトタイトルのカラーとテキストなどのカラーでしょうか。
weblizar-brownのテーマを機能的に気に入っているが、デザインに不満がある場合、親テーマであるWeblizar.と共に候補に入れてみて下さい。

weblizar-brownと一番違うのは、ブログ・サイト名の表示で使われているフォント。

Nirvana

More info&Download  Portfolio  Detail  Demo

Nirvana Demo   Just another WordPress site

 

制作者

 

  • カスタム・バックグラウンド
  • カスタム・カラー、カスタム・ヘッダー
  • Fixed(固定) レイアウト
  • フレキシブル・ヘッダー
  • フルワイズ・テンプレート
  • 左サイドバー、右サイドバー
  • 1、2、3カラム
  • レスポンシブル・レイアウト
  • テーマ・オプションあり
  • Googleフォントを利用可能
  • 8つのページ・テンプレート
  • 12のウィジェット領域
  • 編集可能なスライダーとカラム
  • 40以上のソーシャル・リンク装備

制作者は、ポエムを好むのか、旅行を趣味とされているのか、WordPress.orgの説明には、随分長く読み手に、私的な感情を喚起させるような訴えかけが書かれていました。

非常に凝った作りとなっており、利用する人を選ぶような部分もありますが、最近の海外のIT企業のサイトは、こんな風に、スクロールして行くと、どこまでも続くようなトップページが多く、下段の画像の部分を上手く使い、上手にブランディングしてやれば、とても洗練されたスタイリッシュなテーマではないでしょうか。

グローバルナビゲーションは、おそらくjQueryが使われており、洗練された形でサブメニューが表示。

あえて、画像の余白を取らずに、ボックスを作成。

配色も無難だし、ロゴなどアクセント・カラーに使われている緑も企業向け、ビジネス用途に適していると思います。

何らかのプロダクト、サービスを売り込みたい企業に向いていると思います。

Corpbiz

More info&Download  Portfolio  Demo

My first blog site   Just another WordPress site

制作者

コーポレート、ビジネスサイトに適したサイト。

  • Full-Width Page
  • レスポンシブル・レイアウト
  • 右サイドバー
  • テーマ・オプションあり
  • 2カラム

プロダクトのエリアが、スライド表示されるのが特徴的。

メンバー紹介のエリアあり。

Simplify

More info&Download Portfolio  Demo

 

 

D5 Creation Theme Demo

 

制作者

  • カスタム・バックグラウンド(背景)
  • カスタム・ヘッダー
  • 固定レイアウト
  • フロント・ページ採用
  • full-width-template
  • レスポンシブル・レイアウト
  • 右サイドバー
  • テーマ・オプションあり
  • 2カラム
  • 2行のBOX
  • 翻訳対応

最終更新日

2014-11-01

CSS3で制作。

Weddings

More info&Download

WordPress › Weddings « Free WordPress Themes

制作者

  • カスタム・バックグラウンド(背景)
  • カスタム・カラー
  • カスタム・ヘッダー
  • フレキシブル・ヘッダー
  • 流動的なレイアウト
  • full-width-template
  • 1カラム
  • レスポンシブル・レイアウト
  • 右サイドバー
  • スライダー
  • テーマ・オプションあり
  • 3カラム
  • 2カラム

日本では見たことがないのですが、海外では、どこのテーマ販売サイトもウエディングという項目があり、このテーマも、ビジネス目的ではなく、ウエディングのテーマとして制作されている。

定番の作りですが、女性をターゲットとした企業やショップ、グルメなどに向いているのではないでしょうか。

Woodpecker

More info&Download  Portfolio  Demo

Theme-Preview-635x450

制作者
  • カスタム・バックグラウンド(背景)
  • カスタム・ヘッダー
  • レスポンシブル・レイアウト
  • 右サイドバー

今現在、僕が利用しているテーマです。

デモの上をクリックすると、さまざまなデヴァイスでの表示のされ方を見ることが出来ます。

一番下にソーシャルアイコンあり。

特にこういうサイトというのは浮かばないのですが、汎用性があり、どのようなサイトにも適していると思われます。

SaleJunction

More info&Download  Portfolio  Demo

wp-themes.com salejunction  TB_iframe=true data-recalc-dims=

制作者

  • レスポンシブル・レイアウト
  • 翻訳対応
  • WooCommerce Pluginと統合

個人的に気に入っているのですが、残念なのは、アイキャッチ画像が投稿一覧ページに表示されないのです。

WordPress.orgのプレビューとデモ画面が大分違います。

 

Minamaze

More info&Download  Portfolio  Demo

Theme Preview   Previewing Another WordPress Blog (11)

 

制作者

  • カスタム・バックグラウンド(背景)
  • カスタム・ヘッダー
  • 固定レイアウト
  • フレキシブル・ヘッダー
  • 流動的なレイアウト
  • full-width-template
  • 右、左サイドバー
  • 1、2カラム
  • レスポンシブル・レイアウト
  • スライダー
  • テーマ・オプションあり
  • 翻訳対応
  • ロゴ
  • Retina Ready

グリッドで綺麗にまとめています。

どちらかというと、男性をターゲットとした携帯などの機器やIT系の企業やニュースサイトに向いているのではないでしょうか。

Hathor

More info&Download  Portfolio  Demo

Hathor - Just another WordPress Site

制作者

  • カスタム・バックグラウンド(背景)
  • 固定レイアウト
  • 可変レイアウト
  • レスポンシブル・レイアウト
  • フル・ワイズ・テンプレート
  • 1カラム
  • 右サイドバー
  • 2つのヘッダー・スタイル
  • 2つのサービス・ブロック・スタイル
  • 2つの最新の投稿レイアウト
  • sticky-post
  • テーマ・オプションあり
  • ロゴ対応
  • 翻訳対応
  • SEOフレンドリー

ポピュラーなタブレット、モバイル・デヴァイスにフィット。

グリッドで、さまざまなコンテンツを表示させる領域あり。

Photoshop グラデーションの作成方法

01 2月 15
Spike

No Comments

 

 

グラデーションの新規作成 オプションツールバー

逆方向

グラデーションのかかる色の順番を始点と終点で逆にする。

ディザ

チェックを入れると、グラデーションが帯状になるのを防ぐ。

透明部分

不透明度の設定をしたグラデーションを使ってペイントする際に使う。

Read More…

カテゴリー