【マガジンメディア】に最適。美しくコンテンツがレイアウトされるWordPressテーマ「FOCUS」

今回は、美しくコンテンツがレイアウトされるWordPressテーマ「FOCUS」のご紹介です。

誰よりも先をリードするマガジンメディア向けWordPressテーマ

グリッドレイアウトのメリットを最大限に引き出すため、私たちは新しい挑戦を始めました。
そのすべてがWordPressテーマ「FOCUS」に詰まっています。

様々なサイズのカードがブラウザ上に美しく整理されて表示されるグリッドレイアウトを採用した「FOCUS」では、
写真のサイズやマージン値、ロールオーバーアクションに至るまですべてが計算されてデザインされています。
サイトを開いた瞬間、カードが心地よいスピードで表示されるので、一瞬にして訪問者の心を惹きつけることができます。

ここで機能をすべて語ることが難しいほどに充実したテンプレート「FOCUS」。
誰よりも先をリードするサイトをご提供するために、このテンプレートは創られました。

個人、企業ブログでの活用で、ブランディングに繋がるスタイリッシュなデザイン

WordPressテーマ「FOCUS」のデザインのインパクトは最高クラスです。だからこそ、個人や企業のブログとして活用することで、「こんなにカッコいいことをやっている会社なんだ」といった洗練された印象をあなたのお客様に与えることが出来ます。

企業のホームページやECサイトとは別に、このようなスタイリッシュなブログを持ちながら情報発信をする。そんなブログを持つことで、ブランディングに繋がり、あなたの会社の売上アップに間接的に貢献することになります。例えば、スタッフブログ、クリエイターズブログ、イベント報告ブログなどアイデアは無限にありますが、自社での集客が欠かせない時代となった今、このような積極的な戦略が不可欠です。当テーマでは、そのサポートをテンプレートデザインとして最大限にフォローします。

トップページに等間隔で表示される広告バナーでスマートに収益化

サイトを運営し続けるには広告が必要な時もあります。しかし、広告は、表示方法によってはユーザーに悪印象を与えてしまうリスクもあります。当テーマでは、トップページの記事と記事の間に等間隔で広告バナーがスマートに表示されるようになっています。それは存在する記事がすべて表示しきるまで、正確に広告が表示され続けます。つまり、コアなユーザーに対しては、無駄なくPR活動ができるということです。

記事と広告の表示間隔はテーマオプションから自由に設定できます。10記事に1広告といったこともできますし、5記事に1広告といったこともできます。広告は最大6つまで登録できますので、様々なPRができるようになっています。もちろん、広告を非表示にすることも可能です。

ロールオーバーのモーションで差をつける！気持ちのいい動きを実現

一流のデザインのサイトであるかどうかは、ロールオーバー（マウスオン）した際の動きでわかります。例えば、写真の上にマウスを持っていった時に写真が光るようにフワッと半透明になりますが、この時の透明度や透明になるまでの時間とスピードが野暮ったいとそれだけで時代遅れな印象を与えます。「FOCUS」では、すべてのロールオーバーの表現を最先端の流行に合わせていますので、センスの良さをさりげなく表現することが出来ます。

また、当テーマでは写真のロールオーバーのタイプを3つご用意しております。デモサイトでは「透明」というタイプですが、他にも写真がモノクロになる「モノトーン」、写真が拡大される「ズーム」があります。いずれも洗練されたホバーエフェクトなので、サイトの雰囲気に合ったエフェクトをお選び下さい。なお、エフェクトの選択はテーマオプションから選択するだけなので、いつでも簡単に変更が可能です。

「FOCUS」のロールオーバー表現は、自動車の停車のようにスピードに変化を付けています。このあたりの繊細な微調整のないロールオーバーは、ド派手なだけで美しくはありません。TCDテーマが世界クラスのデザインであり続けるのは、一見目に見えないロールオーバーの動きでさえ、こだわっているからです。

簡単にイメチェン！ / タイルの表示エフェクトが3タイプから選択できる

多くのグリッドレイアウトは、サイトを開いた瞬間、カード（タイル）が同時に表示されます。しかし、サイトを表示した瞬間というのは、ユーザーへ与えるインパクトとしては、とても重大な瞬間です。カードが一気に表示されるとそれだけで魅力に欠けたものとなるからです。

「FOCUS」はサイトを開いた瞬間、見る者を魅了するかのように、カード（タイル）が雪景色のように美しく現れます。これらの表示スピードはすべて計算されて、表示されています。それだけでなく、この他にも、下からスッとタイルが現れる「スライド」やタイルが一つ一つフワッと拡大されて表示される「ズーム」といった3つのエフェクトが用意されており、テーマオプションから選択できるようになっています。

なぜ、複数のロールオーバーやタイルの表示エフェクトが用意されているのか。それは、これらのエフェクトがそれだけ重要なパーツであるからです。

横から出るスライドバー内にお好きなウィジェットを入れられる

当テーマは、デザイン性を最大限に高めるため、余計な要素はすべて取り除いたデザインになっています。サイドバーもフッターもありません。あるのはカード（タイル）とグローバルメニューだけです。その為、情報不足になりがちな構造ですが、それを補完するために、左サイドにオシャレなスライドバーをご用意しました。

スライドバーにはお好みのウィジェットを設定できるので、プロフィールを入れたり、記事一覧やメニューなどを入れるといったことが可能です。また、タイルにも使用できる特別なウィジェットをいくつかご用意いたしました。

サイトのメインカラー・サブカラーを管理画面から自由に設定できる

TCDではどのテンプレートにも搭載されている機能ですが、「FOCUS」でもメインカラーとサブカラーを一括で変更することができます。変更方法は、テーマオプションからマウスで色を選択するだけです。たったそれだけで対応箇所の配色が一気に変わるので、CSSなどの知識は一切不要です。

配色を変更することで、簡単にオリジナリティを出せますし、あなたの企業のキーカラーに合わせることも可能です。

タイルの角を直角にしたり角丸にすることができる。

デモサイトでは、タイルの角が直角ですが、丸みを出すこと（角丸）も可能です。ちょっとしたことですが、角丸にすることで、優しい印象が出たり、女性向けのかわいいデザインになったりします。丸みの調整もテーマオプションから数値を入れることで調整できますので、アイキャッチ画像の方向性によって自由に決めることが出来ます。

ダイナミックなグリッドレイアウト「FOCUS」であなたのセンスを表現

通常のテーマで記事を書くよりも、「FOCUS」で記事を書いたほうがより美しく価値あるコンテンツを容易に創りだすことが出来ます。なぜか？それは、記事のデザインも世界最高水準の美しさがそこにあるからです。

究極なレベルまで完成されたグリッドレイアウト「FOCUS」で楽しく記事を書いて下さい！

これまでない充実したオリジナルウィジェット
高機能化したおすすめ記事ウィジェット

ウィジェットスペースは、「タイルビューページ」「記事ページ」「サイドスライドバー」と3スペースあり、お好みのウィジェットをスペース毎に細かく設置することが出来ます。

さらに、TCDではおなじみの「おすすめ記事」をアイキャッチ付きで表示するウィジェットも記事をランダムに表示させたり、表示する記事数を制御したり、日付や抜粋の表示の有無を選択できたりとかなり高機能化致しました。このような汎用性の高さも大規模サイトを運営するために必要な機能の一つです。

テーマファイルを直接編集することなくCSSが登録できる
「カスタムCSS」機能実装

CSSに記述を追加したり、カスタマイズしたりする時に便利なのが「カスタムCSS」です。中級者向きのこの機能は、テーマファイルを直接編集することなく、安全にカスタマイズを行って頂けます。テーマのバージョンアップをした時にもリセットされることなく引き継がれますので、安心してバージョンアップができます。

また、特定の記事にこのCSSだけ適用したいということがあると思います。例えば、この記事だけ見出しデザインを変えたいといった場合。そんな時にはこのカスタムCSSを使えば、より簡単に記事の執筆が可能となります。

なぜ、TCDシリーズのテンプレートは美しいデザインなのか？

たった少しのデザインの違いで、与える印象は大きく変わるものです。グローバルメニューの高さが適切なものより少し短かったり長かったりするだけで不格好になりますし、ボタンのグラデーションのかけ方が野暮ったいだけですべてが「ネムイ」印象を与えてしまいます。コンテンツが揃っていればそれでいいわけではありません。

だからこそ、TCDシリーズのWordPressテーマはすべてにおいて、1pxのマージン、サイズにこだわり、配色のトーンも訪問者にどういう印象を与えるかといったユーザー目線のサイト作りをしています。その為、当テーマを実装するだけで、ユーザーに与える印象は大きく変わるので、これほどコストパフォーマンスが高いテンプレートは他においてないと私たちは考えています。

他の追従を許さない国内トップクラスのテーマオプション機能を搭載

当テーマでは、広告の入れ替えやロゴの設定、グローバルメニュー、サイドバー・フッターのコンテンツ入れ替え、記事内のフォントサイズ、カラー設定にいたるまで必要なカスタマイズは独自のテーマオプションから直感的に設定することが出来ます。

これまで弊社で培ったテンプレート制作の経験から、よくカスタマイズがされる箇所をあらかじめ想定して管理画面が作られているため、基本的にHTMLやCSSなどの専門知識がなくてもこのような大規模サイトを構築・運営可能です。このようなメリットは通常のHTMLサイトでは存在せず、TCDならではの特徴となります。

スマホのデザインまで新しく、美しい / ヘッダー固定バー搭載

サイトがモバイルフレンドリーかどうかは検索順位にも影響する重要なものです。当テーマは当然モバイルフレンドリーですが、それだけでなくスマホで見た際にもユーザーへ印象付けを意識した美しいデザインになっています。

ただレスポンシブにするだけでなく、使いやすいサイトになるような施策が取られていて、例えば、新着記事一覧など全要素が、スマホのような小さな画面でも見やすく、そしてクリックしやすいように実用性を意識したデザインになっています。

SEOはコーディングだけではない。
新しいステージへ移行した最先端のテンプレート

当テーマは、コーディングにも重きを置いています。が、サイトは規則正しいコーディングを心がければ検索結果が上位表示されるわけではありません。なぜなら、サイトは検索エンジンから総合的に評価されるものなので、コンテンツの質やデザインの方がより重要度は高いからです。

TCDシリーズでは、従来型の古い考え方から脱却し、新しいサイトのあり方を提唱したWordPressテーマをご提供し続けております。見た目の美しさ、ユーザビリティを考えたレイアウト、そして充実した機能は売上を上げるためにあります。もしあなたがウェブビジネスを発展させたいなら、当テーマをご利用ください。驚くほどに低コストで導入が可能です。

圧倒的な機能が あなたのウェブサイトをサポート。