BiND for WebLiFE* 4 製品サポート

キーワード検索

テクニカルサポートからのお知らせ

  • トップ >
  • SiGN Pro、SHiFT、テーブルエディタ、SYNC5

SiGN Pro、SHiFT、テーブルエディタ、SYNC5

見出しパーツを使う(SiGN Pro)

クリック時の動作を設定する

ブロックエディタで BiND Proで作成した見出しパーツを選択すると、右側に〈見出しパーツ作成設定〉が表示荒れます。ここでは見出しパーツの表示設定や、見出しをクリックしたときの動作を設定することがで......

テンプレートを保存する

完成した見出しパーツを再利用するために、テンプレートとして保存しておきましょう。保存する方法は2種類あり、1つはテンプレートの一覧に入れておく方法、もう1つは外部ファイルとして書き出す方法があります......

スタンプを追加、編集する

SiGN Proでは、見出しにスタンプ(シンプルなイラスト)を貼りつけることができます。ここではスタンプレイヤー新規追加する手順から解説しますが、配置済みのスタンプもダブルクリックして編集することが......

テキストを追加、編集する

SiGN Proでは、見出しにテキストを追加して、フォントや色などの書式を設定することができます。ここではテキストレイヤーを新規追加する手順から解説しますが、配置済みのテキストもダブルクリックして編......

シェイプで画像を切り抜く

シェイプレイヤーを使うと、画像を円形や星形に切り抜くこともできます。 画像レイヤーを追加する メイン編集モードの画面で〈シェイプ〉のアイコンをクリックします。 貼り付ける画像ファイルを選択する シェイ......

シェイプを追加、編集する

SiGN Proでは、見出しに円や四角形などのシェイプ(図形)を貼りつけることができます。ここではシェイプレイヤー新規追加する手順から解説しますが、配置済みのシェイプもダブルクリックして編集することが......

レイヤーにエフェクトを設定する

レイヤーにはエフェクト(特殊効果)を設定することができます。ここでは、画像に設定しますが、テキストやシェイプでも利用可能です。 エフェクトの設定を始める レイヤーをダブルクリックしてそれぞれの編集モ......

背景色を設定してページに反映する

見出しのデザインができあがったら、背景色やファイル形式を指定して、ページに反映させます。 背景色を設定する レイヤーでパーツ上が埋まっていたら背景色は見えません。一部のレイヤーを削除して、背景色が見え......

画像を追加、編集する

SiGN Proでは、見出しに画像を貼りつけて、サイズを変更やブレンド(合成方法)などの編集を行うことができます。ここでは画像レイヤー新規追加する手順から解説しますが、配置済みの画像もダブルクリック......

レイヤーを操作する

SiGN Proではテキスト、シェイプ、画像、スタンプの4種類の「レイヤー」を重ね合わせて、見出しパーツを作成していきます。ここではレイヤーの「移動」「サイズ変更」「回転」「削除」「重ね順の変更」「......

見出しパーツのサイズを設定する

ここではテンプレートを使わずに白紙の状態から見出しパーツを作成し、ブロックに合わせてサイズを設定します。 SiGN Proを起動する 新しく見出しパーツを作るには、ブロックエディタの「パーツ一覧」から......

デザインテンプレートから見出しパーツを作成する

SiGN Proは豊富なデザインテンプレートを持っており、テンプレートを選ぶだけで簡単に美しい見出しパーツを作ることができます。 テンプレートを開く デザインテンプレートを使って、新しく見出しパーツを......

既存の見出しをSiGN Proで開く

「SiGN for WebLiFE Pro」で見出しパーツを作成するには、既存のカートリッジに含まれている見出しパーツを編集する方法と、テンプレート(デザイン/ブランク)から好みのものを選んで作成する......
見出しパーツを使う(SiGN3)

ウォーターマークを表示する

ウォーターマークはSiGN3で作成した見出し上に、会社ロゴなどの画像を合成する機能です。 ウォーターマークの設定画面を表示する 〈ウォーターマーク設定〉をクリックします。 画像を選択し、配置を設......

シェイプカラー/バリエーションの編集を行う

シェイプ(SHAPE)は図形の色と透明度を変更することができます。 シェイプ編集画面に切り替える 見出し、またはブランクテンプレートをSiGNで読み込み、マウスを動かして「SHAPE」がハイライト......

文字の編集を行う

SiGN3ではテキスト編集画面で、任意のテキスト文字を入力したり、フォントの種類やサイズ、文字の装飾、文字色の変更、行/文字間隔の調整、エフェクト処理などを行うことができます。 テキスト編集画面にす......

画像の編集を行う(2)ー画像の加工を行う

SiGN3では、画像に対して、明るさや彩度、カラー調整などの他、スムージングやプラー、鏡面反射など、さまざまなエフェクトを施し、画像の加工を行うことができます。 画像エディタ画面を表示する 「IM......

画像の編集を行う(1)ー画像の差し替え/読み込み

SiGN3では、見出しに使用する画像の貼りつけや差し替え、サイズの変更、画像処理(エフェクト)など、さまざまな編集作業を行うことができます。 画像エディタに切り替える SiGN3の編集画面でマウス......

ブランクテンプレートから見出しパーツを作成する

ブランクテンプレートとは、画像や文字が未設定のテンプレートのことです。枠だけが配置されているので、その中に画像や文字を配置してデザインしていきます。 テンプレートを開く 既存の見出しパーツを開いて......

デザインテンプレートから見出しパーツを作成する

SiGNは豊富なデザインテンプレートを持っており、テンプレートを選ぶだけで簡単に美しい見出しパーツを作ることができます。新規に見出しパーツを作成する際には新バージョンの「SiGN PRO」が起動します......

既存の見出しをSiGN3で開く

以前に「SiGN for WebLiFE3」で作成した見出しパーツを編集するには、既存のカートリッジに含まれている見出しパーツを編集する方法と、テンプレート(デザイン/ブランク)から好みのものを選んで......
スライドショーパーツを使う(SHiFT)

スライドショーの画像を編集する

スライドショーの画像エディタを利用すると、画像の拡大/縮小や回転などの編集を行えます。 ブロックエディタからスライドショーパーツを開く ブロックエディタでスライドショーパーツを選択し[2]、〈SHiF......

スライドショーに画像を追加する

スライドショーパーツ全体の設定を行う SHiFTの各ボタンでスライドショー全体の設定を行うことができます。 新規追加 クリックするとアイテムブラウザが表示され、追加する画像を選ぶことができます。 ......

テンプレートを選ぶ

「SHiFT」を利用すると、複数の画像を切り替えながら表示するスライドショーパーツを作成できます。切り替えアニメーションとパーツのサイズは、あらかじめ用意されているテンプレートから選択します。 パーツ......
テーブルパーツ・エディタを使う

表の書式を設定する

テーブルパーツ・エディタでは、「全体」「行」「セル」に対して背景色や罫線、サイズなどの設定が行えます。背景色と罫線の設定はセルがもっとも優先されます。 セルの高さを初期化する テンプレートから作成した......

表のレイアウトを変更する

行や列の追加、セルの結合によって表の大まかなレイアウトを整えることができます。 行/列を削除する 行を削除するには、削除したいセルをドラッグして選択し、〈削除〉の〈行〉をクリックします。〈列〉をクリッ......

表内のテキストの書式を設定する

設定するテキストを選択する 書式を設定したいテキスト上をドラッグして選択します。 複数のセルのテキストにまとめて書式設定したい場合は、セルの枠線を超えてドラッグします。 ボタンで書式を設定する テーブ......

表を作成する

テーブルパーツ・エディタを使うと、凝ったレイアウトの表を作成することができます。 テーブルパーツを作成する ブロックエディタを開き、〈パーツ一覧〉の〈テーブルパーツ〉をクリックします。 テンプレートを......
ウェブサービス系パーツを使う(SYNC 5)

Page Plugin(旧:Facebook Like Box)を貼り付ける

「Page Plugin」(旧:Facebook Like Box)は、Facebookページ(旧称:ファンページ)に「いいね!」をクリックできるソーシャルプラグイン機能の1つです。SYNC5ではこの......

掲示板パーツを貼り付ける

SYNCでは、BiND5で作成したサイトに訪問者からのコメントを掲載するために新たに「掲示板パーツ」を搭載しました。「Facebook」のソーシャルコメント機能では、Facebookアカウントを持って......

Twitterバッチを貼り付ける

Twitterバッチは作成したWebサイトの端に設置することで、自分のTwitterページに誘導できるパーツです。ページの目立つ場所に配置することで、Twitterアカウントのフォロワーを増やす効果が......

いいね!ボタンを貼り付ける

SYNC5では、公開したWebサイトをクチコミで広める手段として、ソーシャルサービスにサイト情報を投稿したり、サイト訪問者からの評価を確認できるいいね!ボタンを設置することができます。Twitterの......

Twitterを貼り付ける

公開されたTwitterのアカウントを持っているなら、それをページに貼り付けることができます。 非公開設定のアカウントは利用できません。 Twitterパーツを選ぶ ブロックエディタの「ソー......

USTREAMを貼り付ける

SYNC5ではUSTREAMの動画をサイトに貼り付けることができます。USTREAMはインターネットを利用して動画をリアルタイム配信するサービスです。現在ビデオカメラで撮影している動画を全世界に生中......

翻訳を貼り付ける

翻訳パーツを配置すると、ページの内容を他の言語に翻訳する機能を持たせることができます。翻訳処理にはGoogle翻訳を利用しています。 http://translate.google.co.jp/【リン......

サイト内検索を貼り付ける

ページに検索ボックスを配置し、サイト内の検索などを行わせることができます。 検索対象はドメイン単位です。一部のページやコーナー(ディレクトリ)だけを検索することはできません。 検索結果が表示される......

Yahoo!地図を貼り付ける

Yahoo!地図を貼り付けて、場所の案内などに使うことができます。 パーツを選ぶ ブロックエディタの「ウェブサービス系パーツ」から〈Yahoo地図〉を選びます。 地図の案内が表示されたら〈次へ〉を......

フォームを貼りつける

SYNC5を使えば、お問い合わせフォームなどの入力フォームを簡単に設置できます。設置した入力フォームからは、ユーザの送信したデータがメールで送信され、Googleスプレッドシートにも蓄積されていきます......

YouTubeの動画を貼りつける

2015年6月、YouTubeの提供する最新APIに対応する機能調整を行っておりましたが、SYNC1プレーヤーの再生においては最新APIへの対応が難しく、SYNC1プレーヤーの機能提供を終了させていた......

Googleドキュメントのデータを貼りつける

SYNC5ではGoogleサービスと連携し、Googleドキュメントのデータをページに貼りつけて表示させることができます。ただし、貼りつけられるデータはあらかじめWebに公開したものだけです。 ※20......

ブログを貼りつける

ブログパーツを使うと、GoogleやYahoo! Japanなど、主要なブログサービスの自分のページ、あるいは、他のスタッフや仲間が作ったブログをページに貼りつけることができます。このパーツを使えば、......

BiNDニュースを利用する

ニュースパーツを作成する際、ニュースソースとしてBiNDニュースを選ぶことができます。BiNDニュースは新しい情報をRSSティッカーと同じスタイルで告知したい時に使います。一度登録した情報は、後から呼......

クチコミ&RSS購読ボタンを設置する

BiNDニュースパーツでは、閲覧しているページのソーシャルブックマークへの登録、RSSの購読、Twitterでつぶやくためのボタンを配置することができます。あなたのサイトをクチコミで効果的に宣伝するこ......

ニュースティッカーを貼りつける

ニュースパーツは、任意のRSSフィードを読み込んで、さまざまな情報を自動表示するためのBiNDニュースティッカーや、閲覧しているページのソーシャルブックマークへの登録、RSSの購読、Twitterでつ......

SYNC for WebLiFE 5の初期設定を行う

BiND5では、見た目のデザインだけではなく、宣伝・集客といった「人を集めるためのデザイン」を重視し、外部のさまざまなインターネットサービスとの連携機能を実現する「SYNC for WebLiFE 5......

↑トップにもどる

ページのカスタマイズ

+ページ追加/ブロックを作成/編集する
+サイトエディタでページを設定する
+ブロック内の書式を設定する
+パーツを利用する
+ブロックを共有設定する
+メニューとタグを活用する

SiGN Pro、SHiFT、テーブルエディタ、SYNC5

+見出しパーツを使う(SiGN Pro)
+見出しパーツを使う(SiGN3)
+スライドショーパーツを使う(SHiFT)
+テーブルパーツ・エディタを使う
+ウェブサービス系パーツを使う(SYNC 5)
デザイナーの考えるひとつひとつの<未来>をカタチに。
とても身近なところにある自分たちの未来をデザインする。
それが私たちの考えるデジタルデザインです。
Copyright (c) digitalstage inc. All Rights Reserved.