トップページに3つのおススメコンテンツを表示させることができます。ページの中心で一番目立つ場所なので、常に表示させておきたいコンテンツを設定しておきましょう。『TCDテーマ→トップページ』という順にクリックします。『TCDテーマ→トップページ』という順にクリックページを下へスクロールしていくと「メインコンテンツ」というメニューがあるので、『3カラムコンテンツ』をクリックして設定していきましょう。『3カラムコンテンツ』をクリックして設定カラム1~3を個別に設定することができます。『3カラムコンテンツ』をクリックして設定タイトル「タイトル」は6文字以内だと綺麗に収まるので、短い文で設定します。コンテンツの説明です。導入文やコンテンツの抜粋などを記入しましょう。文字数については、カラム1~3でなるべく同じにしておくとバランスが良いです。「ボタンのラベル」はクリックしやすい名称をつけましょう。今回はシンプルに「詳細はこちら」と設定してみました。「ボタンのURL」にはリンク先コンテンツのURLを入力します。全て完了したら『設定を保存』をクリックしましょう。『設定を保存』をクリックカラム2、3も同様の作業をして3カラムコンテンツの設定は完了です。設定した3カラムコンテンツですが、これだと左側2つの説明文のバランスが悪いです。ブラウザの幅によっても行数は変わるのですが、なるべく同じバランスで表示させるために、一番右の説明文の文字数に合わせてみます。説明文のバランスを整えた3カラムコンテンツ説明文のバランスが整いました。マウスのカーソルを合わせると、画像が少しズームされるのでコンテンツを印象付けられます。まとめ今回は、Switchの3カラムコンテンツの設定方法を解説しました。画像のサイズと文字数に気をつければ、バランスの良い見やすいページを簡単に作ることができます。気になった方はぜひ設定してみてください。賢威8賢威8のウィジェットの設定方法|初心者向けマニュアル賢威8のウィジェットの設定方法を解説しています。賢威8は賢威7と比べ、ウィジェットで編集できるエリアが大幅えており、格段にカスタマイズしやす...AFFINGER5AFFINGER5基本パーツの色を設定する|初心者向けマニュアルAFFINGER5には色の設定項目が大量にあり、かなり細かいところまで設定することができます。今回は主な基本パーツの色を、初心者でも簡単に...DiverDiverでピックアップスライダーを表示する|初心者向けマニュアルDiverでピックアップスライダーを表示する方法を解説しています。Diverにはスライダー機能が標準装備されています。設定も簡単で好みに応...賢威8賢威8でグローバルメニューを表示する方法|初心者向けマニュアル賢威8でグローバルメニューを表示する方法を解説しています。THOR(ザ・トール)でサイトロゴを設定する方法を解説しています。THOR(ザ・トール)の「検索機能設定」について解説しています。Action)を設定する|初心者向けマニュアルCTAとは記事を読んだユーザーに何か行動を起こさせるための言葉やボタン、画像などを指しますが、DiverではCTAを簡単に設定できます。使って、記事一覧をスライドショー表示する方法を解説しています。THORストーク賢威8SEARCH。