ホームページのタイトルと説明文を変更します。

検索エンジン対策でも、ホームページユーザーに為にも、具体的で興味を引くタイトルをつけましょう。

長文は弱さにつながります。

後からでも修正できるので、最初から完璧を狙わないようにしましょう。

変更方法

ダッシュボード　＞　設定　＞　全般　＞　名前と説明を変更　＞　変更を保存をクリック　＞　再構築

カテゴリとは、情報を仕分けするファイルのようなものです。

カテゴリいくつも増やすことが出来ますが、あまり多いと反って混乱するのでシンプルに行きましょう。

カテゴリ１　～　カテゴリ５までは、

トップ画像の下にある、５つのリンクに掲載されるように設計されています。

先ずは、カテゴリ１　～　カテゴリ５の説明文を変更しましょう。この部分を変更すると、

が反映されます。

変更方法

ダッシュボード　＞　一覧　＞　カテゴリ　＞　カテゴリの編集画面で、カテゴリ１をクリック

名前はカテゴリ１になっています

説明の所を、９文字以内で変更してください。　具体的に分かりやすく。

変更を保存ボタンをおして設定を保存。

 設定を有効にするために再構築してください。のメッセージが出ますので、再構築　＞　すべてのファイルで再構築を行ってください。

ＷＥＢページは、地図、連絡先、プロフィール、特定商取引の表示など、動きの少ないページを構成するときに使います。

このホームページでは、一番上の、連絡先や地図。　一番下の、横列のリンクが、ＷＥＢページの指定席です。

ブログ記事は、日記のように、記事を書き足していきます。

日記以外にも、

・　お客様の声
・　よくある質問
・　研究レポート
・　イベント情報
・　営業日記
・　新製品情報
・　プレスリリース

などは、ドンドン記事を更新したほうが、お客様からの信頼を得ることが出来ます。　

新しいブログ記事を書く場合は、

ダッシュボード　＞　新規作成　＞　ブログ記事　＞　新しいブログ記事を作成　＞

タイトルを入力し、本文の枠内に記事を書いていきます。　

文字を大きくしたり、太文字などの装飾は、記入欄の上の各種ボタンを利用します。

【　注意　】　

ごちゃごちゃした印象を避けるためにも、文字の装飾は最小限に留めましょう。

記事を２つに分割して表示したい場合は、　＞　続きのタブをクリックし、枠内に続きの記事を書いていきます。　記事がとても長文な場合には、本文と続きとを分けたほうがいいでしょう。ニュースサイトなどでよく使われていますね。

本文中に写真を入れるには、２通りあります。

１－　新しい写真を入れる場合

２－　以前使った写真を入れる場合

１－　新しい写真を入れる場合の操作方法

写真を起きたい場所でクリックして　＞　画像の挿入ボタンを押します　＞　画像の挿入の小画面が開き　＞　+新しい画像をアップロードをクリック　＞　参照ボタンを押して　＞　あなたのパソコンのフォルダを選択して、入れたい写真を選択　＞　開くボタンを押す　＞　アップロードボタンを押す　＞　ファイルオプションから、写真の説明文を入れる　＞　完了ボタンを押す

２－　以前使った写真を入れる場合の操作方法

写真を起きたい場所でクリックして　＞　ダッシュボード右上の「画像」　の文字をクリック　＞　このページからほかのページに移動しますか？　という警告画面がでるので、ＯＫをクリック　（これらの操作をする前に、保存ボタンを押しておけば、このメッセージはでてきません、念のために小まめに保存ボタンを押すようにしましょう）　＞　

写真の一覧が出てくるので、入れたい写真を選択し、記事の記入スペースにドラッグして完了です。

【　注意　】　

お使いのパソコンによっては、写真を選択すると、真っ黒くなる場合がありますが、ドラックして入れること可能です。

本文中のリンクを張るには、リンクを張りたいテキストや画像を選択し　＞　リンクの挿入/編集ボタンを押します。

リンクの挿入/編集の小画面が開いて　＞　一般タブ　＞　リンクＵＲＬにリンク先のアドレスを入力します。

別ブラウザでリンク先のホームページを開きたいときは　＞　ターゲットの右端のボタンをクリック　＞　新しいウインドウで開くを選択します。

挿入ボタンを押して終わり

無償なのに、使える機能が充実し、しかも軽快に動くフリーソフトです。

http://www.fenrir.co.jp/pictbear/

無料なので、ダウンロードしておこう。

デジカメで撮った写真をそのまま、WEB用に使うと、ファイルサイズや、画像の大きさがでかすぎて使えません。必ず、写真加工のソフトを使って、WEB用に最適化しましょう。

デジカメで撮った写真を、WEB用に小さく圧縮してみよう。

PictBearを立ち上げる　＞　ファイル　＞　開く　＞　フォルダが開くので自分のパソコン内から、写真を選ぶ。

デジカメの写真を読み込んだところ。

そのまま使えそうな気がするが、使ってはダメ、右上の○○％　と表示して縮小して表示されている。

100＆表示にしてみた。

この写真を、WEB用に、小さく圧縮していく。

イメージ　＞　イメージのリサイズ　＞　　

圧縮した写真は、WEB用として、別のファイルを書き出そう。

ファイル　＞　エクスポート　＞　JPEGファイルの書き出し　＞　品質のところのスライダーを動かして、元の写真を更に圧縮していく。

圧縮が大きいと、ファイルサイズは小さくなるが、画像は荒くなる。ファイルサイズと画質の見栄えの両立がとれた位置にスライダーを合わせよう。　一般的には８０～９０％前後に合わせるといいかも。

写真は、わざと圧縮比を12％にしてみたところ、画像は相当荒れて使えない。

適当な圧縮％を選んで、保存。これでこの写真をWEB用に使えます。

トップ画像・左カラムの変更ツールで、
ローカルのファイルをアップロードできるようにしました。

792px × 307px の画像を作ってアップすることで
オリジナルバナー画像の入れ替えができます。

ここではPictBearという無料の画像加工ソフトを使って
オリジナルのバナー画像の作成手順をご紹介します。

PictBearのダウンロードはこちらから。
http://www.fenrir.co.jp/pictbear/

●オリジナル画像の作成方法●

使いたい画像をパソコンの中から選んで開きます。

PictBearを立ち上げる　＞　ファイル　＞　開く

　　　　　　　　　　↓

画像そのものが大きいのでサイズを変えましょう。

イメージ　＞　イメージのリサイズ　

(≪デジカメの写真をWEB用に圧縮する≫もご参照ください）

　　　　　　　　　　　↓

次は、縦サイズを307ピクセルに切取ります。

（注：先ほどは縮小、こちらは切取り）

イメージ　＞　キャンパスのリサイズ　

設定した新規画面が表示されました。ここに画像や文字を入れていきます。

　　　　　　　　　　↓　

文字を入れましょう！

カラーパレットを表示して文字色を選びます。

そして、Aのアイコンをクリックすると

テキストボックスが開きますので 文字を入力してください。

　　　　　　　　　　↓

文字を追加していきましょう

ポイント：多くを書くよりも必要な情報に絞るのが効果的です。

　　　　　　　　　　↓

いよいよ、アップしましょう

トップ画像・左カラム　＞　トップ画像・メニュー文言設定画面 を開く

http://8739.org/bxtq/edit.php

パソコンから画像を選択して、送信をクリックすると・・・ 

　　　　　　　　　　↓

これで完成！

フリーエリアの内容を変更できます。

編集画面の「トップ画像・左カラム」に入り、該当の箇所を変更します。

■わかりやすいタイトルをつけてください。

■フリーエリアはPR効果の高い重要な場所ですので

　有効に活用することをオススメします。

　（注・画像の挿入にはIDとパスワードを要求されます）

◎フリーエリアの活用例

・メルマガの案内 

・写真を付けてプロフィール

・別ページや別ブログなどへの誘導

　　　　　　　　　　　　　　　　　　　　↓

左側に「最新のイベント情報」として表示されます。

　　　　　　　　　　　　↓

そこでのメールアドレスの取得方法です。

やすなおさん、記事頼む

新規作成→ファイルのアップロード　から、Flash動画をアップロードします。

 その後、一覧→アイテム　から、アップロードしたFlashファイルを探し、
ファイル名をクリックして詳細を表示します。

「アイテムの埋め込み」と書いてある部分をクリックすると、
Flash動画のURLが出てくるので、それをコピーします。

その後、YouTubeビデオと同じように、右から3番目のボタンを押し、
タイプを「Flash」とし、先ほどコピーしたURLを入れます。

挿入を押すと、記事編集画面に黄色い枠で挿入されます。