v3を使ってGoogleカレンダーを表示するwordpressやjQuery、macについてのtipsを中心に綴ります。jQueryでGoogleカレンダーを表示させる手段としてfullcalendar.jsをよく利用しています。v3に対応させる必要があります。fullcalendar.jsの基本的な使い方まずはfullcalendar.js一式の最新版(2014.11現在で2.2.2)をダウンロードして読み込ませます。fullcalendar.jshttp://fullcalendar.io/download/今回必要なファイルを読み込ませます。(パスは環境に応じて変更してください。id="calendar"></div>実際にカレンダーを読み込む処理はこんな感じ。{$('#calendar').fullCalendar({//ここに各種オプション});});})(jQuery);</script>オプション設定でGoogleカレンダーを読み込むための設定をします。URLを指定するだけでした。URLはgoogleカレンダーの「設定」→「カレンダー」タブ→各種カレンダーの詳細の「xml」をクリックすることで取得できます。v3に対応させるにはちょっと記述を変更します。APIを利用するためのAPIキーが必要になります。http://hamatte-wataru.com/google_api_key/因みにカレンダーIDは前述の「xml」ボタンの右に表示されています。v3を利用してとりあえずカレンダーの表示ができます!fullcalendar.jsはオプションがいっぱいそう、fullcalendar.jsは豊富なオプションが用意されていてかなり詳細なカスタマイズができます。僕は下記ページを参考にオプションを調整しました。ありがたや、ありがたや。CodePenhttp://codepen.io/iw3/pen/lyhmI/とはいえやっぱり最後は公式のドキュメントが頼りになります。http://fullcalendar.io/docs/これで、使い勝手の良い素敵なカレンダーが設置できる!はず!最近の物欲!最近とにかくスーパーロボット、超合金熱が凄くて凄くて。ブログの更新情報はこちらで配信しています。プラグイン不使用!WordPressで「前の記事へ」・「次の記事へ」に記事タイトルを使用しつつ文字数を制限するadwpxwordpressに慣れてくると、今度は痒いところに手が届く細やかなカスタマイズをしたいですよね。phpを利用したカスタマイズからデータベースに直接アクセスする方法がとにかく丁寧に解説されています。個人的には第5章、「プラグインの自作」が物凄く役に立ちました!サンプルが大充実!定番のjQuery入門書です。本の内容に沿って制作を進めるだけで、即実戦投入できる程の機能ができ上がります。解説が丁寧且つチートシートも付いているのでjQueryについての理解がぐんと深まりますよ!定番のO'Reilly本でJavaScriptを深く学びましょう!気になる箇所をざっと読むだけでも、とても参考になります。読みを繰り返すのがオススメ。超良書です!WordPressのテーマ制作やテンプレートについての概念など、実際にサイトを制作しながらWordPressを知ることができます。制作するだけでなく、ユーザビリティからSEO、さらにはパフォーマンス改善にも触れているという充実ぶり。オリジナルテーマ制作のお供にどうぞ!WordPressプラグインの開発から運用までカバーする、プラグイン開発のまさに「バイブル」です。セキュリティやマネタイズにも触れられていて参考になるところ多すぎです。5.7系で多言語サイト設定の基本をおさらい〜基本設定編〜【地味】window.open()で開いたポップアップ内から指定のリンクを親ウインドウの別タブで開くふと気づくとMarkerClustererのアイコン画像が404エラー・・・!対処法です。APIにSandboxなるステータスが追加されていた。bxSliderを使用時、任意のスライドで止めるVagrantの動作が遅かったので共有フォルダ設定とVirtualBox環境のメモリ設定を見直してみました。wordpressやjQuery、macについてのtipsを中心に綴ります。