津山瓦版わいわい横町 活用マニュアル - 自己紹介バナー Diff

!自己紹介バナー管理

!!自己紹介バナーとは

''「新着情報を出し続けるのは大変」「もっと見てもらいたい」''というご意見にお答えして、一風変わった機能ができました。

*顔写真（に相当するもの）（UP後トリミングして好きな部分を選べる）
*メッセージ
*吹き出しの位置（上下左右）
を登録して頂くことで、瓦版のページ各所で、ちょっと楽しい自己紹介・PRができます！（しかも動く！）

また、バナーは1会員につき何個でも登録できるので、何個も見たくなる様な自己紹介を登録しておけば楽しいかも？（会員ごとのバナーの表示確率は1個でも何個登録でも同じです。）

現在の所、ブログランキングTOPページに設置していますが、今後イチ押し特集記事など拡大予定です！（[[実際のブログランキングのページを見る|http://www.e-tsuyama.com/brank/]]）

{{beginc}}
{{attach_view(brank800.png)}}
{{endc}}

!!登録方法

!!!バナー管理画面の開き方

IDとパスワードを使って、会員専用ページを開きます。（「[[ログイン]]」参照）

メニューから''自己紹介バナー''を押します。

{{beginc}}
{{attach_view(s-member.jpg)}}{{br}}
{{attach_anchor_string('[+]大きい画像はこちら', 'member.png')}}
{{endc}}


現在の所、ブログランキングTOPページに設置していますが、今後イチ押し特集記事など拡大予定です！（[[実際のブログランキングのページを見る|http://www.e-tsuyama.com/brank/]]）

{{beginc}}
{{attach_view(brank800.png)}}
{{endc}}

!!登録方法


!!!バナー管理画面の開き方

IDとパスワードを使って、会員専用ページを開きます。（「[[ログイン]]」参照）

メニューから''自己紹介バナー''を押します。すると、「自己紹介バナー管理ページ」が開きます。

{{beginc}}
{{attach_view(s-member.jpg)}}{{br}}
{{attach_anchor_string('[+]大きい画像はこちら', 'member.png')}}
{{endc}}


!!!バナーの登録

バナーの登録には、使用する写真をパソコンに取り込んでおく必要があります。取り込み方法はお使いのデジカメの取扱説明書などをご覧下さい。（わからない場合は、お問い合わせ下さい。技術者がお伺致します。（有償））

「自己紹介バナー管理ページ」より、''新しい自己紹介バナーを作成する''を押します。

{{beginc}}
{{attach_view(s-self_introductions.jpg)}}{{br}}
{{attach_anchor_string('[+]大きい画像はこちら', 'self_introductions.png')}}
{{endc}}


写真のアップロード画面になるので、''「参照」ボタン''を押して、パソコンの中に入れてある写真を選びます。

{{beginc}}
{{attach_view(s-upload1.jpg)}}{{br}}
{{attach_anchor_string('[+]大きい画像はこちら', 'upload1.png')}}
{{endc}}

{{beginc}}
{{attach_view(s-upload2.jpg)}}{{br}}
{{attach_anchor_string('[+]大きい画像はこちら', 'upload2.png')}}
{{endc}}

写真を選んだら、''「写真（画像）のトリミングに進む」''ボタンを押します。

{{beginc}}
{{attach_view(s-upload3.jpg)}}{{br}}
{{attach_anchor_string('[+]大きい画像はこちら', 'upload3.png')}}
{{endc}}


続いて、写真の必要な部分を切り出す''トリミング''をします。

といっても難しいことではなく、写真の上に表示される□をマウスのボタンを押しながら動かして、写真上の必要な場所を点線で囲む様にするだけです。

例の画像では顔の部分を抜き出す様にしています。

必要が無ければそのまま進んでください。

{{beginc}}
{{attach_view(s-trimming1.jpg)}}{{br}}
{{attach_anchor_string('[+]大きい画像はこちら', 'trimming1.png')}}
{{endc}}

{{beginc}}
{{attach_view(s-trimming2.jpg)}}{{br}}
{{attach_anchor_string('[+]大きい画像はこちら', 'trimming2.png')}}
{{endc}}


トリミングした写真と、自己紹介文の入力欄が表示されます。

*吹き出しの位置
*自己紹介の内容（吹き出しに表示される内容です）

をそれぞれ設定（入力）してください。

実際にどんな感じに表示されるのか確認したくなったら''プレビュー''ボタンを押してください。

入力が終わったら、''「自己紹介を登録」''ボタンを押します。

{{beginc}}
{{attach_view(s-introduce.jpg)}}{{br}}
{{attach_anchor_string('[+]大きい画像はこちら', 'introduce.png')}}
{{endc}}

{{beginc}}
{{attach_view(s-preview.jpg)}}{{br}}
{{attach_anchor_string('[+]大きい画像はこちら', 'preview.png')}}
{{endc}}

バナー管理画面に戻り、先ほど入力した内容が表示されたら成功です。あとは置いておくだけで、瓦版各所のバナー表示欄に、登録したバナーがランダムで表示されます。

{{beginc}}
{{attach_view(s-success.jpg)}}{{br}}
{{attach_anchor_string('[+]大きい画像はこちら', 'success.png')}}
{{endc}}

おつかれさまでした。