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


トップページの例 A


 トップページの例 デザインA

 

トップページに多くの内容を盛り込むデザインです。

本文部分を、横に区切った部分ごとに 2~3列にカラム分けしています。

 

この例の特徴

 

・ トップページに、多くの情報を載せるデザイン

   トップページに、サイトの概要と最新情報を載せる例です。

   サイトを訪れた人がこのページだけで、情報を得ることができます。

   上下のスクロールが多くなりますが、クリック移動は少なくてすみます。

 

・ 上部に画像つきメニューを置いたこと。

   Jimdoのテンプレートの左サイドバーのメニューとダブっています。

   Jimdoの別デザイン 上部に横にメニューがあるタイプなら、

    メニュー直下に画像を並べることができるかもしれません。

    まだ、試していませんが・・・。

 

・ 横に区切った本文それぞれをカラムで縦割りにしたこと。

   それぞれの部分でカラム幅を調性できるので、柔軟なデザインが可能です。

 

・ Jimdoのブログ機能の記事をピックアップして掲載。

   これは、カラム表示はできませんし、文字サイズなども既定のままです。

 

トップページに多くの内容を盛り込むポイントは、

・ トップページだけで、サイトの内容を一覧できること

・ サイトの更新した部分がはっきりわかること

・ 新しい情報は、このページに集約していること

 

上下スクロールは必要ですが、クリックでのページ移動が少なくてすみます。

 

Jimdoでは、全ページ共通のサイドバーがありますので、あとの部分を縦にカラムでわけて使います。

 

このデザインでは、左メニューのテンプレートを採用。 

 メニューとサブメニューが左上にまとまっているのが使いやすい。

 

更に、上部にイラスト付きのメニューの要望があったので、

 メインメニューと同じメニューをサンプルとして作りました。

画像つきメニューの例
画像つきメニューの例

 

 

 

 

 

ここで使っている画像は、サンプルなので 統一性はありません。

実際は文字だけの画像、バナー風、イラストなどで統一しましょう。

全ページに、このメニューを使ってください。

 

トップページの例A
トップページの例A

使っているJimdoの項目

 

例A 本文

・ タイトル

・ 文章  ・ 写真つき文章

・ カラム ・ 表

・ Jimdoのブログ

・ ウィジット

 

左サイドバー

・ 文章  ・ 写真つき文章

・ ウィジット

・ Twitter  ・ Facebook

 



Jimdoで作ってみよう

Jimdoでホームページ(Webサイト)を作ってみましょう!

 

 初めての方でも、Jimdoなら、簡単にできます。

 最初に、サイトの目的、見て欲しい人(ターゲット)をはっきりさせましょう。

 

 出来上がってからの、更新が重要です。

 

Facebook、Twitterなどと連携して、常に新しい情報を!

 


トップページのデザイン

まずは、レイアウトを選びます。

今回の条件は、

・ 左サイドバー

・ メインメニューの下にサブメニューが表示される

・ 2カラム

・ すっきり

おすすめの本

 2017/1/6

ウィジェットは無効にしました。

2016/12/24
Jimdoの変更に伴い、ウィジェットが表示できなくなっています
修正はこれから行いますので しばらくお待ちください。 m(__)m
詳しくはこちら → 

HTTPS、SSLサーバー証明書の対応ついて 



これは、すっきり 左サイドバー

色は変更できないらしい。

第一候補

トップに太いライン

後は、F4081と同じ

だが、印象はずいぶん違う。

人間工学的に言うと、視線はZで移動します。トップ左上にサイトのタイトルを持ってきてオリジナル画像(ロゴ風)にしましょう。

サイドバーは、右か左かは好き好きです。

マウスを右手で持っているので、右のほうが近いし、画面を横切らないのでいいかもしれません。

今回は、試しに左にサイドバーをおいてみました。

ちなみに私のブログでは、右サイドバーが多いですね。

ホームページは、左にメニューがあります。

 


サイドバーのメリハリがいい。

サイドバーがおしゃれ

メニューの構成は重要です。

従来のサイト作成では、ページの配置を変えるとリンクを貼り替える作業が大変でした。

Jimdoのような「CMS」システムでは、それがいとも簡単にできるます。

メニューの前後や上下移動、表示・非表示が簡単に変更でき、即ビジュアルで確認できます。

納得がいくまで、調整しましょう!

消さずに非表示にして置けるので、作業メモを書くページにも使えます。


--------------------------------------------------------------------------------------------------------------

コンテンツ

TOPページには、どんなコンテンツを載せればいいでしょうか?

Topページはすっきりしてページのイメージを伝えればいいと考える人もいれば、目次(メニュー)の役割が主のもの、TOPページにすべてをてんこ盛りにして多くの情報を伝えたいと考える人もいます。

 

ただし、TOPページにFlash画像だけ、それもスキップボタン無しは、よくありません。

見る側は、散々待たされた挙句、見たい内容があまりなかったら 2度と来ないでしょう。

映画の公式ページはこのタイプも多いけれど、スキップできるようになっています。

 

Jimdoでは、簡単にコンテンツを追加できます。

自分のアカウントや興味のあるFacebook、Twitterを表示さましょう。

ブログパーツも、サイドバーや本文中に取り込むことができます。

 

キュートな野鳥たち
キュートな野鳥たち
あとりえ「パ・そ・ぼ」のWebページへようこそ!
あとりえ「パ・そ・ぼ」のWebページへようこそ!

--------------------------------------------------------------------------------------------------------------

あとりえのひな祭り

「あとりえ」には、リアルなおひなさまも飾っています。

新しく仲間になったのは、豆親王雛。
陶芸教室で 作りました!
 ⇒ Myブログ:陶芸教室:9回目

めも:2018/02/18 CX2 で撮影



 そして 秘蔵のコレクション!?です。

☆ 「山口の大内人形」 ~ 漆に蒔絵 
  コロンとした形が かわいいです。
  お小遣いの範囲で一番小さいものを買ったような記憶があります。


☆ 「鹿児島のさつま郷土人形 糸びな」 ~
  衣装は紙製ですが豪華な感じ
  図柄は物語絵巻の一こまのようです。
  お顔がイマジネーションをくすぐりませんか? 
  流し雛に使われていたのでしょうね。

めも:2006年に撮影



 → 大内人形について | 長州苑 ・ 大内人形

 → 薩摩糸びな ・ 薩摩糸雛: 鹿児島大学総合研究博物館 から
・ かごしま歴史街道vol.10 - 鹿児島西ロータリークラブ
・ 九州のひなまつり(3) - 薩摩の土人形
 

2月の風物詩と花暦

 2月の 風物詩

 

  

  2020年 2月

 今年は うるう年 2/29まであります。

 

  2月 といえば

   節分 と 立春

   バレンタインデー

 

 お雛様も準備しなくっちゃ!

 立春から2月中旬に飾るそうです。

 また、二十四節気のひとつ

「雨水(うすい)」2月18日、19日

 に飾るとよいともいわれるとか。

 

 バレンタインデーが終わって

 落ち着いたら、飾りましょう!

 

 2/15~3/3 ひなまつり 
桃の節句と雛祭り

 




2月のテーマ ~ 手作りバレンタインデー (お絵かきブログへ)

バレンタインデーのプレゼントは手作りで! ハートをキャッチするカードを作ろう!
レシピを探して 手作りチョコ ⇒ 超簡単チョコレシピ
地球の自然環境を考えたチョコをゲットしよう
【フェアトレード】 商品がおすすめです! ⇒ フェアトレード(公平貿易)とは

 

2月の花暦 シクラメン   


Gooブログフォトチャンネルは表示しない

Gooブログの フォトアルバムがリニューアルしたので、

ここ Jimdoに 載せることができるかと試してみたけれど、

表示しなかった。

Jimdo コンテンツの 「文章(HTML編集)」 「ウィジェット/HTML」 どちらにコードを貼ってもだめ。

残念。!!(>д<)ノ

 

こちらをご覧くださいね →  「おいしいもの イラスト展」

 

クリスマス飾りやイルミネーション

早くも11月から街を彩る様々なイルミネーション。

クリスマスツリーやデコレーションも楽しいですね!

 

ブログもご覧ください 

  ★ → X’masツリーを飾ろう:2019

  ★ → 12/1 イルミネーションを飾りました:2019

  ★ → 2019年クリスマスツリーの飾り募集!

 

蝶や蜂など



2017/1/6 ブログ「あとりえ「パ・そ・ぼ」のITノート」は、 休止中なので ウィジェットは 削除しました。


 

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