バイオとナノに関する記事一覧 – WordPressテーマ NANO

WordPressテーマ「NANO」テーマ機能概要

スタッフ — Mon, 07 May 2018 00:13:36 +0000

NANOは、全体を通してクリーンで誠実な印象をモチーフに、ユーザーの目を引き付けるコンテンツの構成や見せ方を十分に考慮した施策を数多く取り入れています。製薬、バイオ、エレクトロニクス産業といった本格的なBtoB企業向けにコンセプトを一新したコーポレートテーマです。本テーマの独自機能とデザイン面の特長についてご紹介いたします。

動画に対応した、ダイナミックなヒーローヘッダー

2018.04.03

アニメーションが心地良い、動画/Youtubeの表示もできるヒーローヘッダー

サイトのヘッダーコンテンツは店舗で言うと、看板にあたる非常に重要な役割を持ちます。特にユーザーが初めて目にする部分「ファーストビュー」の出来...

サイト全体に統一感をもたせるページヘッダー

2018.04.08

統一感のあるキービジュアルでページのクオリティを底上げする

「NANO」では投稿ページやカスタム投稿のアーカイブ、固定ページにフルスクリーンのページヘッダーを使うことができます。＜ページヘ...

マウス操作だけで簡単にデザインされたページが作れる「ページビルダー」

スタッフ — Fri, 06 Apr 2018 07:26:30 +0000

TCDテーマではテンプレートごとに美しい固定ページの作成例を用意しているのですが、当テーマではオリジナリティあふれるコンテンツを自由に構成することができる非常に高機能な「ページビルダー」を実装しております。

このツールを使えば、例えば、記事内でスライダーやタブ、2カラムや3カラムレイアウト、画像リストやキャッチフレーズなど様々なコンテンツをHTMLやCSSなど専門知識のない管理者の方にも直感的にしていただくことが可能です。あなたはお好みのレイアウトを選び、必要項目を埋めていくだけで美しく思い通りのページを作成することができます。

下記のようにドラッグ&ドロップの直感的なインターフェースによって、1px単位での調整を可能としながら、ページをデザインできます。

ページビルダー機能は当テーマの投稿ページだけでなく、固定ページおよび、「お知らせ」「事業案内」などの各種カスタム投稿タイプにも実装されています。

任意のリンク先を設定できるバナーや、自由なウィジェット配置が可能なフッターエリア

スタッフ — Sun, 01 Apr 2018 08:33:32 +0000

「NANO」のフッターエリアは、企業のPRとなる情報を表示するためのバナーエリアと会社情報を表示するエリアの2つで構成されています。
バナーエリアはバナーを3点まで横並びで表示することができます。画像の上に重ねる色やテキストの設定をすることで、高品質で視認性の高いバナー画像を短時間でお作りいただけます。

＜バナーエリア表示サンプル＞

最下部のフッターエリアに表示するコンテンツはフッターウィジェットに対応し、任意のコンテンツを自由に配置できる柔軟性の高い設計になっています。

フッターはサイトの最下部に位置するため、あまり重要でないというのが従来の認識でしたが、その認識が徐々に変わりつつあることを最近のサイトを見ていて感じます。「フッターが締まればサイト全体も締まる」、そのような感覚を当テーマでは再現しています。

パスワードを掛けて会員限定コンテンツを配信！デザインされた「保護ページ機能」

スタッフ — Mon, 16 Jan 2017 01:20:27 +0000

ズーム・スライド・フェード3種類から選択可能な洗練されたホバーエフェクト

スタッフ — Fri, 13 Jan 2017 01:20:01 +0000

当テーマは、サムネイル画像にマウスホバーした時の“気持ちいい動き”にも重点を置いています。必要な設定は「ズーム」「スライド」「フェード」の3種類のホバーエフェクトからお好みで選択するだけでOK。

選択したホバーエフェクトは、トップページのヘッダーコンテンツ（グリッド画像）を含む各リンク画像、ブログ記事一覧のサムネイル画像はもちろんのこと、記事一覧ウィジェットや関連記事などの細部に至り、共通で適用されます。

企業サイトにおいて、細部に至る統一感もサイトユーザーに安心感を与え、信頼性を左右する重要な要素のひとつです。また、“気持ちいい動き”を実現するための、各エフェクト毎のオプション設定項目にも力を入れています。

ズーム選択時

指定した拡大率で、サムネイル画像が拡大します。

スライド選択時

サムネイル画像が「右」「左」の指定した位置に横に移動します。また、指定した透明度の数値で画像が透過します。透過した際に、設定した「背景色」が透けて見える状態になります。

フェード選択時

指定した透過率で画像が透過します。透過した際に、設定した「背景色」が透けて見える状態になります。

このように、本来CSS3の知識やスキルが必須となる細かい設定も、テーマオプションにてカラーや数値を入力するだけで実現可能となっています。