Dressでサイトをデザインする
ここでは、Dressの設定方法の一例として、実際にサイトのヘッダーにあるメニューの文字色を変更する方法について説明します。 一例として、メニューのリンクカラーの変更を案内します。 Dressの...
タグ（12件）
Dressの編集方法
Dressでは、サイトのカラーデザインやコンテンツの位置など、デザインの編集、調整を行えます。Dressを利用・編集するには、下記のいずれかの手順が必要です。 ・新規でDressテンプレートを作成す...
Dressの概要
Dress機能を使用してデザインを構成するCSSを一括設定し、サイトのデザインに統一感を持たせることができます。 Dressは「レスポンシブ形式」のサイトに設定することができます。「BiND7形式」...
ブログをデザインする
ブログコーナー内の「template.detail」に設定したブログ連携用のブロックは、同じブログコーナー内のすべてのページに反映されます。 「template.detail」は編集用のページのため...
フォームのデザインを設定する
フォームの各項目を決めたら、次はデザインを設定してみましょう。 Smooth Contactでは、以下2種類のデザイン設定モードをご用意しています。 【テンプレートモード】 あらかじめ用意された...
BiND7形式のサイトをレスポンシブ化する
ここではBiND7形式からレスポンシブ形式に切り替えるときの注意点と、切り替える方法を説明します。 レスポンシブ形式に切り替える場合の注意点 レスポンシブ形式に切り替えると、BiND7形式には戻せま...
テーマを使ってデザインを変更する（BiND7形式）
「テーマ」を利用すると、サイトのページデザインを自由に着せ替えることができます。候補から好みのテーマを選ぶだけで、全ページのデザインが一気に変更されます。 なお、テーマの変更は、BiND7形式でのみ...
現在のデザインをテーマとして登録する（BiND7形式）
サイトのデザインを大幅に変更した場合は、テーマとして登録しておきましょう。新たなサイトを作る際に、簡単にデザインを流用できます。 なお、テーマの変更は、BiND7形式でのみ利用できます。レスポンシブ...
ページデザインを設定する
ページ設定のページデザインでは、ページ全体、またはエリアごとに背景色、背景画像、背景動画を設定できます。設定したい項目のチェックボックスをオンにして、背景色や画像、動画を選択します。 ページデザイン...
ブロックエディタでCSS詳細設定を利用する
CSS詳細設定とは、レイアウトやデザインの細かい部分を調整できる機能です。この機能を使用すると、特定部分のテキストのサイズや色を変更したり、行間を数値で設定したり、ブロックを囲む境界線のスタイルを自由...
サイトエディタでCSS詳細設定を利用する
CSS詳細設定とは、レイアウトやデザインの細かい部分を調整できる機能です。この機能を使用すると、特定部分のテキストのサイズや色を変更したり、行間を数値で設定したり、ブロックを囲む境界線のスタイルを自由...
CSSプロパティの種類と内容
使用可能なCSSプロパティ CSS詳細設定では使用できるCSSプロパティがあらかじめ決まっており、メニューから使用可能なプロパティを選択する形になっています。ここでは、使用可能なCSSプロパティとそ...