スタッフブログに関する記事一覧 | WordPressテーマ「ICONIC (tcd062)」

トップページのコンテンツ製作が驚くほど捗るコンテンツビルダー機能

Owner — Thu, 01 Jan 1970 00:00:00 +0000

WordPressテーマの多くはトップページのコンテンツ構成が予め決まっており、その枠組みの中で、コンテンツを埋め込む形になっているものが大多数であるかと思います。時には直接トップページテンプレート（phpファイル）のカスタマイズによってしか実現することが出来ない事例もあります。

当テーマでは、そのようなニーズにお応えできるように、トップページにお好きなコンテンツをお好きな順に配置できるよう、「コンテンツビルダー」機能を搭載しています。これによって、縛りのない自由度が高いトップページ構成が可能になります。当テーマでは、「ブログ」、「バナー」、「3点ボックス」「カルーセルスライダー」、「フリースペース」のECサイト構築のための5種のコンテンツが実装されています。各コンテンツの機能は以下の通りです。

ブログ：ブログ記事の一覧を表示することができる
バナー：特集ページなどのバナー（＋リンクボタン）を表示することができる
3点ボックス：リンク付き画像、タイトル、説明文からなるボックスを、横並びに3点表示することができる
カルーセルスライダー：指定カテゴリー内の記事（商品）をカルーセルスライダーで表示することができる
フリースペース：HTMLを使用し、オリジナルコンテンツを作成することができる

各コンテンツの増減はコンテンツの追加および削除から自由に調整することができます。例えば、カルーセルスライダーを各コンテンツの合間に挟んで表示したり、バナーを上下に並べたりすることもできます。また、トップページのブログ一覧の表示は不要だなー…という従来のテンプレートにありがちな、ごく当たり前の要望にも、コンテンツビルダーは柔軟に対応します。

また、各コンテンツはいつでも好きなときにドラッグアンドドロップで並べ替えをすることができます。コンテンツの各種設定は誰が見てもわかりやすく、簡潔にまとめられていますので、特別なスキルを一切必要としません。フリースペースコンテンツでHTMLによって思いのままにコンテンツを作成し、手軽にオリジナリティを加えることができるのも嬉しい機能です。

ユーザーの購買意欲を高める関連商品＆レコメンド商品一覧機能

Owner — Thu, 01 Jan 1970 00:00:00 +0000

「ICON」の商品詳細ページの下部には関連商品と、同時に買われている商品を一覧で表示する機能が搭載されています。
関連商品を表示するには、商品管理画面にて「タグ」に表示したい商品の商品コードを入力する仕様になっていて、任意の関連商品を選択して表示することができます。

また、商品カテゴリーをしっかりと体系化することによって、この関連商品一覧の精度が上がり、ユーザーにとってより信頼性のある使いやすいサイトにしていくことができます。

レコメンド商品一覧には過去1年間で当該商品と一緒に購入された商品が表示される仕様となっています。
ご存知の通り、この機能はもはや多くのECサイトで採用されていて、「この商品を買った人はこんな商品も買っています」と言われればついついポチッと押してみたくなるものです。

これらの機能はユーザーが求める商品をピンポイントで提案し、新たな購買意欲を刺激するとともに、商品全体の価値向上に一役買っています。

URL入力だけで記事ページへの各種ソーシャルボタンが簡単に設置可能

Owner — Thu, 01 Jan 1970 00:00:00 +0000

ページ内の随所で、サイトの公式アカウントを紹介し、フォロワーを集めることでGoogle検索以外からのアクセス流入が望めます。

その一環として、テーマオプションから自分のTwitterやFacebook（Facebookページも可）、Instagramのアカウントを設定することにより、投稿記事やニュース記事にソーシャルボタンの表示が可能です。その他Pinterest、Google+まで幅広いメディアに対応しています。

記事ページに表示できるSNSボタンの表示場所は、記事上エリア（記事タイトル下）、記事下エリア（記事本文の下）から選択できます。

両方設置すれば、SNSボタンが目につきやすくなり、ユーザーのSNSシェアを促します。

また、ボタンのタイプもオリジナル4種＋公式ボタンから選択可能となっています。
オリジナルボタン（4種類）は、テーマデザインにマッチしたフラットデザインを採用。テーマそのものの外観を損なうこと無くさり気なく存在感をアピールするものをご用意しました。
これに加えて、各SNSの公式ボタンも選択可能となっています。

表示させるボタンも任意で選択して頂けるようになっています。とくにソーシャルとの連携が必要ないサイトであればあえて非表示にする方もいます。

このようにサイト毎のニーズに合わせて設定が可能な自由度の高い仕様となっており、すべての設定をテーマオプションで一元管理できるようになっています。
ぜひ、サイトのユーザー層、アクセス傾向に合わせてご活用下さい。

実用性を重視した「フッターバー」が記事の拡散効果を増大

Owner — Thu, 01 Jan 1970 00:00:00 +0000

パソコンよりもスマホでの閲覧の方が多くなりがちな昨今、スマートフォンにも一発でユーザーが電話予約やシェアが行える簡便なUX/UI設計が重要となってきています。

最近のTCDテーマでは、電話予約や記事のシェアにすぐにつなげれるようスマホ画面の最下部に常にフッターバー固定表示させることができます。これはサイト閲覧者にお店やサイトの情報を分かりやすく伝えるほか、アイコンの種類は6種類あり用途に応じて使い分けてさまざまな使い分けが可能となっています。

デザインはこのような感じです。一度実機で見るのがいいかもしれません。4つ推奨ですがいくつでも表示できます。

「シェア」をタップするとポップアップでツイッター、フェイスブック、LINE、はてぶの4つのシェアボタンが表示されます。

アイコンは全部で6種類用意されており、いくつもアイコンを表示（4つ推奨）させることができます。

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

Owner — Thu, 01 Jan 1970 00:00:00 +0000

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

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

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

ズーム選択時

スライド選択時

フェード選択時

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

ワンランク上の検索機能を備えた「Googleカスタム検索」を簡単にウィジェット搭載できる

Owner — Thu, 01 Jan 1970 00:00:00 +0000

IDを入力するだけでGoogleカスタム検索と連動させることができるオリジナルウィジェット「Googleカスタム検索」をご用意しました。

Googleカスタム検索はGoogle検索エンジンを使用するため、非常に精度が高く、カスタマイズによりそこにアドセンス広告を貼ることも可能です。

さらに精緻なサイト内検索により、ユーザーにも快適にコンテンツを閲覧していただくことができます。