Dressの概要

Dress機能を使用すると、サイトのデザインを構成するCSSを設定することが可能です。
サイト全体のデザインに統一感を持たせることができ、編集も一括で行えます。

Dressの編集手順につきましては、こちらをご参照ください。

Dressの構造

Dressではサイト全体で使用する色や、メニューや見出しなどパーツごとのデザインを編集できます。
あらかじめデザイン情報が設定されたDressテンプレートも用意されており
Dressテンプレートはカスタマイズしたり、新しく作成することも可能です。
Dressの概要
Dressで設定した内容をもとにCSSファイルが出力されます。

Dressの概要
【ページDress】
ページ単位で異なるDressを設定することができます。

【ブロックDress】
ブロック単位でDressを紐づけて部分的にデザインを変えることができます。

項目とスタイルの関係

デザインを編集したいパーツを選択し、パーツのどの部分を編集するか選択して項目を追加します。
必要なスタイル（プロパティ）を項目ごとに設定可能です

スタイルは「共通の設定」と「モバイル向けの設定」の２パターン設定できます。

Dressの概要

Dressで設定できない項目

下記項目についてはDressでのデザインの編集が行なえません。
【BiNDCart】
【SmoothContact】
【スライドショーパーツ】

サイトデータのDressは解除できません。
Dress未適用の状態にする場合は新規作成でブランクDressを作成します。ブランクサイトはデフォルトではDressは適用されていませんが、一度適用すると解除はできませんのでご注意ください。
編集可能なDressは現在編集しているページ（またはブロック）の適用中のDressのみとなります

各コースの概要

BiNDupには、以下のコースが用意されています。
コースを契約することで、PCにインストールしてご利用いただく「デスクトップアプリ」、
Webブラウザ上でサイト編集が可能な「Webアプリ」、サイトのアップロード先となる「ホスティングサーバー」を、ご契約期間中ご利用いただけます。

各コースの概要

■エントリーコース

【料金】3ヶ月間無料　※4ヶ月目以降月額528円（税込）
BiNDupをお試ししたい方にぴったりのコースです。1サイトまで通常のサイト作成を行い、公開を行うことが可能です。（1サイトまで）

※エントリーコースの無料期間はテクニカルサポートを提供しておりません。また、BiNDupのWebアプリのみ利用可能となり、デスクトップアプリは利用できません。

■基本コース
【料金】
月払いコース：3,278円（税込）
年払いコース：32,736円（税込）
デスクトップアプリ：２台まで利用可能
ネットショップの開設が可能なので、個人事業者や小さなショップを運営されている方におすすめのコースです。

基本コースの契約者はデスクトップアプリをダウンロード、インストールし、お使いのPCでBiNDupを利用することも可能です。

また、他社サーバーを契約中の場合、他社サーバーへのサイト公開も可能です。

■ビジネスコース
【料金】
月払いコース：10,780円（税込）
年払いコース：107,800円（税込）
デスクトップアプリ：6台まで利用可能
基本コースの機能に加え、「メンバー設定」でメンバー複数人（複数のWEBLIFE ID）での運用に対応した企業ユーザー向けのコースです。

ビジネスコースの契約者はデスクトップアプリをダウンロード、インストールし、お使いのPCでBiNDupを利用することも可能です。

また、他社サーバーを契約中の場合、他社サーバーへのサイト公開も可能です。

※ビジネスコースのメンバーに設定できる人数は１つのビジネスコースにつき20人です。

——————————————————————————————————————

利用可能な各コースの料金体系や機能など、詳細はBiNDupオフィシャルサイトをご参照ください。
■BiNDupオフィシャルサイト
https://bindup.jp/

コース契約について

コース契約をする際は、前述した「ホスティングサーバー」にて、利用する無料のURLとして組み込まれる「サイトコード」を必須項目で登録が必要となります。

サイトコードには、12種類のサブドメインが選択可能です。一度設定が完了したサイトコードは、変更できません。

また、新規コース契約をした場合、次項目の記載の通り、クレジットカード（デビットカード）のご請求は、ご契約月の翌月となります。ご契約月内に解約されると、費用が発生する前に解約ができます。

月契約の利用料金の請求タイミングについて

月契約コースの利用料金の支払いはクレジットカード（デビットカード）のみとなり、毎月10日付の請求です。

例)2018年10月のお支払い→2018/10/10付の請求

毎月1日未明に、弊社より月額利用料支払いのため登録されたクレジットカード会社へ、決済について確認処理を行っています。
決済可能な場合、その後10日付で請求させていただきます。
実際の引き落とし日に関しては、ご契約のクレジットカード（デビットカード）の引き落とし日に準じます。

年払い契約の利用料金の請求タイミングについて

年払い契約コースの利用料金の支払いはネットバンキング決済/Pay-easy(ATM)決済/コンビニ決済(該当するコンビニを選択します)/クレジットカード（デビットカード）決済より選択可能です。
クレジットカード（デビットカード）の場合は毎月10日付の請求です。
それ以外のお支払いの場合、契約期間終了月に更新のお手続きが可能です。

詳しくは「年払い契約の更新手続きをする」
「契約コースのクレジットカードまたは、デビットカード決済について」を参照してください。

無料期間終了後の更新手続きについて[エントリーコース]

エントリーコースは、3ヶ月間無料でご利用いただけるコースです。
4ヶ月目以降（3ヶ月の無料期間終了後）も利用される場合は、無料期間終了月に更新手続きが必要です。

※月額利用料金528円(税込/クレジットカード決済)が発生します。
※無料期間終了月に契約したWEBLIFE ID(メールアドレス)宛にお知らせメールが届きます。

＜手続き方法＞

1.コントロールパネルにログイン、該当コースの「今すぐ更新する」ボタンをクリックします。
■コントロールパネル
https://mypage.weblife.me/login.php?bindcld

更新ボタンをクリック

2.有料へのコース更新画面となりますので、「エントリーコースを選択」ボタンをクリックします。
エントリーコースを選択をクリック

3.エントリーコースの月額利用料金の支払い方法はクレジットカードまたはデビットカード決済です。
チェックを入れ「次へ」をクリックします。　
支払い方法にチェックを入れる

4.クレジットカード情報を入力し「支払情報を登録」をクリックします。
無料期間終了後の更新手続きについて[エントリーコース]

5.内容を確認し「登録」をクリックします。
無料期間終了後の更新手続きについて[エントリーコース]

※ご利用可能なクレジットカードは VISA/MasterCard/AMERICAN EXPRESS/JCB の4種類です。
カード番号が15桁のAMERICAN EXPRESSのカードの場合、左詰めで4-4-4-3桁で入力します。

6.以上で、手続きは完了です。

——————

契約・支払状況に関するご不明な点は、下記マイページサービス内「テクニカルサポート」フォームより、サポートセンターまでお問い合わせください。>

■マイページサービス
https://mypage.web-life.co.jp/
※エントリーコースを契約したWEBLIFE ID(メールアドレス)でログインしお問い合わせください。

エントリーコースに契約する

BiNDupを利用するには、契約手続きを行う必要があります。
ここでは、エントリーコースの契約手順をみてみましょう。
※エントリーコースは1つのアカウント（WEBLIFE ID）につき1コースまでの契約となります。

ログイン画面を開く

まずは下記、BiNDupのログイン画面にアクセスします。

BiNDupログイン画面

BiNDupのログインページが表示されます。
すでにWEBLIFE IDをお持ちの場合はこちらをご参照ください。
新たにWEBLIFE IDを取得する場合は〈新規申込はこちら〉[1]をクリックして手順2へ進んでください。

会員情報の入力

会員情報入力ページが表示されます。
入力欄に、お名前（姓・名）[1]、WEBLIFE ID（メールアドレス）[2]、パスワード[3]を入力します。個人情報の取り扱いについてを読み、〈同意する〉[4]のチェックボックスをクリックし、〈新規登録〉をクリックします［5］。

パスワード文字数は8文字以上20文字以内で作成してください。
文字に「半角英字大文字」「半角英字小文字」「半角数字」を含めないと作成できません。
利用可能文字は「半角英字大文字」「半角英字小文字」「半角数字」「記号　@_#$=?-( )」です。

BiNDupのコース選択

BiNDupの各コース一覧が表示されます。
エントリーコースの〈エントリーコースを申込む〉[1]をクリックします。

必要事項の入力

必要事項の入力画面が表示されます。
サイトコード（サイトURL）[1]とサブドメイン[2]を入力します。

入力したサイトコードが利用可能か、〈重複チェック〉をクリックし、利用可能であれば「入力された『サイトコード』はご利用いただけます。」と表示されます。サイト情報の入力が完了後、〈次へ〉[3]をクリックします。

一度設定が完了したサイトコードは、変更できません。
サイトのURLに反映する文字列となりますので、慎重に設定をお願いいたします。

サブドメインは「moon」「sun」「mercury」「venus」「mars」「saturn」「uranus」「neptune」「pluto」「planet」「galaxy」「jupiter」から選択可能です。

登録内容の確認

登録内容が表示されます。
内容[1]をご確認いただき、問題がない場合は〈登録〉[2]をクリックします。

エントリーコースは、3ヶ月無料でお使いいただけます。

メールアドレスにご登録完了メールが送信されます。
メールアプリを起動し、届いたメールをご確認ください。

お申込み完了

「登録完了」と記載された画面とアンケートが表示されます。
アンケート[1]を入力し、〈コントロールパネルへ〉[2]をクリックします。

コントロールパネルの画面に遷移し、BiNDupをご利用可能となります。

上部に「以下の会員情報の登録で未設定の項目があります。WEBLIFE Mypage より会員情報の編集を行ってください。」が表示されている場合、
ログイン情報を忘れた場合の契約者ご本人様確認のため、個人情報は合わせてご登録されるようお願いいたします。
利用権利、またサポートのご提供については契約者様のみへのご提供となります。

以下は、既にWEBLIFE IDをお持ちの場合の手順となります。

WEBLIFE IDをお持ちの場合

BiNDupへログイン

WEBLIFE IDとパスワード[1]を入力し、〈BiNDupにログイン〉[2]をクリックします。

BiNDupのコース選択

コース一覧画面が表示されますので、「エントリーコース」の〈エントリーコースを申込む〉ボタンをクリックします。

すでに基本コース、ビジネスコースなどの別のBiNDupを契約中の場合、コース一覧画面が表示されます。
この場合、下部の〈新規コース契約〉[1]をクリックし、表示されたコース一覧でエントリーコースの〈エントリーコースを申込む〉[2]をクリックします。
※エントリーコースは1つのアカウント（WEBLIFE ID）につき1コースまでの契約となります。

必要事項の入力

必要事項の入力画面が表示されます。
サイトコード（サイトURL）[1]とサブドメイン[2]を入力します。

サブドメインは「moon」「sun」「mercury」「venus」「mars」「saturn」「uranus」「neptune」「pluto」「planet」「galaxy」「jupiter」から選択可能です。

一度設定が完了したサイトコードは、変更できません。
サイトのURLに反映する文字列となりますので、慎重に設定ください。

登録内容の確認

入力した内容[1]に間違いがなければ、〈登録〉[2]をクリックします。

エントリーコースは、3ヶ月無料でお使いいただけます。

お申込み完了

アンケート[1]に可能な範囲でお答えいただき、〈コントロールパネルへ〉[2]をクリックします。

コントロールパネルの画面にアクセスし、BiNDupをご利用いただけます。
コントロールパネルの画面概要についてはこちらをご参照ください。

＜ご契約の更新について＞
無料利用期間後も引き続き利用を希望される場合は、サービス有効期限終了月に
更新手続きを行ってくいただく必要がございます。
※エントリーコースは、月額528円（税込）です。
《無料利用期間後の更新手続きについて》

サイト設定を行う

サイト設定画面では、作成したWebサイトのサイト名やfavicon（サイトアイコン）の設定、アップロード先となるサーバー設定、サイトへのアクセス解析設定など、サイト全般に関する設定を行います。

アップロードするための準備となる「サーバー設定」については、手順３「サーバー設定を行う」と、手順４「FTP情報の入力について」を参照してください。

サイト設定を開く

サイト設定を行うには、サイトエディタで〈サイト設定〉をクリックします。

サイト名とデザイン形式、サイトアイコンを設定する

任意の〈サイト名〉を入力し［1］、〈デザイン形式〉で〈BiND7形式〉または〈レスポンシブ〉を選び[2]、〈favicon〉や〈WebClipアイコン〉を設定します［3］。
BiNDpressを最新バージョンで利用される場合は、BiNDpress2を選びます[4]。（※現在は自動でBiND press2に変換されます）

〈サイト名〉に入力した文字列は、サイトのHTMLソースのタイトルタグに設定されます。

プロパティ画面

一度BiND7形式からレスポンシブ形式に変更すると、BiND7形式に戻すことができません。
また、テンプレートがレスポンシブ形式の場合も、BiND7形式に変更できません。
詳しくは「レスポンシブWebの概要」を参照してください。

faviconはサイトに設定するアイコンのことで、ブラウザでサイトにアクセスした時にアドレスバーに表示されるサイトURLの先頭に表示されます。
※WebClipアイコンは、iPhone向けサイトで指定します。
〈favicon〉や〈WebClipアイコン〉をクリックしてファイル選択画面を開き、設定したいアイコンを選択します。
個別に用意したアイコンを設定したい場合は、ファイル選択画面の〈画像をアップロード〉から画像を設定した上で、〈ユーザフォルダ〉より設定したいアイコンを選択してください。

BiNDの機能では、オリジナルのfaviconを作成することはできません。別途、拡張子の変換ソフト等を使用し作成してください。
※16 x 16ピクセルの画像を作成します。また、faviconファイル拡張子「.ico」に対応・作成可能なソフトをご利用ください。

サーバー設定を行う

サイトデータをアップロードするサーバーの設定を行います。
〈サーバー設定〉をクリックし[1]、アップロード先のサーバーの種類を選択します[2]。
BiNDupサーバー、またはWebLiFE*サーバーにアップロードする場合は、〈サーバー設定アシスタント〉[3]を利用することで、スムーズにFTP情報を入力することが可能です。
〈独自ドメイン取得〉[4]より独自ドメインの取得が行なえます。詳細はこちらご参照ください。

サーバー設定アシスタントについては「BiND10」「BiNDup」で利用可能です。詳しくはこちらを参照してください。

サーバー設定画面_2
〈サーバーの種類〉を選ぶと、複数のサーバーの種類が表示されます。表示された中からサイトのデータをアップロードするサーバーの種類を選びます。

〈WebLiFEサーバーベーシックコース（プロフェッショナル版）〉
WebLiFE*サーバーベーシックコース
〈WebLiFEサーバーベーシックコース（スタンダード版）〉
WebLiFE*サーバーベーシックコース
〈WebLiFEサーバープレミアムコース〉
WebLiFE* サーバープレミアムコース
〈BiNDup 基本コース〉
BiNDupの基本コース（BiND10特別コース含む）
〈BiNDup ビジネスコース〉
BiNDupのビジネスコース
〈一般的なFTPサーバー〉
他社のウェブサーバー
〈一般的なSFTPサーバー〉
他社のSFTPサーバー
〈ファイルシステム〉
ローカルフォルダへの書き出しを行います。
※WebアプリのBiNDupでは選べません

・Webアプリ上のサイトシアターのサイトは、ここで「BiNDup」を選ぶことで、編集中のサーバーへのアップロード準備は完了します。あとはサーバーディレクトリを指定するのみです。
・BiNDupに独自ドメインを設定すると、設定したドメインが表示されます。
こちらを選ぶと、独自ドメインにてサイトを公開する際に、必要な情報が設定されます。

BiNDup エントリーコースでは、BiNDupのサーバー領域へのみ、アップロードが可能です。他社サーバーへの公開はできません。

FTP情報の入力について

サーバーの種類を選択すると、FTP情報の入力画面が表示されます。
FTP情報の入力について

〈サーバーの種類〉

選択したサーバーの種類が表示されます。

サーバーの種類「一般的なSFTPサーバー」をを選んだ場合のみ、SSH鍵を設定できます。

〈登録〉をクリックすると、ファイルを選択する画面が表示されるので、あらかじめ用意しておいたSSH鍵のファイルを指定し、〈開く〉をクリックします。
なお最新のセキュリティ条件に対応していない、レンタルサーバー（RSA形式）をご利用する際は、
〈レガシーな鍵交換方式を使用する〉にチェックを入れる必要があります。
この設定内容については、契約するプロバイダー、または、レンタルサーバー事業者が提供するマニュアルなどをご覧ください。

〈サイトURL〉

インターネットでアクセスするホームページのURLを指定します。

ブラウザで確認

〈ブラウザで確認〉アイコンをクリックすると、表示されるWebページとURLが正しいかどうか確認できます。

〈FTPホスト〉

FTPサーバーのホストアドレスを入力します。

「サーバーの種類」でWebLiFEサーバーやBiNDupを選択している場合は、該当するFTPホストが自動で挿入されるため、手動で入力する必要はありません。

〈ユーザーID〉

FTPサーバーの自分のユーザーIDを入力します。

〈パスワード〉

FTPサーバーの自分のパスワードを入力します。

〈PASVモード〉

転送モードがPASVモードの場合、チェックを入れます。
「サーバーの種類」で〈一般的なFTPサーバー〉を選んだときのみ設定できます。

〈テスト開始〉

FTPサーバーの設定が終わったら〈テスト開始〉をクリックします。設定が正しければ「接続テストに成功しました」というメッセージが表示されます。

接続テストに失敗する場合、入力しているサーバー情報が誤っていたり、アップロード先のサーバーディレクトリが異なっている場合があります。

〈サーバーディレクトリ〉

アップロードを行うサーバーのフォルダを指定します。プロバイダーやレンタルサーバー事業者から特に指定されている場合は、その名前を設定します。
この設定内容については、契約するプロバイダー、または、レンタルサーバー事業者が提供するマニュアルなどを確認してください。

BiNDupサーバー、WebLiFE*サーバーへアップロードする場合は、基本的に指定のディレクトリはありませんが、複数のサイトをアップロード、運営していく場合は、サイトごとにディレクトリを分けてください。また、WordPressテンプレートのアップロードをする場合も、ディレクトリの指定があります。

サーバーディレクトリについてはこちらをご参照ください。

〈暗号化〉

サーバーの種類「一般的なFTPサーバー」を選択した際に、
「明示的なFTPS(Explicit)」、「暗黙的なFTPS(Implicit)」が設定できます。
外部サーバーにて、FTPS対応サーバーの場合は、それぞれの暗号化に合わせて設定ができます。
上記の対応状況については、利用しているサーバーのマニュアル等をご確認ください。
BiNDupサーバーは、明示的FTPSのみ対応してます。
サイト設定を行う

こちらの機能は、「バージョン14.2.0」から、ベータ版での提供となります。

〈サーバー上のサイトを削除〉

入力しているサーバー上のサイトの削除を行います。

〈差分検知機能をリセット〉

すでにサイトデータをアップロードしている場合、2回目以降のアップロードは、更新されたデータのみアップロードします。この判定は差分検知機能で行っていますが、正しくサイトが更新されない場合は、〈差分検知機能をリセット〉をクリックします。確認メッセージが表示されますので〈はい〉をクリックします。

セット

サーバー設定した内容を名前をつけて保存すると、保存した設定はセットのメニューから選べるようになります。
〈セット〉アイコンをクリックして［1］、〈保存〉または〈別名で保存〉を選びます。［2］。

サイト設定を行う

セット名を入力して［1］、〈OK〉をクリックします［2］。

サイト設定を行う

独自ドメイン取得

お名前.comの独自ドメインが取得できます。

独自ドメインについてはこちらをご参照ください。

アクセス解析設定を行う

アクセス解析設定を使ってサイトへのアクセス状況を分析します。

設定方法は、「アクセス解析設定を使ってサイトを分析する」を参照してください。

アクセス解析設定

OpenGraphを設定する

OpenGraphはFacebookなどのSNSでサイト情報をやり取りするために作られた規格です。

設定方法は、「OpenGraphを設定する」を参照してください。

OpenGraph

スクリプトと詳細設定を行う

「スクリプトと詳細設定タブ」では、サイト全体に対するスクリプト入力、使用言語の選択が可能です。
サイト設定を行う

〈スクリプト入力〉

JavaScriptなどのスクリプトを入力したり、headタグ内に挿入したいタグを入力します。

〈使用言語〉

使用言語が選択可能です。

ブラウザに、サイトがHTML上で使用している言語を認識させるための機能となります。こちらの反映内容は各ブラウザの仕様に準じます。

〈ディレクトリインデックスへのリンクを/にする〉

チェックを入れることで、トップページのURLを/にすることが可能です。
また、出力ページの拡張子を「html」「htm」から選択可能です。

サイト設定画面で行う「スクリプトと詳細設定タブ」は、サイト全体に反映されますが、ページ設定側でも設定を行うことで、ベージごとの設定も可能です。

Webフォントを使用する

Webフォントを使用することで、サイトイメージを一新したり、SEO対策にも効果的と言われています。
こちらでは、BiNDupのWebフォントの設定方法を案内します。

・WebフォントはWordPressテンプレートには対応しておりません。
・「サーバー設定画面」で、「一般的なFTPサーバー」を選択している場合、アップロード先がBiNDupのサーバーの場合でもWebフォントが正常に認識されません。

なお、WebフォントにはFONTPLUSの提供する「日本語フォント」、フリーの「日本語フリーフォント」、Googleの提供する「Google Fonts」の3種類があります。
「日本語フォント」は、BiNDupのサーバーのみでご利用可能です。

また、2024年10月現在、下記の書体数が利用できます。
・日本語フォント［FONTPLUS］ 544
・日本語フリーフォント 133
・Google Fonts 920
Googleなど、提供元の仕様変更により書体数は今後変更される可能性があります。

日本語Webフォントについては、BiNDupのコースにより利用可能な種類が異なります。詳細に関しましては、下記ページを参照してください。
■TYPE FOR WEBLiFE*利用可能フォント
https://bindup.jp/function/type.html

Webフォントは、Dressの「フォント」からも設定ができます。詳細に関しましては、
こちらを参照してください。

サイトエディタでウェブフォントの初期設定を行う

画面右上部の〈ウェブフォント〉アイコンをクリックします。
ウェブフォントの初期設定-1

エディタモードの段落スタイルにある〈タイトル〉や〈大見出し〉などにウェブフォントが設定できます［1］。
どのテキストでも選択可能な〈ウェブフォント1〜10〉を設定できます［2］。
［1］、［2］の項目のいずれかをクリックすると、TYPEが起動します。
ウェブフォントの初期設定-2

TYPEで使用するウェブフォントを選択する

選択している段落スタイルに対して、どのウェブフォントを指定するかを選択します。
左の〈日本語フォント〉または〈Google Fonts〉からフォントのタイプを選んだり［1］、上部の〈ご利用コース〉、〈太さ〉、〈サイズ〉を選んで［2］、フォントを絞り込むことが可能です。フォント名の検索［3］もできます。
また、設定したフォントを公開サイトで「Webフォントが読み込まれるまでの間のシステムフォントを表示させる」といった設定もできます［4］。
選択後は、適用をクリックします[5]。
TYPEで使用するウェブフォントを選択する

1サイトにつき20書体まで登録可能 /最大316書体まで利用可能となります。

〈ウェイトごとに表示〉を設定した場合は、フォントを設定した際にウェイトが一覧で表示されます［1］。
各フォントを設定ウィンドウでは、画面下部にフォントを入力しレイアウト確認する「試し書き」もできます［2］。
TYPEで使用するウェブフォントを選択する2

選択したウェブフォントの確認

認証後、サイトエディタに戻ると、選択したウェブフォント名が表示されます。
ここでは下記のフォントを設定しました。

・タイトル「ロダンひまわり Pro M」
・大見出し「ランバートTL Std EB」
・ウェブフォント1「マカロニ Std DB」
選択したウェブフォントの確認
スマートモードの場合

フォントを設定するテキストを選択し、〈フォント〉アイコンをクリックして〈ウェブフォント1〉から〈ウェブフォント10〉に設定したフォントを選択します。
マートモードの場合-1
マートモードの場合-2
〈ウェブフォント1〉に設定した、「マカロニ Std DB」が反映されました。
マートモードの場合-3
エディタモードの場合

エディタモードでは、左上の「段落のスタイル」から〈タイトル〉や〈大見出し〉などを選択します。
エディタモードの場合-1
また、スマートモード同様、上部の〈フォント〉アイコンよりあらかじめ手順1〜3で登録したウェブフォントも選択可能です。
エディタモードの場合-2
あらかじめタイトルに設定した「ロダンひまわり Pro M」、大見出しに設定した「ランバートTL Std EB」が反映されました。

ウェブフォント設定前

ウェブフォント設定後