ファーストビューのインパクトを最大化する
トップヘッダースライダー
「DIVA」ではファーストビューの印象を強めるために、トップページコンテンツをヘッダーコンテンツとフッターカルーセルのみに限定した究極のミニマルスタイルを追求しています。サイトを開くと目に飛び込むのはフルスクリーンで表示されるヒーローヘッダー画像のみ。…
「DIVA」ではファーストビューの印象を強めるために、トップページコンテンツをヘッダーコンテンツとフッターカルーセルのみに限定した究極のミニマルスタイルを追求しています。サイトを開くと目に飛び込むのはフルスクリーンで表示されるヒーローヘッダー画像のみ。…
当テーマでは、まず最初にサイトのベースカラーをダークカラーまたは、ライトカラーから選択し、その後に細部のカラーを調整するという仕組みをとっています。こうすることで、サイトのイメージを固め、サイトカラー決定までのプロセスを短縮する狙いがあります。ダークカ…
WordPressにはデフォルトで多くのウィジェットが最初から存在していますが、TCDテーマではオリジナルのウィジェットを用意しています。例えば、下記のようなアイキャッチ画像付きの記事一覧です。通常は記事タイトルのみが表示されるものがアイキャッチ画像つきで表示…
テーマ付属の設定ファイルに入っているクイックタグの表示サンプル一覧です。エディタ上に表示されるクイックタグボタンと同じ順にご紹介します。Youtube動画のレスポンシブ表示記事内のYoutube動画をレスポンシブ表示します。ブラウザのウィンドウ…
当テーマではこれまでの制作物や店舗、イベントの紹介などをギャラリー形式で表示するカスタム投稿タイプ「ギャラリー」を実装しています。このカスタム投稿タイプは画像や動画・YouTubeをギャラリー形式で表示します。ギャラリーの作り方はとても簡単で、下図のように…
パソコンよりもスマホでの閲覧の方が多くなりがちな昨今、スマートフォンにも一発でユーザーが電話予約やシェアが行える簡便なUX/UI設計が重要となってきています。最近のTCDテーマでは、電話予約や記事のシェアにすぐにつなげれるようスマホ画面の最下部に常にフ…
RetinaディスプレイとはApple独自の高精細ディスプレイの名称で、画面解像度が高いことが特徴です。Macbookとかで見ると、サイトのロゴが不自然にぼやけていると感じたことはありませんか?実は、これらのディスプレイは画面解像度が2倍になったことに…
HTMLやCSSの知識不要で、記事作成時のスタイル指定を簡単に行えるクイックタグ機能をご用意しました。たとえば、使用頻度の高い見出し、リンクボタン、囲み枠といったスタイルをボタン1つで呼び出すことができます。「<h3 style=".…
SEO強化機能の一つとして、詳細記事ページと固定ページごとに、「meta title」「meta description」が設定できる機能を追加しました。例えば下図のように、投稿記事の編集ページで「meta title」「meta descriptio…