管理ページマニュアル
スキン画像変更でできること
ここではSNSのデザイン画像の設定変更が行えます。
ログインページ
メニュー等、画面上部画像
画面下部画像
NoImage画像
画像ボタン
レビュー用画像
小物画像
の画像を変更する事ができます。
(例
↑の画像のように今現在設定している画像が表示されます。
画像をクリックすると別ウィンドウに表示されます。
自分で作成した画像を①の参照ボタンから選び、変更ボタンを押して下さい。
新しい画像に変更されます。
※注意
画像やボタンの規定サイズを変更しますとレイアウトが崩れる場合があります。
各箇所の画像サイズに合わせて作成するようにお願い致します。
オリジナルスキン作成マニュアル
自分だけのオリジナルスキン(ログイン画面)を使ってみましょう
Q.スキン画像を作るためにはどういった知識が必要ですか？
A.ある程度のパソコンの知識とPhotoShopなどの
画像編集ソフトウェア使える知識が必要になります。
Q.用意する画像のサイズを教えてください
A.720ピクセル×563ピクセルです。
Q.使用出来るファイルの種類はどういったものがありますか？
A.jpg形式もしくはgif形式のファイルになります。
Q.スキンの画像はどこで変更すればいいのですか？
A.SNS管理ページのメニューにある「スキン画像変更」の中の
「ログイン画面」の項目で用意した画像を指定することで変更出来ます。
スキン画像を作る時の注意点として、
「バナー広告表示部」「メール・パスワード入力フォーム」「ログイン・新規登録ボタン」の
場所を考慮して作る必要があります。
・「バナー広告表示部」とは
ログイン画面の上部に広告バナーが表示される場所があります。
このバナーは必ずスキン画像よりも手前に表示されるので、
そのスペースのことを考えて画像を用意・作成しましょう。
・「メール・パスワード入力フォーム」とは
SNSにログインする時にメールアドレスとパスワードを入力する場所のことです。
この入力フォームは自動的に背景画像を切り抜いて表示されます。
気を付けないといけないのは、入力フォームの上に表示する
「メールアドレス」「パスワード」といった文字は自動的に表示されないので、
スキン画像の一部としてと自分で表記させておく必要があります。
・「ログイン・新規登録ボタン」とは
SNSにログインする時、またはSNSに新規登録する時に押すためのボタンです。
このボタンも「メール・パスワード入力フォーム」と同様に
ボタン自体はページに組み込まれているのですが、ボタンをして使う画像は自分で配置する必要があります。
自分で画像を用意して配置しないと、目に見えない透明なボタンになってしまいます。
必ずボタンとなる画像を配置してください。
なお「バナー広告表示部」「メール・パスワード入力エリア」「ログイン・新規登録ボタン」
の表示位置は変更することが出来ません。ご了承ください。
実際の画像を用意してみました。
・次の画像は各エリアのサイズをピクセルで表記したものです。
画像をクリックすると拡大して見ることができます。
・この画像はSNSをログアウトした時に表示される画像、
ログイン前ヘッダの各エリアのサイズをピクセルで表記したものです。
画像をクリックすると拡大して見ることができます。
・この画像はSNSにログインした後表示される画像、
ログイン後ヘッダの各エリアのサイズをピクセルで表記したものです。
ログイン後ヘッダの他にログイン後ヘッダ(ロールオーバー)という画像も使用されています。
ログイン後ヘッダ(ロールオーバー)も各エリアのサイズに違いはありません。
画像をクリックすると拡大して見ることができます。
最後に上の画像と同じスキン画像の見本を用意してみました。
スキンテンプレート
この画像をレイヤー機能で重ねて、ログインボタンなどをなぞって配置することで、
簡単にスキン画像が作れます。是非自分だけのオリジナルスキンを作ってみてください。
オリジナルスキン作成マニュアル その2
Windowsに標準で入っている「ペイント」の機能を使ってオリジナルのログイン画面を作ってみましょうオープン制SNS・招待制SNSそれぞれに使うテンプレート画像を用意しました。
オープン制
01 02 03 04 05 06 07 08 09 10
招待制
01 02 03 04 05 06 07 08 09 10
まずは使いたいテンプレート画像を開いて「右クリック」 → 「名前を付けて画像を保存」を選択します
↓
「スタートメニュー」 → 「すべてのプログラム」または「プログラム」 → 「アクセサリ」 → 「ペイント」を開く
↓
メニューの「ファイル」の中から「開く」を選択して、スキンに使いたい画像を開く （サイズは720×563ピクセルにしておく）
↓
メニューの「編集」の中から「ファイルから貼り付け」を選択する
↓
ファイルの種類をGIF 形式にして、ダウンロードしたテンプレート画像を開く
↓
メニューの「変形」の中から「背景色を不透明にする」を選択する
↓
スキンで使いたい画像の上にログインボタンが貼り付けられる
↓
SNS管理メニューからログイン画面の画像を指定して完成!
※使うテンプレートによっては用意した画像を合わなかったり、
一部画像がおかしくなったりします。
※用意する画像はあらかじめサイズを720×563ピクセルにしておきましょう。
それ以外のサイズの画像を使用するとうまく表示出来ない場合があります。
オリジナルスキン作成マニュアル その3
もっと簡単にスキン画像を作ってみる
NEKOGET PNESKINというツールを使って、簡単にスキン画像を作る事が出来ます。
使い方は・・・
こちらのページにいき、「Mix」の方のボタンを押します
↓
デザイン選択画面が表示されるので自分の好きなデザインを選びます
↓
参照ボタンを押して、使いたい画像を指定します
↓
タイトル文字の欄に画像に挿入する文字(SNSのタイトル等)を入力します
↓
送信ボタンを押してしばらく待ちます
↓
しばらく待つと「NEKOGET_PNESKINにより作成されたページです」というページが表示されるので、
ページの下の方にある 「ZIPファイルをダウンロード」ボタンを押して作成したファイルをダウンロードします
↓
ZIPファイルを解凍します
↓
作成した画像をSNSN管理メニューから指定して変更すれば完成です
※注意
NEKOGET PNESKINはSNS-WALKERが管理・運営しているわけではおりません。
万が一損害を被った場合でも、SNS-WALKERは一切責任を負いません。