Image Image Image Image Image Image Image Image Image Image

WordPressのレシピ | September 17, 2019

Scroll to top

Top

テーマ

無料でハイクオリティ!2014年初夏のWordPressのオススメ新着テーマ7選

2014年6月9日 |

Tracks 画像と文章コンテンツが交互に織りなす、個人向けブログテーマ

Tracksは、2014年5月に登録された新着テーマのなかでも★5レビューの高評価テーマ。画像と独自で個人ブログをブランディングしたい方にぴったりかもしれません。

デモサイト|ダウンロード

Semicolon シンプルでカスタマイズしやすいグリッド・レスポンシブテーマ

Semicolonは、グリッドレイアウトでレスポンシブデザインに対応した、シンプルなテーマです。2014年5月30日に登場したばかりの新テーマ。スマートフォンサイズの幅でも、レスポンシブデザインで整って表示されるため、カスタマイズを前提としたWebマガジンの基礎テーマとしても活用できそうです。

デモサイト|ダウンロード

Foodeez Lite

上品に料理を見せるならこのテーマ

Foodeez Liteは高級なレストランやホテル向けにデザインされたテーマです。それ以外でも、レシピやグルメ記事など料理を詳しく紹介したいサイトにはおすすめです。

デモサイト|ダウンロード

Make

カスタマイズしやすさが魅力的

Makeはシンプルなグリッドデザインですが、開発元のサイトのデモを見ると、お店やブログなどの使い方が紹介されています。多目的な利用とカスタマイズしやすさを考えて作られているので、触って使いこなしたくなるテーマです。

デモサイト(ショップ)|デモサイト(ブログ)|ダウンロード

Chocolat

女子ブログにぴったりの甘いテーマ

Chocolatは落ち着いたチョコレート色がベースの、デザインが愛らしいブログ向けテーマです。見た目はかわいくても、中身はしっかりと使いやすく考えられています。作者は日本人の Mignon Style さん(サイトはこちら)。質問があれば、WordPressの日本語フォーラムで受け付けてくれます。

ダウンロード

Interface

カスタマイズが簡単だから使い方もいろいろ

Interfaceは簡単にカスタマイズができるように作られています。サイト・投稿ページのレイアウトやページテンプレートなど、豊富に用意されていますので、スマートで高機能なサイトが実現できそうです。

デモサイト|ダウンロード

NewsPress Lite

ニュースメディアのようなコンテンツ豊富なサイト向け

NewsPress Liteはその名の通り、ニュースメディア向けのテーマです。トップページに様々な情報が上手く収まっており、またプルダウンのメニューもあるので、情報が見つけやすい設計です。ニュースサイトに限らず、記事が豊富なサイト全般に適しています。 デモサイト|ダウンロード

Read More

WordPressの新テーマ「onetone」は、最新デザイントレンドを反映したメインビジュアル強調型の1カラムの高評価テーマ

2014年6月8日 |

WordPressの無料テーマ「Onetone」は1カラムに表示するシンプルかつスタイリッシュなデザインのビジネス向けテーマで、レスポンシブデザインにも対応しています。スクロールしてもメニューが先頭に位置するフローティングメニューとなっていますので、セクション移動もスムーズです。

メインビジュアルに動画を使用して、個性的で印象強いサイトを実現

デモサイトを見ると、トップセクションの背景には動画が流れ、インパクトのあるものになっています。実はこれ YouTube の ID を指定するだけなのです。もちろん、動画を使用せずに画像とすることも可能です。

設定は、複数のセクションを順番に指定するだけ

セクションの内容と順序を定義することで、それらをひとつのページに表示します。セクションで指定する内容は、基本的には背景とコンテンツの2つになります。背景はデモサイトのような動画であれば YouTube の IDを、以外では画像や背景色を指定できます。コンテンツはテキストや画像などです。

(クリックで画像を拡大)

固定ページを作成してメニューに追加するには

まず固定ページを新規に作成し、公開の状態にします。

次にダッシュボードの[設定-表示設定]の「フロントページの表示」にある「固定ページ」の「投稿ページ」で先程作成した固定ページを選択してセットします。

最後にメニューに反映させるため、[外観-メニュー]からメニューの追加を行い、「メニュー設定」の「テーマの位置」にある「Home Page Header Menu」にチェックを入れます。

これでメニューから作成した固定ページが参照できるようになります。デモサイトのメニューには「Blog」が追加されていますので、動きが確認できます。

シンプルだからこそカスタマイズでオリジナリティを

ポイントを押さえたマニュアルサイトが用意されていますので、構成の理解やカスタマイズするときなどは非常に参考になります。1カラムにはコンパクトに情報をまとめて、カスタマイズ次第で様々な使い方や見せ方ができそうです。

Read More

WordPressのミニマム&シンプル人気テーマ「Shotoku」は初心者にも扱いやすく、写真日記などにお薦め。

2014年5月30日 |

WordPressの無料テーマ「Shotoku」は、シンプルなギャラリーサイトが簡単に作成できるテーマです。作成するときに難しい設定は一切ありませんので、初心者でもとても扱いやすくなっています。写真中心のブログなどにオススメです。

記事を投稿するだけで、シンプルなギャラリーサイトが実現

メインページに並んでいる写真をクリックすると、各記事へのリンクとなっています。記事の作成時、アイキャッチ画像を設定しておく必要があります。アイキャッチ画像がそのままメインページのギャラリーとして時系列に表示され、それぞれの記事のトップに画像が配置されるようになっているので、レイアウトで悩むこともありません。もちろん、レスポンシブデザインとなっています。

Facebookページの作成も簡単

また「Shotoku」ではFacebookページも作成できます。固定ページでページテンプレートから「FacebookPage」を選択するだけですので、こちらも簡単ですね。

以外ではウィジェットで各種ソーシャルメディアのリンクを追加することができます。見出しとリンク先をセットすると、それぞれのアイコンと共に表示されるようになります。 (対応:RSS,Twitter,Facebook,Youtube,Tumblr,Google,Skype,Flickr,Vimeo,LinkedIn,Delicious)

(設定画面)

表示すると、以下のようになります。

Read More

レスポンシブデザインにも対応!写真好きにおすすめの「Photum」は、シンプルで無料、写真映えするWordPressのギャラリーテーマ

2014年5月17日 |

「Photum」は、シンプルなデザインで出来た写真メインのWordPressの無料テーマです。トップページが特徴的なギャラリー構造になっているため、写真が中心の日記・ブログや、作品としてのポートフォリオサイトなどに最適です。レスポンシブデザインにも対応しており、人気のテーマの一つです。

写真映えするデザイン

トップページは、最新の投稿写真からグリッドスタイルで写真が表示されます。この一覧にある写真の上にマウスを当てると、写真タイトル・コメント数・カテゴリなどが透過した枠内に表示され、それぞれリンク先へ移動することができます。写真タイトルからその写真ページへ移動しますが、ここでもこのページに合わせた最適なサイズで表示されますので、大きな画像でもきれいに収まります。写真上には写真に関する情報がこちらも透過する形で表示され、また写真の下にはタイトルとテキストを入れることができます。

シンプルな操作性

設定はとても簡単で、投稿時にアイキャッチ画像をセットするだけでトップと各写真ページの両方に反映されます。また元の画像の大きさに関わらず、最適なサイズで表示してくれますので、ページ全体の統一感が保たれます。もちろんレスポンシブに対応していますので、スマートフォンからでも下記の画像のようにきれいに表示されます。色味を抑えたスッキリしたデザインは写真を目立たせたいサイトにはぴったりではないでしょうか。

Read More

イメージスライダーが目を引く「Vantage」を使えば、ハイクオリティな企業サイトも実現可能

2014年5月16日 |

CMSサイトとしての構築がしやすい「Vantage」は、海外のビジネスユースでも多数採用されているWordPressの無料テーマです。レスポンシブデザインに対応し、トップには大きなメインビジュアルとしてイメージスライダーが採用されているため、ブランディングを意識した企業サイトや、特定の製品・アプリなどを紹介するティザーサイトとしての用途で活用できるかもしれません。

Vantageのココが人気

Vantage はメイン画像がスライダーで、レスポンシブデザインにも対応しています。様々なプラグインを組み込むことで、無料でありながらデザイン性の高い幅広い目的に応じたサイトが構築できるのも魅力です。またフリーにも関わらず、基本的な使い方からカスタマイズまでかなり詳しいマニュアルも用意されています。

おすすめプラグイン

「Vantage」の公式サイトではいくつかのプラグインが紹介されていますので、ぜひ利用してみて下さい。「Vantage」を作成している SiteOrigin の「Page Builder」を使えば、ドラッグ&ドロップといった直感的な操作でページを作成できます。「Meta Slider」は、大きな画像で様々なパターンのスライダーを組み込めるので、デザインを印象的なものにしてくれます。人気の高い「WooCommerce」はECサイトを構築する場合におすすめされています。

「Vantage」は様々な用途に利用できますが、プラグインを使えば簡単に高機能のサイトが作れます。企業サイトやショップを作るのなら「Vantage」を選択肢のひとつに入れてみてはいかがでしょうか。

デモを見る ダウンロード

Read More

WordPressの新テーマ「Highwind」は、個人ブロガーからWebメディアまで万人受けするお薦めテーマ

2014年5月13日 |

WordPressの無料テーマ「HighWind」についてご紹介します。WordPressが初めてという個人ブロガーでも、本格的なWebメディアでも運営できるテーマになっています。複雑な構成になっておらず、カスタマイズも難しくありません。

HighWindのデモ/ダウンロードは作成サイトから

Highwind / James Koster

WordPressダッシュボードのテーマ検索でもインストールできます。

Read More

可愛らしいパララックス効果が目を惹く!無料のWordPressテーマ「Balloons」は風船をモチーフにした1カラムシンプルテーマ

2014年5月7日 |

女性の心をグッと掴む女性目線のプラグイン

ワードプレスを作る上でテーマはとても大事だ。筆者も女性の一人だが、特に女性は見た目がとても気になるなんて人も多いのではないだろうか。WordPressに限らず、女性にとって「カワイイ」はとても大切。これは筆者だけかもしれないが、サイトを開いていると、「あ。なんかこれ好きじゃない。」なんて閉じてしまうことも。

そんなわけで今回は、女子にも人気になること間違い無しのBalloonsというものを紹介します。パララックス効果で見ためもばっちし綺麗。(パララックス効果とはスクロールに連動して一緒に画面が動き出す効果のこと。こちらのBalloonsで言うと風船が飛んでいくようなアニメーションがそれに該当)参考までにこちらを覗いて頂くと分かりやすいです。http://balloonsdemo.wordpress.com女子が見たら、思わず「かわゆい」なんて言ってしまうんではないでしょうか?それもそのハズ。このテーマを制作した方は、女性デザイナーさんなんだとか。それは、女の子のハートをばっちり掴むはずです。

以下設定方法

1、google等で「Baloons wordpress」で検索。※Baloonsだけだと、風船の画像が沢山出てきます。もしくは、http://moargh.de/portfolio/downloads/wp-theme-balloons/こちらをクリック。

2、次に、zipをDL※ここで筆者の環境元では、自動でzipが解凍されてしまっていたので、再度zipに圧縮し直しました。

3、テーマ→新規追加→zipファイルをアップロード&インストール

4、外観より、有効化

これでテーマ変更の完成!

とても簡単。慣れたら気分で変更するなんてことも出来そうです。この記事を読んでいる女性webデザイナーさんはもちろん、女子向けにサイトを作らないといけない.. なんて悩んでる男子の方にもぜひ試して頂きたい効果の一つです。

 

Read More