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


Jimdo 新レイアウトに変更


2016/7/23 から 新レイアウトに変更

作業の状況を 書いています。

Jimdoサイト内リアルタイム検索をGoogleカスタム検索に変更

2016/07/26

「Jimdo サイト内リアルタイム検索ができない。」と不便です。

Google カスタム検索を使うことにしました。

やってみるとあっけないくらい簡単。

 1) Google カスタム検索 へ (Google アカウントでログイン)

 2) 表示に従って、検索ボックスをおきたいページのURLを記入

    サイト全体を含むときは 例 http://pasobo2002.jimdo.com/*

    必要に応じて、その他の設定も行う。

 3) 生成されたコードを、Jimdoのウィジェット コンテンツに貼る

 

2016/7/25 

Jimdo サイト内リアルタイム検索ができない。

割と最近まで (旧レイアウトで、今年になってから) できていたような気がするけれど、

今日やってみると どんな文字でも、検索結果が「0」。

  新レイアウトでも 旧レイアウトでも、Edgeでも Firefox でも ダメ。

 

新レイアウトに変更したとき 「Jimdo サイト内リアルタイム検索」を使いやすいようなてデザインを選んだのに・・・。 がっくり

 

使っているのは、

JimdoJapanの創設者、KDDIウェブコミュニケーションズの @hiromitz さん作

とても便利なJimdo専用のサイト内検索です。

 http://hiromitz.jimdo.com/ 

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

を見ると、こう書かれていました。 いつからなんでしょう?

 「※ Google の仕様変更によりこちらのウィジェットが利用できなくなりました。

 

ということは、機能しないウィジェットを載せておいても意味がないので、レイアウトを変更しなければ・・・。

 

代わりに、Google カスタム検索を置くことにします。→googleカスタム検索はこちら

 → Google カスタム検索のページ

 

アクセス数が多いなら、カウンターを置いてもいいんだけど (*^_^*)♪

  → 無料アクセスカウンター

 


Dublin作業:Edgeでの作業は不可かも

2016/7/25 昨日の続き 

 新レイアウトのスタイルで タイトル(大・中)フォントサイズ変更。

 全ページの 最上部を ラインで統一。

 内容のうち古いものを 現在に合うように、追記・修正。

 メニューの変更、現在のページ(アクティブ)に背景色をつける。

 ブログの続きを読む を控えめにしたいので 文字を小さくし、色も変更。

  → 新レイアウト「Dublin」に変更しました-2

 

Windows7のFirefoxで作業。なぜかFirefoxがフリーズすることが多い。

 Windows10のEdgeで作業。 スムーズだが 「スタイル変更」の保存ができない。

 Windows10のFirefoxで作業することにしました。

 

スタイル変更

 ・ 背景が濃いグレーだったので、薄いグレーに変更。

   最下部 Jimdo 関連の表示が白とグレーで見えなくなったので、濃い目に変更。

 

サイドバー

 ・ リアルタイム検索が使えないので、代わりを検討中。

   → Jimdo サイト内リアルタイム検索ができない

 

 ・ カウンターを設置。  → 無料アクセスカウンター

   0 から始めるのも寂しいので、Googleアナリティクスのここ1か月のアクセスとか、1日1件*4年とか考えて、とりあえず 1000件からスタート。 

   かわいめのデザイン (*^_^*)♪ (コードをウィジェットに貼るだけ)

 

Windows10のEdgeでは、

青い部分が表示されず

変更が保存できなかった。

 

<== Firefoxでは、OK


新レイアウト「Dublin」に変更しました-2

2016/07/24 2回め   「St.Petersburg」から「Dublin」に変更

旧レイアウトから新レイアウト「St.Petersburg」へ変更したものの、もっといいのがないか探しました。

 

第2候補「Dublin」は、旧レイアウトの左サイドバーを右に移動したようなデザインです。

上とサイドにメニューが分かれているより、サイドにまとまっている方が、見やすいと思います。

 

作業の様子を、新旧の「ホームページ」の画像で見比べて下さい。

 

1)これまでのホームページ(旧レイアウト)

2)左サイドバーを整理

3)新レイアウト適用し、フォントサイズ修正など (ほぼ完成)

 

左から

旧レイアウト、

 旧レイアウトでサイドバー整理

  新レイアウト

   新レイアウトで、フォントの色、サイズ変更。メニュー構成変更、アクティブ背景色つける。

 


新レイアウト「St.Petersburg」に変更しました-1

2016/07/23

旧レイアウトで作ったこのページも、そろそろ新しくしたほうがよさそう。

新レイアウトが、レスポンシブデザインになったことがきっかけとなって、リニューアルすることにしました。

 

作業の様子を、「ホームページ」の画像で見比べて下さい。

 

1)これまでのホームページ(旧レイアウト)

2)左サイドバーを整理

3)新レイアウト適用!

4)ロゴ画像追加、フォントサイズ修正など (ほぼ完成)

 

新レイアウトを選ぶときは、ほぼ全部のレイアウトをプレビューし 一番よさそうなものを見つけました。

 「St.Petersburg」です。

 

選んだポイントは、

・ サイドバーを左に置くか下に置くか。

  左ならほぼこれまでどおり、下なら別の用途での活用も考えられますが、まずは左でOK。

・ メニューとサブメニューを上にまとめるか、サブは左サイドにおくかも悩むところ。

 上だとメインコンテンツが幅いっぱいに広がり、このままでは間が抜けてしまう。

 左に、サブメニューとサイドバーを置くことで、これまでのデザインと似たデザインになりました。

 


旧テンプレートなんだけど

2016/5/30

 Jimdo からのお知らせがあり、

この機会に新レイアウトへお引越ししませんか?
もちろん、2016年7月以降もお使いの旧レイアウトは引き続きご利用いただけますが、
旧レイアウトを使い続けても新たな機能やアップデートがありませ ん。
また今後はサポート対象外となる可能性もあるため、
Jimdoではこの機会に新レイアウトへの移行をおすすめしています。

とのこと。

 

まぁ、このページは、「あとりえの生徒さんのレッスンのためのテスト用」に作成したもので、

その役目は終わっている。 

新しいレイアウトに移行しても、問題ない。

その際 使いづらいことがあれば、逆に 新レイアウトの練習にもなるし。

ただ、ここまで作ったのを変えるのがちょっと・・・、(変化を怖がるなんて年寄りくさい)

それと、作業時間がとられるのも、いやだし。

いっそ、新しいサイトを作っては? なんて思うけど。 

だったら、違うサービスを試すほうが面白そうだ。

あれこれ悩んで、結局 保留です。 ( T o T; ) 

 

【重要】旧レイアウトに関するお知らせ 2016年 5月 26日

旧レイアウトの提供について


◆ 変更予定日 2016年6月30日(木)


◆ 影響のあるお客様
 2014年8月13日以前からJimdoを利用されているお客様
 現在旧レイアウトをご利用中のお客様

◆ 変更点
>>2014年8月13日以前からJimdoをご利用のお客様
 新レイアウトとは別に旧レイアウトの提供をしておりましたが、変更予定日を以って旧レイアウトへの変更ができなくなります。
>>現在旧レイアウトをご利用中のお客様
 これまで通り旧レイアウトをご利用いただけます。ただし、変更予定日を以って別の旧レイアウトへの変更はできなくなりますのでご留意ください。
旧レイアウトへの変更や別の旧レイアウトの利用をお考えの方は、2016年6月30日(木)までに変更をお願いいたします。