• Home
  • ようこそ
  • ブログHP制作案内
  • HP制作案内
  • お問合せ

アローズのホームページ

アローズの営業案内とブログHP制作のご案内

Posts
Comments

投稿チュートリアル(P)

この説明はテスト投稿をする際に参考にしていただくためにご用意いたしました。ブログエディターのダウンロードから、設定、実際の投稿、投稿した記事の削除までの一連の作業をご説明いたします。作業は一直線でシンプルな説明にしてありますので、万が一、エラーが出る場合には説明不足かもしれませんが、あえて余分な説明は省いています。どうしてもうまくいかない場合にはメールにてお問合せ下さい。
(※当ガイドは事前にご連絡いただいた方への説明であり、一般の方にちょっと試していただくための説明ではありません。操作環境はWindowsXP以降)

CapD20080529 1.まずブログエディターをダウンロードしてください。

ブログエディターはなんと言ってもWindowsLiveWriterが断然高性能です。しかも無料で利用できるのがありがたい。早速このソフトをダウンロードしてインストールしてください。
左の画像をクリックしてもサイトが開きます。「今すぐダウンロード」をクリックして、ダウンロードしてください。

http://get.live.com/writer/overview

200805290802262.インストールしてください。

ダウンロードした書類をダブルクリックするとインストールが始まります。(※ダウンロード書類は時期によってバージョンアップされていますので、インストールされる表示・状況が少し異なる場合があります。)
インストールが始まると、インストールする項目の選択が可能になります。よく読んで必要なものだけをインストールしてください。例えば左の画面は2つ目の画面で表示されますが、総て必要ありませんのでチェックをはずして構いません。もちろん必要であればチェックを入れたままでも構いません。インストール途中でデスクトップにアイコンを表示するかどうかなど、ご希望にあわせてインストールを完了してください。

200805290810593.インストール完了後、起動してください。

デスクトップ上のアイコン、もしくはスタートメニューから「WindowsLiveWriter」を起動してください。
起動すると左のような画面が開きます。

このブログエディターはワープロ感覚で記事が書け、そのままブログに投稿できます。通常のブログのエディターよりも大変高性能ですし、また、ホームページ作成ソフトのような面倒な操作がありませんので、覚えるのも簡単です。

4.ソフトの基本構成

このソフトは上がメニューの一覧です。ワープロなどを使っていれば、全く問題なく操作できるでしょう。右のブロックは投稿した記事一覧や下書きを保存してある記事の一覧が表示されたりします。また、画像を貼り付けた際には、その画像の調整や管理を行うことができます。画像を貼り付けた際に、貼り付けた画像自体をどの位置にどう配置するかなどの調整ができます。また、リンクの操作なども行えます。
このブロックの上の方に「≫」のようなマークが表示されていますので、これをクリックすると、開いたり閉じたりします。

20080529082349画面の一番下には小さな箱が表示されいますが、投稿する記事のカテゴリーなどを設定しま す。
カテゴリーを設定しない場合はどのブロックに記事を保存するかわからなくなりますので、記事を投稿することができません。記入しない場合には警告が出ますのでこの部分でカテゴリーを選択してください。箱の右の部分をクリックすると一覧が表示されます。

なお、2つの箱のさらに右側に上向きの矢印が表示されていますが、これをクリックすると更に細かな設定をする画面が表示されます。
広がった画面の中の操作で大事なのが「スラッグ」です。これは後で説明します。

200805290832225.ブログアカウントを追加します。

操作画面の構成が大体分かったところで早速「アカウントの追加」をしましょう。
「アカウントの追加」とは、どこのブログに誰が投稿するかを登録する作業です。このソフトはひとつのブログにひとりが投稿すると言う、限定的な機能しかないのではなく、いくつも作ってあるブログにひとつのエディターから振り分けて投稿することが可能です。

さて「ブログ アカウントの追加」は上のメニューの「ブログ」をクリックして開いたメニューの一番下にあります。そこをクリックしてください。

今回利用しているブログソフトはMicrosoftとは全く関係の無いブログソフトですので、一番下の「他のブログサービス」の左にある○(丸)をクリックしてください。クリックしたら、「次へ」をクリックして進みます。

20080529084236 次に開いた画面にブログの「URL」「ユーザー名」「パスワード」の3つを記入します。

URL:

http://konnohudousan.com/it/

ユーザー名:

guest

パスワード:

※メールにてお知らせしたパスワードを入れてください。

20080529084304 以上のものを記入したら次へをクリックしてください。設定が正しいかどうかを確認するために、ソフトが自動的にサイトにアクセスして確認します。確認する間ちょっと時間がかかります。

その間に、テストの記事を投稿して見るかどうかが聞かれますが、これは不要ですから「いいえ」をクリックしてください。総て正しく記入されていれば。これでアカウントの設定は終了です。
それでは早速、新しい記事を投稿して見ましょう。
(※「いいえ」をクリックしなかった場合には、下の方にある記事の削除方法を参考にして削除してください。)

6.ブログ記事の作成

本来、新しいブログの記事を投稿するためには上のメニューの一番左にある「ファイル」をクリックして開いたメニューの「新しい記事」をクリックして、開いた画面で記事を書き始めますが、最初の記事の場合はすでに開いている画面に記事を書くことで投稿できますので、この操作は不要です。

20080529085513一番上にある「ここに記事のタイトルを入力してください」とある部分にタイトルを記入します。
この位置に、マウスのポインタを移動してクリックすると、あらかじめ記入されている文字は消えて、文字をそのまま入力できる状態になります。そこに記事のタイトルを記入してください。

タイトルを記入したら、tabキーを押すか、もしくは、タイトルの下の白い部分をマウスでクリックすると本分が記入できるスペースに自動的にマウスポインタ移動しますので、そこで記事を書き始めます。

記事を書く方法は基本的にワープロと同じです。ホームページやブログの場合には文字揃えや文字の大きさなどの設定がワープロほど細かく設定できません。第一設定しても印刷物とは異なり、ブラウザはそれ程の表示能力がありませんので、始めから細かな設定用のメニューがない分、ワープロなどより操作が簡単です。

CapD20080529_1

文字の大きさは、あらかじめ変更したい文字のブロックを選択して反転させておき、「段落」の中から適当なものを選択して変更します。その他も変更したい文字を反転させた後、各メニューをクリックすれば変更されます。

7.画像の挿入

画像の操作はメニュー内にもありますが、マイピクチャなどに保存してある画像を「ドラッグ」して直接、編集画面内に入れてください。編集画面内にドラッグされた画像は自動的にサイズ調整されて、縮小されます。貼り付けられた画像をクリックすると、右のブロックが画像の操作用メニューに自動的になりますので、その中で必要な箇所を操作します。

例えば、初期設定では画像は縮小され大きな画像がリンクされている状態になります。これは小さな画像と大きな画像の両方がインターネット上にアップされますので、画像をクリックして大きな画像を表示させる必要の無い場合には、画像の調整メニューの一番下に表示された「リンク先」の下にある「ソース画像」を「なし」に変更する必要があります。

★よく、デジカメ写真などを貼り付けた場合には、元の大きな画像までその都度アップロードされ、不要なデータを送ってしまう場合がありますので注意が必要です。

また、何枚も画像を貼り付ける場合に、左側に同じように揃え、文字との空きを同じ分だけ開けたいなどと言う場合には、最初の1枚を貼り付けてその写真で揃えや空きを設定した後、画像調整メニューブロックの一番下にある「設定を規定値として保存する」をクリックするとその設定がそれ以降に貼り付けた写真にも反映しますので便利です。

8.プロパティの設定

プロパティとは投稿する記事の属性です。その記事がどのカテゴリーに表示され、どのようにURLが表示されるかなどを設定します。これらを設定することで、ブログ全体のどの位置にどう表示されるかが決まります。決めておかないとブログ内の行方不明の記事になってしまいますので、特にカテゴリーを設定しない記事は投稿されません。

ここではカテゴリーは「ゲスト投稿」を選択してください。

また、できるだけ「スラッグ」を記入してください。スラッグは右下にある上向きの矢印をクリックしてプロパティ設定画面を広げないと表示されません。
これはURLに表示される文字です。日本語は表示されませんので、原則として英数小文字で記入してください。面倒な場合は、日付などを「20080528」のように記入すれば簡単です。本来は書いた記事の内容を表すキーワードを英語で記入するのが適切な表示です。

例えばここでは「guest」と記入してください。

9.記事を投稿します。

記事の投稿は上のメニューの2段目の一番左にある「投稿」をクリックするだけです。後は自動的に投稿されますので、何も操作する必要はありません。

カテゴリー選択をわすれて投稿ボタンを押した場合には警告が表示されますので、一旦投稿をキャンセルした後、下の欄の「カテゴリの設定」でカテゴリを選択してください。

10.投稿した記事の確認

投稿ボタンをクリックした後に自動的にブラウザが開き投稿画面が開きます。が、、、

通常は、「投稿」をクリックした後に、投稿したサイトが自動的に開き記事が表示されますが、ここでご利用いただいているサイトは「デモサイト」としてちょっと設定を変更しています。そこで、投稿後、開いた「金野不動産IT企画室」の上のメニュー「ブログ」をクリックすると、テストで投稿した記事が表示されているはずです。

11.ミスの修正

投稿した記事の中に間違いがあったり、変更する場合に、ブログのサイトに行って変更する必要はありません。先ほどまで書いていた記事を変更し、再度「投稿」をクリックすれば自動的にサイトに修正データが送信されます。変更の都度、サイトが自動的に開きます。(トップページが開きますので、ここでもやはり「ブログ」をクリックする必要があります。)ですから、記事の修正も大変簡単です。

12.投稿の削除

このブログエディターのすごいところは、記事の削除も簡単にできることです。
簡単に記事が消せると言うことは、逆に言えば、誰か第三者がブログに記事を投稿する操作ができる場合、間違って記事を消す可能性もあるということを覚えておきましょう。

記事を削除する場合には、上のメニューの「ファイル」をクリックして、「開く」をクリックします。
開いた画面の左にあるブロックの中に「金野不動産IT企画室」が表示されますので、これをクリックしてください。(※ご自分のブログを登録した場合、そのブログ名が表示されます。)
クリックしますと、右のブロックにテスト投稿した記事名が表示されます。表示されない場合には上の「記事」のところがチェックされているかどうか確認してください。「記事」をチェックすれば表示されます。

右のブロックに表示されたテスト投稿した記事のタイトルなどをクリックすると、その部分が青く反転されます。反転した状態で、上にある「削除」をクリックすると、確認画面が出ますので、「ハイ」をクリックすれば最終的に削除されます。
この場合、表示されていた投稿用記事も削除されてしまいますので、パソコンの中の記事を削除したくない場合には、メモ帳などを利用して保存してください。
これは本来は、パソコンの中の記事は削除せずに、ネット上の記事だけ削除したい場合には、ブラウザでブログの管理画面に入って記事を削除すれば済みます。

■お疲れ様でした。

操作はどうでしたか?
うまくいかなかった場合にはメールにてお問合せ下さい。また、分かりにくい場所が合ったらお知らせ下さい。参考にさせていただき、分かりやすく書き直します。

  • 最近の投稿

    • 「奥玉ネットライフ」を更新中!!こちらもご覧ください。
    • 投稿チュートリアルを作成しました。
    • ブログエディターのすすめ
    • 無料でDTPを始めて見る、これって無謀?!
    • 公的機関はOSの利用から配布へ!!
    • 「オープンオフィス」が節約の旗手!
    • Linux/Ubuntuもお勉強
    • arrows.kesen50.com再開!!
  • カテゴリー

    • OSの問題点
    • あれこれ
    • お知らせ
    • オープンオフィス
    • オープンソース
    • ブログエディター
  • ページ

    • Blogエディター
    • HP作成ソフトを買わずに済ます!!
    • PC環境整備を!
    • お勧めするCMSラインアップ
    • へなちょこWEBデザインへの道
    • オフィスソフトを買わずに済ます!!
    • ブログHP制作案内
    • ブログエディターの基本操作
    • ホームページ制作の道具たち
    • 投稿チュートリアル(P)
    • 無料でネットショップ作り
    • 画像ソフトを買わずに済ます!!
  • アーカイブ

    • 2008 年 8 月
    • 2008 年 5 月
    • 2008 年 4 月
    • 2008 年 3 月
  • RSS CMSWAVE

    • WordPressが嫌いな訳は、オープンソースだから?はぁ・・・。
    • CMSユーザー拡大と縮小の分かれ道?
    • 今、WordPressのテーマ制作方法が大きく変わりそう!
    • SkyBlueCanvasはまだ使い物にならない、と思うけど・・・。
    • 地方で求められるCMS?
    • InkTypeをチェックしてみた。
    • WordPressテーマをチェックして・・・。
    • サイトの変更とブログHP制作サービス
    • SkyBlueCanvasなど小規模サイト用CMSをチェック
    • TYPOLightに悪戦苦闘!それにつけてもMODxは確かにいい。
  • RSS 奥玉日記

    • 臨時野草園になった気分で、採取と植え付けをした。
    • 草の名前がわからない!!
    • 裏返っちゃだめと言う音楽文化?!
  • メタ情報

    • ログイン
    • 投稿の RSS
    • コメントの RSS
    • WordPress.org

アローズのホームページ © 2008 All Rights Reserved.

HomeSweetHome made free by Memphis Apartments