ホームページの作成・更新履歴 (2015/2~)

(このHPの作成メモです。 作成のお手伝いはあとりえ「パ・そ・ぼ」 )



JimdoブログのタイトルとURLのこと

2019/2/6

Webサイトのページをブラウザで見ると、一番上のタブにタイトルが表示されています。

その下に URL が 例えば 「https://timothy-sarah.jimdo.com/」のように 表示されています。

 

Jimdo のブログの場合は、URLが自動で作成されるので、全く気にしていなかったんですが、

タイトルと URL が違っているのを発見しました。

それというのも、英数字の並んだURLが、一部 日本語表記になっていて 初めて気づいたわけです。

 

違っている原因は、

ページの作成時 別の文字を書いていて、その文字がURLに採用され、

その後の 「記事の書き換えはURLに反映されていない」 ということのようです。

 

手動で URLを変更できるので やってみました。

 

以下 作業の様子です。

 

 

 1)タイトル と URL の 日本語表記が

 違っています。

 

 どうして?


続きを読む

絵本のAmazonリンク修正

2019/2/2

絵本の個別紹介(Jimdoブログ利用)のページに使っていたAmazonのコードが古くなったため、差し替えました。

(画像リンクとテキストリンク:短縮URL)

 

詳細

カラム 左側の文章コンテンツ に 

タイトル(テキストリンク)

画像HTMLコード(画像リンク サイズ中)

を コピペ して 中央揃えに整形

 


新作「かあさん・・」のための作業

2018/3/28,29 メンテナンス作業。
やったこと
新作絵本「かあさんがすきだった木」 の 紹介 のため Amzonコードを 以下の2カ所に貼る
・ 「ティモシーとサラのシリーズ」ページ の 
   カラムコンテンツ 左のJimdoウィジェットコンテンツにAmzonコードを貼った。
   右の文章コンテンツに文章を記入すること。
・  Jimdoブログに、「かあさんがすきだった木」を複製作成し、
   カラムコンテンツ 左の JimdoウィジェットコンテンツにAmzonコードを貼った。
  右の文章コンテンツと
  下の文章コンテンツに文章を記入して、ブログを公開に変更したら、
  「おおきなほん」ページ と 「2011~2018」ページに表示されるはず。
 * TOPページとニュースページも 同じにするか? 現状のまま(画像を使う)かは 要検討。
・ リンクページの修正
・ 「ティモシーとサラのシリーズ」ページ の本タイトルリスト(Tableで作成)に
   新作を追加 (文字の整列と背景の色つけのため Table形式を採用している)
    ~ ~ ~ ~ ☆ ~ ~ ~ ~ ☆ ~ ~ ~ ~
やること 
 A) 上記ブログ「かあさん・・・」を公開したら、本一覧などに リンクを追加
 B) 「かあさん・・・」ページ 新規作成し 以下を 載せる。
    作者の気持ちや制作の話など
   D) で新規作成する「表紙について」「絵本のできるまで」へのリンクを作成
 C)「かあさん・・・」の 「表紙について」 と 「絵本のできるまで」 の コンテンツを 作成
 D) <案> 「表紙について」 を 「かあさん・・・」(メイン)「としょかん・・・」(サブ)に構成変更
    「絵本のできるまで」 も 同様に構成変更
 
その他 やりたいこと
 くうちゃんとかんた 
  両側から進んでいくスライドショー または GIFアニメ 作成
 TOPページ スライドショー ?

HTTPs に 変更作業

2017/1/8
 Jimdo HTTP を HTTPs に 変更作業

 

 一応 完了。 (Amazonの本の紹介は現行のまま)
1) カウンター 削除 
2) サイドバーのカウンターとフッターのMy本棚ウィジェット削除
3) HTTPS対応 Google 作業 OK
4) Google Analytic でこれまでのアクセス状況 確認

コンテンツのコピペがやりづらい

コンテンツのコピペが簡単にできる「貼り付け」機能があるといいのだけれど。

 コンテンツの複製は、
1)コンテンツ左のコピー(複製)ボタンで同じものを作る ~ これは簡単便利!

2)1)で複製したコンテンツを、一旦クリップボードに移動、~ 初心者はマウス操作が難しい。
  (移動せずクリップボードへ保存できるといいですが・・・)

3)複製したものを貼る作業(クリップボードからの移動)~ これは思い通りの場所に移動するのがすごくやりづらい。(ToT)

★ 「コンテンツの追加」で出てくる要素に、「貼り付け」機能を付け加えるなど改善して欲しいものです!


新機能使えないね・・・。

2015/06/21

5/11のお知らせに

 「機能追加:全体イメージを簡単に変えられるスイッチ追加

と書かれています。(新レイアウトのみ)


以前から、ボタンやラインの色を変更したかったので、
これはラッキーとやってみたが、ダメでした。

新機能は、全体一括変更と個別変更の切り替えスイッチがついたことで、
肝心の変更機能は 以前のまま。
2015/03/12~3/13に苦労して試した時点と何ら変化なし・・・。


Twitterをテスト中

2015/06/11 HPの更新などをお知らせするのに便利かと Twitterを検討しています。

とりあえず、IDを取得して、少しつぶやいた後、絵本や趣味に関するものをフォロー。


Jimdoのテストページに、Twitterでのつぶやきを表示してみました。

 A) Jimdoの コンテンツ「Twitter」を追加します。

 B) もう一つの方法として、Twitterの設定で作成するウィジットです。(ユーザーのタイムライン)

どちらが、いいか これから 検討します。



外国語の絵本を調べました

2015/06/07 ティモシーとサラ(timothy & sarah) が翻訳された 外国語の絵本 について調べました。


Google検索とGoogle翻訳 を使いました。 


You Tube まで見つかったのにはびっくり!



Twitterウィジェットをテスト

サイト(HP)を再訪問した時、新しく書かれた箇所をみたいですよね。

HPの最新情報がわかるように、Twitterを活用する計画をたてています。

文章や絵などを追加した時に、そのページに簡単にアクセスできるようにするためです。

 

テストとして、「ニュースのページ」に Twitterウィジェットを載せました。

Jimdoのコンテンツ「Twitter」では、詳細設定ができないため、

Twitterの 『埋め込みタイムライン | Twitter Developers』を使います。

 

将来は、Twitterアカウントをとり、つぶやけば OKです。

 

絵本については、1冊づつ Jimdoブログに書いています。

それには、シェアボタンをつけました。

見てくださった方が、Facebookや Twitter、Google+にシェアしてくださると嬉しいです。

(記事ごとの URLが 紹介されます) 



記事や画像を追加しました。

2015/06/04

 メニューに 「その他の絵本」を追加

 「ティモシーとサラのシリーズ」の分類を見直し、リストの修正

 ボトムのリンクボタンに「外国語の絵本」追加

 「ホーム」~TOP画像(サイン入り)をWordと画像編集ソフト、キャプチャーツールで作成し差替え

 

 登録している Google Analytics を見て、サイト訪問者の状況などを確認

   参考「Googleアナリティクス使ってる?」 ~ パそぼとベルルのあれこれフリーク

 

  2015/4/20頃に、ポプラ社サイトポプラ社Facebookページで紹介され、アクセスが増えています。(*^_^*)♪

   → 『2015年04月17日 「ティモシーとサラ」のホームページが公開されました

 

 絵本のイラストを「画像倉庫」へUP (Amzonに画像がないもの)

 

2015/06/05

 「ティモシーとサラのシリーズ」のサブメニュー「その他のサイズの絵本」を「楽しい絵本」に変更。

  大小分類以外の絵本やDVDを追加

 ボトムのリンクボタン「その他のサイズの絵本」を「楽しい絵本」に変更。

 

 画像倉庫にUPされた本を、絵本のブログ記事に組み込む (imgタグ利用)

 えほんのリスト(table)の修正

 その他、細かい修正


メモ

 画像を「画像」コンテンツにUPする時、縮小ボタンと拡大表示ボタンを押すと、縮小画像が保存され、拡大画像の使い回しはできない。

(使いまわす場合は、最大必要サイズをUPして、img タグでサイズ指定すること)


 


画像のバックアップ

2015/04/22

以前に、主要な画像を「画像倉庫(非表示)」にバックアップしました。

今日は、「ティモシーとサラの世界」の25枚の画像をバックアップしました。

コンテンツを誤って削除しても、Jimdoにアップした画像は、残っているはずなので、

再利用できると思います。

何度も同じ画像をアップして、容量を無駄遣いしないための対策です。

ただし、バックアップした画像では、Jimdoの「写真」や「写真付き文章」などの機能で、

再度コンテンツを作ることはできないと思います。

「文章」にコピペは、できます。(*^_^*)♪



本のボタンを下の共通エリアへ

2015/3/25

本のボタンを下の共通エリアへ移動

サイズ別の本リストを Jimdoの「表機能」で作成

個別の本ブログへリンク作成


絵本のサイズごとのページ作成

2015/03/24 21時

絵本を年代別に分けたページを作っていますが。、

本のサイズごとに分けるのもよさそうです。

さっそく作ってみました。 Jimdoブログ、大活躍です!

 → ・大きな絵本   → ・小さな絵本  → ・その他の絵本

ボタンも作りました。


Jimdoの文字化けは、治っていますが・・・。


    ~ ~ ~ ~ ☆ ~ ~ ~ ~ ☆ ~ ~ ~ ~


2015/03/24 14~19時

ページ下部の Mediamarkerのブログパーツを リニューアルしました。


ホームページの画像の位置を検討。


スマートフォンで、ホームページを閲覧。 ブラウザ表示など。


ティモシーとサラのページのもととなるJimdoブログ記事に、作者の言葉を書き足し、内容を充実しました。

Jimdoブログの個別記事の編集方法を、練習しました。 順に更新していきます。 

個別記事の表示方法は、以下の2通りです。

 ・ 右ツールバー利用、

 ・ 記事タイトルをクリックして個別記事を表示


イラストを並べてMovieMakerで動画を作成、You Tubeにアップしてから、Jimdo 「テスト」ページにのせました。

表示サイズがイマイチなので、保留です。


作業中に、HPタイトル、ナビゲーション、Jimdoブログタイトルが 「?」に文字化け。

PCの IE GChrome 、Nexus7 のGChrome が軒並み 文字化けし、真っ青です。

Jimdoのトラブルでしょうか?



絵本個別ページにイラスト追加

2015/03/15

テストです。

絵本の個別のページに、登場人物紹介のイラストと文章を入れてみました。

文章は、これから修正していく予定。

書式なども、統一せず、どれがいいか検討中。

 

また、「HPについて」ページを、「プロフィール」ページの子ページに移動してみました。


HP内の文中に このHPのページ間のリンクを張って、ページの移動ができるようにしました。


絵本シリーズ個別ページ追加

2015/03/12~3/13

 ・ 「ティモシーとサラのシリーズ」のページ 親ページと子ページを作成

  子ページについて

   Jimdoブログで、絵本シリーズの個別ページをほぼすべて作成

   カラムを利用し、Amazonの画像と商品説明 (「リンク先は別タブで表示」に変更しました)

   作者の言葉は、これから順次追加予定

   Jimdoブログは、ひな形を作ってコピーできるのが、便利。

   ただし、コメントの設定は各ブログ記事ごとに行うこと

  

 

  親ページについて

   内容を整理し、Jimdo新機能のボタンで、年代別ページにリンクさせる。

   ボタンの色は変更不可のようです。

 

 ・ コメントなどのボタンは、形・色など変更可能なので、長方形を楕円に変更しました。

 ・ 「ライン」のスタイルや色は、変更不可のようです。

 

 ・ ブクログのブログパーツを 5列5段に差し替え (「プロフィール」ページに貼ってみました)

 ・ 「リンク集」ページに ここで利用しているサービスを明記

 ・ 「ホームページの作成・更新履歴 (2015/2~)」のページを 改良 (Jimdoブログ利用)

 

 ・ 「ホーム」の子ページに「ニュース」ページを表示してみました。

   みどりのニュース、Twitter、作成更新を載せています。

 


内容を増やす

きょうは、先生に教わりながら、ホームページを作ります。

 ・登場人物の紹介

 ・海外版の紹介

 ・絵本のできるまでに内容追加

 ・ホームの画像を、サイン入りの画像に差し替え

 ・Mediamarkerのブログパーツを全ページ共通表示(下部のサイドバー)に移動

 ・ページ全体の整理

 ・Jimdoブログで、「ニュース」を試す。(保留)

 


Jimdoのブログを試す

2015/03/11

Jimdoのブログを始めました。

カテゴリーを付けて、表示位置を分けます。(絵本・Jimdoのこと・ニュース・・・)

 

ブログについて

 Jimdo新バージョンでは、日付のデザインが、変更できないようです。


テストページに追加

2015/02/27

テストページに追加

 ・ 江東区図書館 「芭蕉みどり」で検索、EXCELに取り込んで整形後、文章に貼る。

 ・ Amazonのウェジェット 2つ目を貼る。

 ・ ポプラ社のリスト、Excelに取り込み成形後、文章に貼ったがエラー、いったんメモ帳にコピペしてから貼る。



テストページを作成

2015/02/26

テストページを作成 

 ・ ブクログのブログパーツを貼る

 ・ Amazonのウェジェットを貼る

 ・ Twitter「ティモシーとサラ」の検索結果を貼る

 ・ サイドバー(下)に、SNSボタン貼り付け

 ・ コメント投稿

 

 ・ 「絵本のできるまで」ページ 作成

    フォトギャラリー

    写真付き文章

 ・ 「感想をどうぞ」 承認後表示から即表示に変更

 ・ 非表示ページを表示に変更


テンプレートを確認

2015/02/24

テンプレートを確認 

現在利用 ~ Malaga メニューは上ロゴ横 固定、ドロップダウンメニュー

 メニューが少なくサブメニュー有のデザイン向き

 サブメニューのテスト



プロフィール写真を登録

2015/02/22

リンク集のページを作成

フッターにHPタイトル(仮)とHP URLを表示

プロフィール写真を登録 (表示反映には1週間かかる)


「感想はどうぞ」(ゲストブック)追加  ティモシーとサラ個別画像を載せる。

 

 

 

投稿があれば、メールで 知らせる。

 (許可するまで表示しないに設定  → その後、即表示に変更)



ファビコン、カウンターなど

2015/02/21

ファビコンを登録しました。(32*32)

カウンターを登録しました。(初期値4,訪問者数をカウント) フッター右端に置く

フッターに、無断転載禁止を載せる。(名前要追記)

HP作成履歴ページ 追加 (非公開)


HP始めます

2015/02/19

Jimdo HP 登録しました。 URL http://timothy-sarah.jimdo.com/

レイアウト 仮ぎめ、3+1ページ作成

TOP画像作成

ロゴ画像作成

  


Mediamarkerから 新刊お知らせ載せる

Mediamarker ブログパーツ 載せる