あとりえ「パ・そ・ぼ」コーナー ★ Jimdoで作ろう、ステキなページ
2012/12/17
もう一つのJimdo HP の TOPに 地図を載せました。
コピー&移動 の 手法で TOPページにも同じ地図(コンテンツ)を載せました。
作成したのがだいぶ前で、その時は すごく苦労した覚えがあります。
それで、ここにも復習のため、地図をのせることに。
表示地点は、Googleのマイプレイス(MyMap)で、作成していた 音楽マップを参考にしました。
方法は、
1) Jimdoの 項目「Google マップ」を追加。
2) 表示したい地点(地名)を入れ、検索。
3) 目的地 に追加。
4) 地図上の ボックスの タイトルを修正し、詳細を書く
5) 2~4) 繰り返す
6) 地図の縮尺・サイズなどを整えて 保存
これで出来上がり → 2012/6/16 音楽にまつわる土地の地図
こちらも みてね → キュートな野鳥たち
「Jimdoは、公式にはバックアップ機能がない」 ということなので、諦めて 手動でバックアップしていました。
が、なんと 便利なソフトがあることが ヘルプページに紹介されていました。
”このページの最終更新は 2009年8月18日 (火) 09:43 に行われました。”
と書いてあるから、前から書かれていたのだろうが、見ていなかった・・・。 !!(>д<)ノ
Jimdoおすすめは、 HTTrack Website Copier
さっそく インストールして使って見ることにします。
ヘルプ → 「各ページのコンテンツ(内容)のバックアップを取ることはできますか?」
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書き換えで表示可能)
2012/9/20
例A を もっと隙間のないレイアウトに変更。
本文の変更点
本文には、例Aのページを画像にして表示。 文章追加。
かなり縦長になったので、それに合わせて 左サイドバーも内容を増やします。
左サイドバーの変更点
本文にあったリンク集を左サイドバーへ移動し、色をメニューと統一
それに伴い、ブクログのブログパーツのデザイン変更。
メディアマーカーのブログパーツを追加。(幅150)
例Aと左サイドバーを変更したので、例Bも充実させましょう。
左サイドバーとダブっている項目を削除し、例Bのページを画像にして表示。
さらに TOPページのリンクもダブっているので、削除。
1箇所変更すると 連動してあちらこちら 修正が必要になってきます。
手間を惜しまず、抜けがないように 作業しましょう!
左サイドバーに設置している ウィジット
デザインを変更して、ほんを増やしました。
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
時間があるときに、調べて修正します。
ちなみに、テスト版でない 「普通のサイトの記事」では、文字化けは重要なチェックポイントです!
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のいいところって、わかってほしいな~。
2012/8/20
『設定』項目を、チェックして 新たに設定をしました。
ヘッダー 特に記入はなし。
ファビコン、プロフィール画像は、まだです。
DropBox、Twitter、google analytics は連携・登録していません。
2012/8/20 昨日大まかにこのサイトを作ったので、
その経緯をメモするために、Jimdoブログを始めました。
掲載場所は、「Jimdoで作成について」にすべてを表示。
「ホーム」に最新5件のタイトルです。
Jimdoに新しいアカウントで登録して、2つ目のWebサイトを作成開始です。
レイアウト選びとタイトル、スタイルの設定 <==これが一番苦労した。
・ TOPページ(ホーム)のデザイン
カラムの利用
テーブルの利用
Twitter、Facebookページ、の表示
ブログのRSS
ブログパーツ、ブクログ、Mediamarker flicker など
・ コンテンツ
You Tubeのブログパーツ・・・イマイチ、直接小さいサイズで貼る方がいい。
・ リンクのページ ~ キュートな野鳥たちと 同じ
・ コンタクト BBSとメールフォーム
・ サイドバーの設定
サイト内検索ボックス、ブクログ、Twitter、著作権明記
どうしても、素早く HTMLで書きたくなる・・・。 初心者のためにガマン。
参考
2012/8/19 20時 2つ目のJimdoのサイト制作をすることにしました。
全く違うデザインにしたいけれど、1つ目のテンプレートは気に入っていたので、新しく作りました。
内容は、ネタがないので最初はデザイン中心です。
こちらもみてね ⇒ 2つめのJimdoサイトづくり ~ Myブログ「パそぼとベルルのあれこれフリーク」
今考えている内容は、「JimdoでのWebサイト作り」についてです。