PositLogマニュアル(目次)

(5)編集ボタンを押すと,スプライトの内容を編集するためのエディタが表示されます.基本的には,テキスト入力欄にテキストを書きこんで,保存ボタンを押せば作成完了です.

スプライトの作成・削除・移動(全てのユーザ)

1.スプライトの作成

 PositLog では,ユーザが「スプライト」と呼ばれる四角形の部品を作成し,ページ上の好きな場所へ配置することにより,自由に文書をデザインすることができます.

 スプライトの作成は,PositLog の管理者によって許可されたユーザしか行うことが出来ません.ここでは,誰でも出来るように設定されている場合について説明します.

(1)ページの一番上に「New Sprite」というボタンがあれば,スプライトは作成可能です.

あるいは,ページの一番下に [Edit] というリンクが表示されている場合,このリンクを辿ると,上記のように「New Sprite」というボタンが表示され,スプライトを作成可能な状態(編集モード)になります.

「New Sprite」ボタンと[Edit]リンクのいずれも表示されていない場合,ユーザにはスプライトを作成する許可がありません.

→ログインアカウントを持っているユーザは,自分のアカウントでログインして書き込むことが出来ます(その方が出来る操作の多い場合があります).[Login] リンクを辿ってログインしてください.詳しくはこちら.
(2)ページ左上の「New Sprite」ボタンを押してください.ボタンの下付近に左図のように「New Sprite!!」と書かれた四角形が新たに表示されます.これが新しく作成されたスプライトです.

(エディタの画面)
テキスト入力欄
ニックネーム入力欄
パスワード入力欄
「クローズボタン」
エディタを閉じます.保存前の内容は失われます.
保存ボタン
スプライトのID表示
(スプライトを区別するために利用します.一つのページに同じ名前のスプライトはありません.)
「重なり変更ボタン」上向き矢印のボタンを押すと,このスプライトの重なりがページ上の他のスプライトの一番上になります.下向き矢印のボタンは一番下にします.
スプライトと一緒にニックネームを表示する場合はチェック欄にチェックを入れてください.

2.スプライトの削除

 スプライトを削除するには,削除ボタンを押してください.エディタを開いて,テキスト入力欄を空にして保存しても同様に削除できます.パスワードのついたスプライトは正しいパスワードを入力する必要があります.login ユーザや管理者の作成したスプライトは削除できません.

 ただし,あなたがページの作成者である場合は,削除可能です.

3.スプライトの移動・サイズ変更

 スプライトを編集するには,エディタを開いてください.移動するには.スプライトの上辺にある操作パネルをマウスでつかんで置きたい位置へ動かしてください.サイズを変更するにはサイズ変更タブをつかんでスプライトの幅を変更してください.スプライトの高さは自動的に決定されます.

 パスワードのついたスプライトを編集・移動・サイズ変更するには正しいパスワードを入力する必要があります.login ユーザや管理者の作成したスプライトは編集・移動・サイズ変更できません.

 ただし,あなたがページの作成者である場合は,移動・サイズ変更が可能です.この場合もやはり編集はできません.

編集ボタン
サイズ変更タブ
「スプライトの作成日時」
スプライトと一緒に作成日を表示する場合はチェック欄にチェックを入れてください.
「スプライトへのリンク」
スプライトと一緒にこのリンクを表示する場合はチェック欄にチェックを入れてください.

「file」ボタンと「plugin」ボタンはadminユーザの設定した権限によって表示される場合とされない場合があります.

「file」ボタン
 画像や文書などのファイルをアップロードし,このスプライトに添付するためのボタンです. 詳しくは「ファイル(画像)アップロードについて」をご覧ください.

「plugin」ボタン
 プラグインを用いて動的スプライトを作成するためのボタンです.詳しくは「プラグインについて」をご覧ください.

「clear」ボタンを押すと,パスワードが消去されて誰でも移動・編集・削除可能なスプライトになります。

スプライトの色設定ボタン
 スプライトの次のパーツの色を設定するためのボタンです.
 「text」テキストの色
 「bg」背景の色設定
 「frame」枠の色設定

ボタンを押すと,色設定ダイアログが開きます.

スプライトの枠設定メニュー
 スプライトを囲む四角の枠の「種類」と「太さ」を設定するためのメニューです.
 「margin」は枠とテキストとの間の余白を設定します.
色設定ダイアログ
 現在,どのパーツの色を設定しているかは,「Text」(テキスト)「Background」(背景)「Frame」(枠)のいずれかの表示によってわかります.
 色設定ダイアログを閉じるには,開いたときと同じボタンを押してください.
  • 黒円アイコンと白円アイコンを動かして,必要な色を選んでください.
  • RGB16進形式で直接指定することもできます.(例:f9c060) 入力後,setボタンを押してください.
  • 「bg」(Background)の場合のみ「clear」ボタンを押すことによって透明色を選ぶことができます.
(3)スプライトの上にマウスカーソルを重ねると,左図のように点線の枠が表示されます.この状態でクリックすると,スプライトが選択されます.

(4)選択されたスプライトは左図のように枠で囲まれ,操作パネルが表示されます.操作パネル上には削除ボタンと編集ボタンがあります.枠の右下にはサイズ変更タブが表示されます.

スプライトの位置を変えるには,操作パネルをマウスでつかんで移動させてください.

スプライトの幅を変えるには,サイズ変更タブをつかんで移動させてください.スプライトの高さは自動的に決定されます.

削除ボタン
操作パネル
・ニックネームを入力すると,その名前がスプライトと一緒に表示されます.publicユーザのニックネームは<カッコ>つきで表示されます.またニックネームが入力されない場合,[public]と表示されます.
・また,パスワードを入力すると,そのパスワードを知る人にしかこのスプライトを編集・移動・削除できなくなります.(ただし管理者を除きます.)

移動と配置のコツ

スプライトは互いに重なり合わないように配置したほうが,閲覧者の利用するWebブラウザやその設定によらず,読みやすく表示されるようになります.

連結されたスプライトの場合は,オレンジ色の枠が他の(連結されていない)スプライトと重なり合わないようにします.

詳しい処理は「自動配置調整」のページで説明していますが,大雑把なコツとしては以上のことを意識しておけば良いと思います.