BLOG

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

当テーマは、サムネイル画像にマウスホバーした時の“気持ちいい動き”にも重点を置いています。必要な設定は「ズーム」「スライド」「フェード」の3種類のホバーエフェクトからお好みで選択するだけでOK。 選択したホバーエフェクトは、トップページのヘッダーコンテンツ（グリッド画像）を含む各リンク画像、ブログ記事一覧の...

制作実績を視覚的に華やかに彩るカスタム投稿タイプ「WORKS」

当テーマではこれまでの制作物や活動実績をギャラリー形式で表示するカスタム投稿タイプ「WORKS」を実装しています。 このカスタム投稿タイプの最大のウリは美しいサムネイル画像の見せ方にあります。各投稿に設定されたギャラリーは1枚の絵画を描くように隙間なくぴっちりと並びます。 まず、こちらの一覧ページをご覧くだ...

4つのパターンから表示方法を選択できるヘッダーバー

サイトのナビゲーションを司るグローバルメニューはユーザビリティを意識する上で非常に重要な要素となるわけですが、当テーマでは様々なシーンに対応できるように4つの表示パターンから選択ができる柔軟なヘッダーバーを実装しています。 まず、通常のヘッダーバー。ページの上部を見ているときに表示されるので、ページを読み込...

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

パソコンよりもスマホでの閲覧の方が多くなりがちな昨今、スマートフォンにも一発でユーザーが電話予約やシェアが行える簡便なUX/UI設計が重要となってきています。 最近のTCDテーマでは、電話予約や記事のシェアにすぐにつなげれるようスマホ画面の最下部に常にフッターバー固定表示させることができます。これはサイト閲...

ロゴ画像を自動的にRetinaディスプレイに対応する機能

RetinaディスプレイとはApple独自の高精細ディスプレイの名称で、画面解像度が高いことが特徴です。 Macbookとかで見ると、サイトのロゴが不自然にぼやけていると感じたことはありませんか？実は、これらのディスプレイは画面解像度が2倍になったことにより、普通のディスプレイで等倍で表示していた画像が、縦...