あとりえ「パ・そ・ぼ」コーナー ★ Jimdoで作ろう、ステキなページ 


2012年:サイトを作る


地図を作りました

2012/12/17

もう一つのJimdo HP の TOPに 地図を載せました。 

 → キュートな野鳥たち TOP 身近な探鳥スポット

 

これまで、プロフィールページに作成・表示していたものを、 

コピー&移動 の 手法で TOPページにも同じ地図(コンテンツ)を載せました。

作成したのがだいぶ前で、その時は すごく苦労した覚えがあります。

 → キュートな野鳥たち プロフィール 身近な探鳥スポット

 

それで、ここにも復習のため、地図をのせることに。

表示地点は、Googleのマイプレイス(MyMap)で、作成していた 音楽マップを参考にしました。

 

方法は、

1) Jimdoの 項目「Google マップ」を追加。

2) 表示したい地点(地名)を入れ、検索。

3) 目的地 に追加。

4) 地図上の ボックスの タイトルを修正し、詳細を書く

5)  2~4) 繰り返す

6) 地図の縮尺・サイズなどを整えて 保存

 

これで出来上がり  → 2012/6/16 音楽にまつわる土地の地図

 

こちらも みてね  → キュートな野鳥たち

 


Jimdoのバックアップ

「Jimdoは、公式にはバックアップ機能がない」 ということなので、諦めて 手動でバックアップしていました。

が、なんと 便利なソフトがあることが ヘルプページに紹介されていました。

 

”このページの最終更新は 2009年8月18日 (火) 09:43 に行われました。”

と書いてあるから、前から書かれていたのだろうが、見ていなかった・・・。 !!(>д<)ノ

 

Jimdoおすすめは、 HTTrack Website Copier

 

さっそく インストールして使って見ることにします。

ただし、Jimdoにはパソコン上のサイトをインポートする機能はないので、保存したデータを使って サイトを直ぐに復元することはできません。
それでも、パソコン上のデータが残っていれば、個々のページを 手動で復元することはできます。
いざという時に心強いですね!

 

ヘルプ →  「各ページのコンテンツ(内容)のバックアップを取ることはできますか?」 

 

HTTrack Website Copier ⇒ http://www.httrack.com/ 

 現在バージョン Version 3.46-1 (06/23/2012)

 


サイトマップ活用

2012/11/21

ホームページの全体が見渡せる サイトマップ がJimdo では、ページ最下行についています。

これは 便利です。 

ブログの全記事タイトルが表示されるので、

 分類(カテゴリー)ごとに表示した場合など、抜けがないか ひと目でチェックできます。

 


ページをまたいで移動

2012/11/17 

Jimdoで 「項目のコピー」ができるようになっってだいぶたちます。

 便利な機能なので、もっと早くできていれば・・・。

 

その時点で、このブログは かなり出来上がっていたので、

いまさら使うこともなく、深く調べることもしていなかった。

 

つい昨日、項目の移動がページをまたいでできると知りました。

ということは、ページ間での項目のコピーも出来るということです。

さっそく試してみましょう!


メニュー変更と中身充実

2012/10/2

 10月になったことだし、ちょっと中身をスマートにしましょう。

 

サンプル中心だったのを 通常にしていきます。

 

 「ニュース、ブログ最新情報」のページを追加して、メニューの入替え。

 Jimdoでの使い方に重点を置き、「様々なコンテンツ」の内容を 増やしました。

 「プロフィール」も ちょっと内容追加。

 全体を通して デザインを 統一、すっきりスマートにしました。

 


画像メニュー 一部のページで非表示

2012/10/2

画像メニューは、サンプル用に作ったものだったので、

 「トップページの例 A・B」 以外のページでは非表示。

 さっぱり削除したページと、

 いちおう、残してあるページも有ります。 (html書き換えで表示可能)

  


サイドバーと例A・B充実

2012/9/20

例A を もっと隙間のないレイアウトに変更。

 

本文の変更点 

本文には、例Aのページを画像にして表示。 文章追加。

 

かなり縦長になったので、それに合わせて 左サイドバーも内容を増やします。

 

左サイドバーの変更点

本文にあったリンク集を左サイドバーへ移動し、色をメニューと統一

それに伴い、ブクログのブログパーツのデザイン変更。

メディアマーカーのブログパーツを追加。(幅150)

 

例Aと左サイドバーを変更したので、例Bも充実させましょう。

左サイドバーとダブっている項目を削除し、例Bのページを画像にして表示。

 

さらに TOPページのリンクもダブっているので、削除。

 

1箇所変更すると 連動してあちらこちら 修正が必要になってきます。

手間を惜しまず、抜けがないように 作業しましょう!


Jimdoを活用するための本

左サイドバーに設置している ウィジット

 Jimdoを活用するための本

 

デザインを変更して、ほんを増やしました。

 Jimdoの本

 Web制作・管理の本

 Jimdoで連携して活用したい最新のWebサービスの本

 

小さくて見難い時は、上部タイトル Jimdoを活用するための本

をクリックすると、ブクログの本棚に行きます。


ホームと例を編集

2012/9/14

ホームページが サンプルページだったので、

新たにトップページを作成しmした。

 

サンプルページは 「トップページの例 A」 「トップページの例 B」 にして、内容を更新しました。


バナーのサンプルを作る

2012/9/9

 

「ロゴ、バナーなど」 というページが 全然手付かずだったので、

一応 バナーのサンプルを作りました。

 

2012/9/14

バナー画像を、ブログ記事からリンク表示していましたが、

これは、Jimdoでは、ダメなようで、表示が消えてしまいました。

ブログサービスのほうで表示させない仕様なのかもしれません。

とにかく、画像を貼り直します。

 


全ページにサイト名を明記

2012/9/9

Webサイトの 正式名称をコピーしようと思っても、きちんと書かれていないところって多い。

 

・ ブラウザのタイトルに書かれている

・ 画像として書かれている

 

など、そのサイトを紹介したいとき、名前をわざわざタイプしなければいけないのは、

すごく面倒くさい~。

 

せめてここは、と 各ページの 上部に 明記しました。

デザイン的に、最下部にも 明記。

 

これって ヘッダー・フッター機能でもいいのだろうけれど、一応手作業で!


「あとりえ「パ・そ・ぼ」コーナー ★ Jimdoで作ろう、ステキなページ」


  URL http://pasobo2002.jimdo.com/

 


プロフィール画像が反映

2012/8/28

今日見たら、プロフ画像が、反映されていました。

 

別のPCの IE,やGC (Google Chrome) で ページを確認。

 

ついでに、足跡帳にひとこと!


コンテンツのテスト

2012/8/28 様々なコンテンツに、 『テストページ』 を作りました。

 

「キュートな野鳥たち」でテストしていた、「Microsoft Office 文書」のテストを、

ここに移動し、内容も充実させました。

 

さすがに、「Microsoft Office」は、「Internet Explore」 と 相性がいいですね!

「FireFox」  「Google Chrome」 では ちゃんと表示できないものもあります。

 

それと、「PPT関連ファイル」に、文字化けがありました。

お手数ですが、ブラウザの、「文字コード」を変更して 試してください。 m(__)m

 時間があるときに、調べて修正します。

 

ちなみに、テスト版でない 「普通のサイトの記事」では、文字化けは重要なチェックポイントです!


Jimdoからのお知らせページ作成

2012/8/26 jimdoからのお知らせページを作成し、

Jimdo Japan の Twitter をのせることにしました。

 

8/22頃、Jimdoでトラブルがありその後復旧されたことなど、

 そのページを見れば すぐわかります。

 


足跡帳をテストしました。

2012/8/21

足跡帳のテストをしました。

「キュートな野鳥たち」のログインした状態で、コメントをしました。 

  カモメのプロフ画像が表示されています。

 

次に、ここ「あとりえ「パ・そ・ぼ」コーナー」のログインしなおして、コメントの返事を書きました。

 未だ、プロフ画像は反映されていません。

 

テストは、問題なくできました。

プロフ画像とファビコン作成

プロフ画像
プロフ画像

2012/8/21 プロフ画像作成

周囲の白い部分を広めに取りました。

Facebookページとお揃いです。

ファビコン用
ファビコン用

2012/8/21

ファビコン用画像作成  *.ico 32*32

ブラウザのタブに表示されます。

プロフ画像とお揃いですが、こちらは余白を最小限にしています。

ここでは、ちゃんと見えるように、大きいサイズをのせています。


画像つきのメニューリスト作成

2012/8/20

Jimdoで作るサイトでは、本当は必要ないのだけれど・・・。

せっかくのCMSを無視して、それぞれのページ上部に画像つきのメニューを作りました。

画像は、ありあわせなので、サイズもまちまち。

 

でも、これは、初心者の人にはハードルが高く作ることはできません。

HTMLが使えれば できますよ! と示しただけ!

 

「こんな面倒なメニューを作らなくてもいい」のが、Jimdoのいいところって、わかってほしいな~。


Jimdoの設定をする

2012/8/20

『設定』項目を、チェックして 新たに設定をしました。

  • Webサイトタイトル あとりえ「パ・そ・ぼ」コーナー、
  • ページ内容詳細
  • タグ (キーワード)
  • 画像代替文字 有効
  • copyright

ヘッダー 特に記入はなし。

ファビコン、プロフィール画像は、まだです。

DropBox、Twitter、google analytics は連携・登録していません。

 


Jimdoブログを始める

2012/8/20 昨日大まかにこのサイトを作ったので、

その経緯をメモするために、Jimdoブログを始めました。

掲載場所は、「Jimdoで作成について」にすべてを表示。

「ホーム」に最新5件のタイトルです。


最初にやったこと

Jimdoに新しいアカウントで登録して、2つ目のWebサイトを作成開始です。

 

 レイアウト選びとタイトル、スタイルの設定 <==これが一番苦労した。

 

・ TOPページ(ホーム)のデザイン 

    カラムの利用

    テーブルの利用

 

    Twitter、Facebookページ、の表示

    ブログのRSS

 

    ブログパーツ、ブクログ、Mediamarker flicker など

 

・ コンテンツ

   You Tubeのブログパーツ・・・イマイチ、直接小さいサイズで貼る方がいい。

 

・ リンクのページ ~ キュートな野鳥たちと 同じ

・ コンタクト BBSとメールフォーム

 

・ サイドバーの設定

    サイト内検索ボックス、ブクログ、Twitter、著作権明記

 

どうしても、素早く HTMLで書きたくなる・・・。 初心者のためにガマン。

 

参考 

Jimdoのリアルタイムサイト内検索を作ってみました

 


Jimdoサイト作成開始

2012/8/19 20時 2つ目のJimdoのサイト制作をすることにしました。

全く違うデザインにしたいけれど、1つ目のテンプレートは気に入っていたので、新しく作りました。

内容は、ネタがないので最初はデザイン中心です。

こちらもみてね ⇒ 2つめのJimdoサイトづくり ~ Myブログ「パそぼとベルルのあれこれフリーク」

 

今考えている内容は、「JimdoでのWebサイト作り」についてです。