ブログホームページ
ホームページビジネスブログ制作Boo-Anet看板
ホームページ制作Boo-Anetトップページ簡単更新サイトFacebook連携5万円でホームページ制作スマホサイト制作Facebookをビジネスに活用
新着情報
サイト内検索
プロフィール
永易敬三
1998年 自社ホームページPC版制作
1999年 i-modeサービス開始に伴い、自社携帯サイトを制作し通販を始める
2000年 角川書店「i-モードwalker」で携帯サイトが紹介され、その後、「日経ベンチャー」・「インターネットでお店をやろうヨ」など40冊以上の雑誌でホームページや制作者自身が紹介される。
2002年より他社ホームページの制作を始め、パソコンホームページ約110サイト、携帯ホームページ約200サイトを制作し、現在に至る。
橋本屋






文字を掲載する(JUGEMブログ操作方法)


 JUGEMホームページ(http://jugem.jp/)にアクセス。

 JUGEM ID / パスワードを入れログインする。










 「管理ページ」をクリックする。













 メニューから「記事の投稿」をクリックする。














 1.タイトル記入

 2.カテゴリーの選択

 3.文字の記入

 4.「投稿or下書き保存」をクリックで文字ページの掲載が完了します。












画像はクリックすると拡大します。ブラウザの戻るボタンで戻って下さい。


※弊社制作のブログホームページは[ログインフォーム]をブログから削除していますが、JUGEMブログをレンタルし、カスタムしていない場合はJUGEMホームページに行かなくてもブログから直接ログインできます。

画像を掲載する(JUGEMブログ操作方法)


画像の下に文字がかけます。画像の下に文字がかけます。画像の下に文字がかけます。画像の下に文字がかけます。画像の下に文字がかけます。

=========================================================
↑↑上のような写真の入れ方をご説明します。画像はクリックで拡大
=========================================================

 1.「画像アップロード」をクリック

 2.「参照」ボタンからPC内の掲載したい画像を選択する

 3.掲載する画像をクリックする

 4.「開く」をクリック

 5.「画像アップロード」をクリック

 6.画像がアップロードされました。アップロードした画像が右側に表示されています。「矢印」の画像をクリックして編集画面に画像を挿入して下さい。

画像の下に文字の打ち込みもできます。

また、この操作を繰り返し、複数枚の画像の挿入も可能です。


最後に「投稿or下書き保存」をクリックで完了です。

画像サイズは幅最大620PX(弊社制作のJUGEMブログホームページ幅)でご用意ください。
(弊社制作の場合 : 基本的に上記サイズで制作していますが、別途ホームページとレイアウトを揃える場合など変更することがあります。)
(JUGEMブログを弊社でカスタムしていない場合は使用するテンプレートにより異なります)
※ファイル容量は一ファイルにつき 10 MB が上限です。(500万画素で約2M余です)
※ファイル容量が 300 KB を超えている画像は、長辺400ピクセルに自動的に縮小されます。(JUGEM BLOG の機能)
※自動的に縮小されるサイズを自由に設定できるようになりました! 620PXに設定すれば画面いっぱいの画像が掲載できます。 


説明画像はクリックすると拡大します。ブラウザの戻るボタンで戻って下さい。
画像のサムネイル&左寄せ表示(JUGEMブログ操作方法)

写真を回り込むように文章を記入することができます。  写真を回り込むように文章を記入することができます。  写真を回り込むように文章を記入することができます。  写真を回り込むように文章を記入することができます。  写真を回り込むように文章を記入することができます。  写真を回り込むように文章を記入することができます。  写真を回り込むように文章を記入することができます。  写真を回り込むように文章を記入することができます。  写真を回り込むように文章を記入することができます。  写真を回り込むように文章を記入することができます。  写真を回り込むように文章を記入することができます。  写真を回り込むように文章を記入することができます。  写真を回り込むように文章を記入することができます。  写真を回り込むように文章を記入することができます。  写真を回り込むように文章を記入することができます。  写真を回り込むように文章を記入することができます。  写真を回り込むように文章を記入することができます。  写真を回り込むように文章を記入することができます。  写真を回り込むように文章を記入することができます。  写真を回り込むように文章を記入することができます。 写真を回り込むように文章を記入することができます。  写真を回り込むように文章を記入することができます。  写真を回り込むように文章を記入することができます。 

写真を回り込み文章を掲載する事ができます。 
※写真はサムネイル表示で掲載されています。写真をクリックしてみて下さい。大きく表示(アップした時のサイズ)されます。戻る時はブラウザの戻るボタン(左上の←矢印)で戻って下さい。

========================================
↑↑上のような写真の入れ方をご説明します。画像はクリックで拡大
========================================

上のコーナーの画像の掲載方法に「5.」の操作が加わります。

1.「画像アップロード」をクリック

2.「参照」ボタンからPC内の掲載予定画像を選びます。

3.掲載画像をクリック

4.「開く」をクリック

5.サムネイル表示の[〜ピクセルで作成する]のラジオボタンにチェックを入れる。
最大400までの数字を入れる。上記写真サイズで200ピクセルです。目安として下さい。

6.「画像のアップロード」をクリック

7.画像がアップロードされました

今回は画像をクリックしません

1.下矢印をクリックし「画像を左寄せ」を選択

2.編集画面の画像を置く場所にカーソルを持って行き、緑色の【サムネイル】をクリックします。

3.「ここに本文を入れて下さい」の文章を削除し、文章を記入して下さい。

上の例の通り、写真を回り込む文章表現が行えます。


また、1.の「画像を左寄せ」を「画像を右寄せ」を選択すれば、写真が右詰めとなり文章が左端から回り込むようになります。

最後に「投稿or下書き保存」をクリックで掲載完了です。 


説明画像はクリックすると拡大します。ブラウザの戻るボタンで戻って下さい。

HTMLエディーターでの文字表現(JUGEMブログ操作方法)
リンクを貼る(JUGEMブログ操作方法)
ホームページ制作【Boo-Anet】詳細はこちら...click!
上の「click!」から弊社ホームページへのリンクが貼られています。
下記ではリンクの挿入方法をご説明します。


1.リンクを挿入したい文字(画像)を選択します。
2.「鎖」マークをクリックするとリンクの設定ダイアログが表示されます。

URL : にリンクする先のアドレスを入れ「OK」をクリックします。
カテゴリーの追加と削除・変更について(JUGEMブログ操作方法)


当サービスでは、カテゴリーをナビゲーションボタンとして使用しています。

例えば、「婦人服」というカテゴリーを作り婦人物を婦人服というカテゴリーを選択してアップすれば「婦人服」をクリックすれば婦人物関連ばかりが表示され、ホームページの1Pと認識して閲覧いただけるようにしています。

カテゴリーの追加(ボタン=コーナーの追加)、並び順の変更をご説明します。




上記図は投稿画面です。記事の投稿のおり、カテゴリーの選択を行うボタン横「新しく追加する」から新規カテゴリーを制作することができます。



上記図はカテゴリーの編集コーナーです。(書く>カテゴリーの編集)
新規カテゴリーの追加・表示順の変更・削除は赤矢印の箇所で行えます。(カテゴリーは有ってもそのカテゴリーに繋がる記事が無い場合はボタンは表示されません。)
青矢印はカテゴリーの名前変更の場合ご使用下さい。名前を変更した場合、元々そのカテゴリーに繋がっていた記事のカテゴリーの名前も同時に変更されています。

記事(コンテンツ)の修正(JUGEMブログ操作方法)




記事(コンテンツ)の修正をする
1.管理ページより[書く] > [記事の編集・削除]をクリック  2.修正したい記事のタイトルまたは、鉛筆アイコンをクリック
記事の投稿ページへ移動します。後は投稿時と同様の手順で編集を行って下さい。
画像(写真/イラスト)の入れ替えの場合古い画像は、画像を一度クリックして選択し、キーボードの[Delete]をクリックして下さい。古い画像は削除されます。
記事の量が多くなった場合はカテゴリーなどで絞り込んだり、キーワード検索で記事を探して下さい。

記事を削除 3.該当記事右端の削除[×]アイコンをクリックして下さい。

投稿日時の変更方法(JUGEMブログ操作方法)

JUGEM管理ページ > 書く > 記事の編集・削除 と進み投稿日時を変更する記事タイトルをクリックする。

投稿フォーム直下の「投稿日時」を変更[投稿or下書保存]をクリック



JUGEMブログホームページ(本サイトサービス)ではカテゴリーにリンクされている複数の記事は新しい投稿順に上からならんでいます。

ブログホームページへアクセスして来た訪問者はカテゴリーのボタンをクリックして表示されたページ(複数の記事が日付順に並ぶ)は複数の記事とではなく1つのテーマーに乗っ取った1ページに映っているはずで、各記事は項目、タイトルは見出しとして映っています。

1カテゴリー内の記事は上から下まで文章の脈絡が続かないと自然に読み進めなくなります。
カテゴリー内に新しい記事を書き差し込みたい場合や記事の順番を変えたい場合、設置予定位置の上下の記事の投稿日付の間に日付を設定すれば差し込む事が出来ます。

また、常に一番上に設置した方が良い記事の場合、新しい記事を投稿した後、一番上に置く記事の日付を「現在の時刻を設定」をクリックし投稿すると最も上に表示されます。

Twitterと連携する(JUGEMブログ操作方法)



JUGEMブログホームページは、Twitterと連携し、記事の投稿と同時にご自分のタイムラインとフォローしてくれているフォロアー全員のタイムラインに記事タイトルとブログへのリンクアドレスがツイート(つぶやき)として掲載されます。
Twitterでは、フォロアーが気に入ったツイートだと「リツイート」されます。リツイートとはタイムラインに表示された「つぶやき」を自分のフォロアー全員のタイムラインに「つぶやき」として掲載されます。
私のフォロアーは現在1200名、一度のつぶやきは1200人の目に留まる可能性をもっています。これがまたリツイートされれば、ねずみ算式に次々とタイムラインに書き込まれてゆく可能性を持っています。

このような「口コミ」効果の期待できるTwitterとの連携方法をご説明します。
Twitterのアカウントをお持ちでない方は、Twitterのアカウントを取得してから行って下さい。
またTwitterアカウントが記憶されているパソコンで以下の作業を行って下さい。




JUGEM管理ページより、 ブログ設定 > ユーザー設定 に入って下さい。




■外部サービス連携設定 > アカウントを設定する をクリックして下さい。





「連携アプリを認証」をクリックして下さい。設定が完了すると上右図のようにTwitterで使っているアイコンが表示されます。

※インターネットエクスプローラーでは、まれに上記左図のアプリが正常に動作していないのか設定が完了しない場合が確認されています。その場合は、他のブラウザを使って再度試して下さい。

更新Pingを設定する(JUGEMブログ操作方法)

更新PINGとはブログ関連のポータルサイトへ「うちのブログを更新しました。チェックして下さい。」と知らせる機能の事をいいます。

更新PINGによってブログホームページのコンテンツが更新された事を各ブログポータルサイトに通知すると、そのブログポータルサイトの新着情報に掲載されたり、インデックス化されたりします。


JUGEMにログインし、ブログ設定 > 基本設定 > 更新情報の通知設定へ進んで下さい。
PINGサーバーの設定の「ドリコムRSS」・「Blog People」・「goo BLOG」・「Yahoo!ブログ検索」へチェックマークを入れて下さい。





下記に掲載している「PingサーバーURL」をコピーし上図の赤で囲んだ部分に貼り付け、「通知設定を変更」をクリックして下さい。

=====PingサーバーURL=====

http://ping.blogranking.net/
http://ping.fc2.com/
http://rpc.pingomatic.com/
http://www.bloglines.com/ping
http://www.trackbackcenter.com/cgi-bin/receive.cgi
http://xping.pubsub.com/ping/
http://blogsearch.google.com/ping/RPC2
http://api.my.yahoo.co.jp/RPC2
http://rpc.reader.livedoor.com/ping
http://www.blogpeople.net/servlet/weblogUpdates
http://rpc.weblogs.com/RPC2
http://ping.rss.drecom.jp/
http://www.blogpeople.net/servlet/weblogUpdates
http://blog.goo.ne.jp/XMLRPC
http://api.my.yahoo.co.jp/RPC2
http://rpc.pingomatic.com/
http://rpc.weblogs.com/RPC2
http://ping.rss.drecom.jp/
http://rpc.reader.livedoor.com/ping
http://api.my.yahoo.co.jp/RPC2
http://serenebach.net/rep.cgi
http://blogsearch.google.com/ping/RPC2
http://ping.maplog.jp/
http://rpc.reader.livedoor.com/ping
http://blog.with2.net/ping.php/
http://hamham.info/blog/xmlrpc/
http://ping.blogranking.net/
http://ping.fc2.com/
http://rpc.pingomatic.com/
http://www.bloglines.com/ping
http://www.trackbackcenter.com/cgi-bin/receive.cgi
http://xping.pubsub.com/ping/
http://rpc.pingomatic.com/