Fourteen」もリリースされていました。Fourteen」は日本人のWebデザイナー、WordPressのテーマクリエーターの入江隆さんという方がデザインされ、WordPressチームメンバーとともに作り上げたそうです。今回のデフォルトテーマ、2カラムにすることもできますが、3カラムでの利用、複数人での運営を想定した「ウェブマガジン」に最適な作りになっています。3カラムにすると横幅の問題でどうしても窮屈なサイトになってしまって、みづらい、わかりづらいといった問題があります。Fourteenではそのような問題は全くありません。1,260ピクセル)」な作りで、余白も十分にとられています。結果、情報量が多くても全体のデザインとして「シンプル&わかりやすさ」を実現しているように思います。試作サイトちょっと深読みすると、Retinaディスプレイに代表される高解像度のディスプレイに対して、WordPressとしてWebサイトの新たな「標準規格(横幅サイズ)」を打ち出してきたのかなという気もします。大きなモニター使っていると、このサイトちっちゃ!というようなこと、結構ありますよね。世界中のWebクリエーターにとって、インパクトのある出来事かもしれません。レスポンシブ仕様なのでスクリーンサイズに自動最適化します。スマホやタブレット、10年前から使っているようなモニターでも全く問題はありません。このへんが「レスポンシブ」の素晴らしい点でしょうね。ハードウェアの進化についていきながらも、これまで通りのハードにも対応するという特徴が。デザイン要素は全くなし、2カラムの使いやすい箱で、いかようにも使ってください的な感じ。使い勝手がものすごく良い。用途としてはブログはもちろん、多用途型。シンプルさにこだわり、サイドバーなし1カラムのブログ用テーマ。コンテンツこそが主役なんだというテーマでした。テーマタンクでも紹介しています。Thirteen」、ブログやるなら意外に?いえ、想像以上に良いテーマでした。今回が3カラムのウェブマガジン用テーマです。Fourteen」のご紹介に入っていきましょう。テーマの外観・デザイン・レイアウト1)トップページまずはトップページの外観からチェックしていきましょう。右サイドバーはウィジェットエリアアイキャッチ画像付きの記事一覧スペース続いてトップページの下部。ページネーション(ようやく数字表示になりました)4カラムのフッターウィジェットエリア最下部に「WordPress」のクレジット表記フィーチャードエリアをグリッド表示ではなく、スライドショーに切り替えてみました。設定そのものは、グリッドかスライドショーかを選択するだけです。2)記事一覧ページ、個別の投稿ページ記事一覧ページは、アイキャッチ画像に微妙に記事タイトルがかかるというユニークなデザインになっています。個別の投稿ページでもアイキャッチは同様です。左右の余白が大きく取られており、日本人にはうれしい仕様かもしれません。アメブロの芸能人ブログがその代表でしょうが、改行を多用するような記事の書き方ではこれくらいの幅が丁度良いでしょう。記事下の前後の記事へのリンクもこれまでのデフォルトテーマとは違います。3)固定ページ用テンプレート固定ページの作成には、3つのページテンプレートが用意されています。こちらが投稿者を一覧表示するためのテンプレート。複数人でのメディア運営を意識していますね。3カラムの設定の時でもサイドバーなしのページを作るためのページテンプレートもあります。問い合わせページなどを作る際にもってこいです。通常ページを作成するためのデフォルトテンプレートもあります。4)レスポンシブWebデザインスマートフォン、タブレット、ちょっと古めのモニター・・・(笑)、流動的にデザインが切り替わります。テーマの基本的な使い方・カスタマイズ1)テーマのインストールWordPress公式サイトで配布されているテーマ(当たり前ですが)なので、テーマの導入は簡単です。【いますぐインストール】をクリック【有効化】をクリック以上でテーマの導入完了、サイトを表示してみます。デフォルトではヘッダー画像がありませんね。カスタマイズテーマの基本的なカスタマイズを行います。Contents」というメニューで設定します。レイアウト(Layout)を「Slider」にすすとスライドショーに。Name」という欄がありますが、ここで設定した「タグ名」でフィーチャードエリアに表示するための記事を抽出します。)「Grid」を選択するとこの通りです。ヘッダーヘッダーは先ほどのページでも編集できますが、カスタムヘッダーページからも設定可能です。このページではヘッダー画像の横幅は1260ピクセル以上、高さは240ピクセル以上が推奨となっています。横幅に関してはその通りでよいでしょうが、高さを240ピクセルにすると高すぎるかもしれません。試作サイトで使っているグレーの画像は、高さ170ピクセルです。背景も同様、カスタム背景のページで設定できます。先ほどご説明した通り、メニューは2か所設定することができます。トップメニューと左サイドバーのセカンドメニューですね。トップに固定ページ、セカンドメニューに投稿カテゴリ等のリンクを設定すると良いかなと思います。適当なメニュー名(ここではメニュー1)を記入し作成ボタンをクリック。「位置の管理」というタブが追加されます。1つメニューを作成するために「新規メニューを作成」をクリックします。「メニュー2」という名前を付け、作成ボタンをクリック。「位置の管理」タブに移り、テーマ上でのメニュー位置と名付けたメニュー名をひもづけます。フォーマット】などの各項目から右側の「メニュー構造」に追加。最後に保存をクリック。メニュー2(セカンドメニュー)も同様に実施します。メニュー1とメニュー2が反映されました。ウィジェット左サイドバー、右サイドバー、フッター、3か所のウィジェットエリアを設定します。Ephemera」というテーマオリジナルのウィジェットパーツが用意されています。指定の投稿フォーマットの記事を抽出し表示します。(投稿フォーマットについては後述)出来上がりはこうなります。左サイドバーの「About」の画像部分ですが、テキストウィジェットパーツに画像を直接htmlで記述しています。記事の投稿ですが、フィーチャードエリアに記事を表示したい場合は「featured」タグを設定します。タグ名の編集画面で名前を変更することもできます。Ephemera」というテーマオリジナルのウィジェットパーツを使う場合には、投稿フォーマットも選択しておきましょう。固定ページの作成時、ページ属性欄で「ページテンプレート」を選択します。各ページテンプレートについては、ページ外観の項目でご確認いただけます。Fourteen」はいかがでしたでしょうか?個人的にはテーマそのものよりも、このテーマが与える今後のWordPressの動きというか、Webの流れが気になります。このテーマも素晴らしいです。Fourteen」をきっかけに、さらに新しいテーマがまた続々と出てくることを期待しています。テーマタンクのアンケートにご協力お願いします。無料テーマをパワフルに。比較表や一覧表を簡単に。FancyBox」おすすめの同カテゴリテーマ爽やかブルーのニュースメディアサイトに。満を持して登場の本格派WP無料テーマ「Mesocolumn」Tweet2カラム3カラムfeaturedWordPress公式サイトシンプルスライドショーマルチカラムレスポンシブ両側サイドバー右サイドバー商用利用可左サイドバー簡単カスタマイズ一緒によく読まれている記事ポータル的なブログ・Webマガジンにおすすめ。写真中心の子育てブログにおすすめ。everest」グリッド・ブラックが印象的。写真ギャラリー用WP無料テーマ「Mansion」シンプルなタンブラー(Tumblr)風、可愛いブログにおすすめ。11:07こんにちは。wordpress、web系は超初心の者です。今こちらを拝見し勉強させてもらっていて大変参考にしています。ご教授頂ければと思います。20:21RMHさま、コメントありがとうございます。記事を参考にしていただき、とてもうれしく思います。フィーチャードエリアの変更については、ダッシュボードから設定するだけなのでご安心ください。Contents(おすすめコンテンツ)」というメニューで設定します。記事本文中の以下の部分をご参照ください。テーマの基本的な使い方・カスタマイズ2)基本的なカスタマイズ次にフィーチャードエリアに動画を入れたいという件ですが、あのエリアはあくまでアイキャッチ画像が表示されるに過ぎないので動画を表示させることはできません。(もちろん独自カスタマイズをすれば別ですが)プラグインを使う方法ですが、それもダメです。いうのも、あそこが「ウィジェット・エリア」だったらプラグインで対応できるのですが、あそこはあくまで記事のアイキャッチ画像を表示するためのエリアなのです。以上、参考になれば幸いです。何かございましたらコメント欄、問い合わせフォームよりご遠慮なくご相談ください。fourteenが良い。Fourteenを気に入って使っていただけたら嬉しい限りです。14:16入江さん、こんにちは。インスパイアされたテーマがすごく増えてきた気がしております。Themeだなぁと、そんなテーマを見るたびに思います。twentyfourteenでは何でも大文字にするので変更してみた。デザインをリニューアルしました。ステップ6:WordPressをカッコよくしてみよう。replyメールアドレスが公開されることはありません。Web・CG等の制作、各種プログラミング等のアルバイトをしながらお金を貯める。翌年よりニュージーランドへ語学遊学。ホームステイをしながら語学学校へ通い、ある程度語学力がつくと車を買ってニュージーランド中を旅行。帰国後は、インターネット広告のベンチャー企業、コンサルティング会社、セミナープロデュース会社と渡り歩き2011年8月独立。現在、Webマーケティング全般に関するコンサルティング、Webサイトや各種コンテンツのディレクション・制作、コピーライティング等を行う。無料ながら万能、多用途型のWPテーマ「Attitude」。魅力と使い方を徹底解説です。直感操作でレスポンシブページ作成。比較表や一覧表を簡単に。カラー変更も簡単、シンプル&クールなピン風ブログ。369種類のアイコンを簡単・自由に設置。1〜3カラムまでレイアウト自在、ガッツリいじりたい方向け。3カラムサイト内検索わたしたちも使ってるおすすめサーバーコスパ良し!使いはじめて今までトラブルなし!管理画面も使いやすい!サポートが親切!悪い噂聞いたことなし!テーマタンクのアンケートにご協力お願いします。1〜3カラムまでレイアウト自在、ガッツリいじりたい方向け。WP無料テーマ「Exray」シンプル&1カラムで個人の日記ブログに最適。3カラムコメントサイドバーを自在に簡単カスタマイズ。無料ながら万能、多用途型のWPテーマ「Attitude」。魅力と使い方を徹底解説です。無料ながら万能、多用途型のWPテーマ「Attitude」。魅力と使い方を徹底解説です。