新・元地方の中規模印刷会社で苦悩するWebデザイナー改めWebディレクターの日記

自由な20代、窮屈な30代を経て、遂に40代になっちまったWebディレクター&パソコン講師の覚書と思う言(こと)。略称【ちほちゅう】

*

ブログやサイトにカレンダーを簡単に置く方法

   

  • このエントリーをはてなブックマークに追加

1年以上前の記事です。内容が古い可能性があります。

お客さんに自分で編集できるカレンダーをサイトに置きたいという人がいる。
お店の営業日等をオンラインで表示しておきたいそうだ。
そういえば過去に釣りサークルやっていた時にイベントカレンダーとしてWebカレンダーとやらを設置していた事があったけど、あれはまだ無料で配布しているのだろうか?
とはいえ、最近ではWebのインフラも様々なモノができてきているし、今更CGIプログラムを使わなくても何とかなるかもしれない。

2009年『オセロ万年カレンダー』マグネット式2009年『オセロ万年カレンダー』マグネット式
販売元:アートプリントジャパン
レビューを見る

スポンサーリンク
 

とりあえず、釣りサークルで使っていた「Webカレンダー2」のご紹介
Web システム手帳- Web Calendar 2
こちらを一部改造して使っていた。ソースはまだ残っているので使おうと思えば使えるけど結構面倒。

そこで思いついたのが「Googleカレンダー」。
こいつを埋め込みする事ができないか?
調べてみたら簡単にできた。

1. Google カレンダーへ行く。
もちろんお客様にアカウントを撮っていただいてお客様のアカウントでアクセス。

2. マイカレンダーから該当のカレンダーを選び「▼」をクリック、「カレンダー設定」を選択。
カレンダー設定01

3. 中程に「このカレンダーを埋め込む」をいうところがあり、埋め込み用のソースが書いてありますが、このままだとでかすぎるので「色やサイズなどをカスタマイズします」をクリック。
カレンダー設定02

4. こちらで表示させる項目やサイズを設定できる。
カレンダー設定03

5. あとはソースをHTMLに埋め込めばOK。

 - デザイン, 覚え書き

アドセンス広告メイン

Message

メールアドレスが公開されることはありません。

  関連記事

これはノーベル賞もの。スマホのバッテリー寿命を格段に伸ばす方法を大学院生が偶然発見。なんと、数百年持つらしい

1年以上前の記事です。内容が古い可能性があります。随分進化したスマートフォンです …

「iOS5」にしたらロックしててもすぐ写真が取れるようになった【iPhone】

1年以上前の記事です。内容が古い可能性があります。これもiOS5に変えたおかげで …

FLASHで10pxアンチエイリアスなしのフォントを使う

1年以上前の記事です。内容が古い可能性があります。アンチエイリアスって便利だけど …

no image
こうなったら会社はヤバい。倒産した会社の特徴・前兆

1年以上前の記事です。内容が古い可能性があります。NECトーキンの動向も気になり …

YouTubeの再生リスト追加でツイッター大爆発!!

1年以上前の記事です。内容が古い可能性があります。いやぁ。大変失礼いたしました。 …

ソフトバンク「iPhone 5」で余計なサービスを解約する方法(Yahoo!プレミアム編)

1年以上前の記事です。内容が古い可能性があります。ソフトバンク「iPhone 5 …

「メール便」と「定形外郵便」。どっちが安い?

1年以上前の記事です。内容が古い可能性があります。当ブログの「今日からはじめるラ …

no image
ChromeはCSSで設定しないと禁則処理してくれない

1年以上前の記事です。内容が古い可能性があります。行末の「。」が先頭にきてしまう …

Photoshop CC(2014)で「◯◯ツールを使用できません。プログラムエラーです。」が出た時の対処法

1年以上前の記事です。内容が古い可能性があります。知り合いのデザイナーさんのパソ …

「Windows Live メール」が起動しなくなり、何をやっても復旧しないときはハードディスク(フラッシュディスク)を整理

1年以上前の記事です。内容が古い可能性があります。もう、みんなWindows10 …

血液型オヤジ