Joomla!で、jQuery/jQuery UIを使う場合には、jQuery Easyエクステンションを使ったほうがいいらしい。
注）ただし、Japascript関係はテンプレートとの兼ね合い等もあるので使用の際には十分注意。

jQuery Easyの機能

・jQuery/jQuery UIのバージョンを細かく指定することができる。

・jQuery/jQuery UIのライブラリは、Google CDNからロードしてくれる

・jQueryのコンフリクト関係を解消してくれる（・・らしい）

Joomla！の場合、画像のスライドショーとかjQueryが関係しそうなところはエクステンションの設定にまかせるところが多いが、もし自分でjQueryのコードを記述して、サイトを華やか（！？）にしたいといった場合に、このエクステンションの利用を検討するのもいいかもしれない。

ただし、使用する場合は必ず、Google Chromeのディベロッパーツールを表示させて、Javascriptのエラーには常に注意しておきたい。

Googleカレンダーとのリンク手順

基本

を参考にしました。

Google API の設定

１．Googleアカウントでログインした状態で、Google Developer Consoleにログインし、新しいプロジェクトを作成します。プロジェクト名はなんでもOKです。そしてプロジェクトを作成して下さい。

２．Google Apps API のリストから、"Calendar API"を選択します。

３．そして、そのAPIを有効化

４．この画面はそのまま進む。

５．プロジェクトへの認証情報を指定します。今回、カレンダー情報はユーザーデータになるのかなー。ここはよくわからんです。

６．プロジェクトへの認証情報の追加

・名前　→　なんでもよし

・承認済みのJavascript生成元　→　なんでもよし

・承認済みのリダイレクトURI　→　上で設定したURLに、"/oauth2callback"を指定。だけど、、結局ここって書き直します。なんで、今はなんでもいいのかな。。

７．次へ

ここまでで、GoogleカレンダーのAPI設定は終わり。

だけど、最後に、編集が必要なので、画面は消してはだめよ。（また開ければいいことだけど。）

Joomla側の設定

１．Joomla側の設定をします。プラグインの設定から、"DP Calendar - Google"を見つける。（dpとかで検索するといいのかな）。そして、それを選択。

２．設定画面から”インポート”を選択

３．先にやったGoogleAPIの設定で得られた、クライアントID・クライアントシークレットの情報をここに記載する。

４．んでエラー。どーーーーーーーん！（泣）

きちんとURLが表示されていないけど、ほんとうは、

http://xxxx/administrator/index.php?option=com_dpcalendar&task=plugin.action&plugin=google&action=import

と表示されているらしい。

ここで、”amp;”の文字を消したURLとする。

それがこれ。

http://xxxx/administrator/index.php?option=com_dpcalendar&task=plugin.action&plugin=google&action=import

この情報をコピーしておく。

５．GoogleAPIの認証情報から、さっき作ったクライアントIDの編集を指定

６．ここでさっきコピーしたURLを、”承認済みのリダイレクトURI”のところに指定。前のやつを編集する形。

７．これで進めば、ぶじ、許可のリクエスト確認画面へとうつります。

はい、ここまでいけば、無事にDP Calendarに、Googleカレンダー情報がインポートされます。

あとは、表示させるところの設定ですが、そこはまた次回ということで。