WordPressでjQuery

Google Calendar Events がバージョンアップされたせいなのか、表記がおかしくなってる…。

どうやら、予定に時間や場所の省略があると、div タグが閉じられないみたい。
class も変わってしまったのか、デザインも崩れてる…(泣)

終日の予定もあるので、時間の登録があるものとないものを混在させても、きちんと表示されるようにしたい!
やむなくプラグインを外し、先日使った JavaScript で試してみることに。

WordPress に jQuery って使えるのかしら?と思って調べてみたら、すでに WordPress に含まれているみたい。

 


◆functions.php に記述を追加

WordPress に含まれている jQuery と、自作のjsファイルを読み込ませる記述を追加。

 

◆jsファイルの『$』を変換

『$』が使えないので、$() の代わりに、jQuery() を使う。
もしくは、スクリプトの全て(または一部)を無名関数でラップ☆

っと思ったら、終日の予定だけ、日付が表示されない…(泣)

開始日時で設定されているので、時間の登録がないとダメみたい…。
自分の技量では修正困難なため、別の方法を探すことに。

 

◆別の方の作成された JavaScript で試す

最初、『$』を一括で置換したら、うっかりスクリプトの中身の『$』まで書き換えてしまい、失敗…(汗)そら動かんわな…。
きちんと確認しながら書き換えたら、できた☆

cssでデザインしなおし、完成♪

 

いろいろ入れると、読み込みにはやっぱり時間がかかっちゃうみたいなので、他にいい方法かプラグインないかなぁ~。

 


◆参考サイト

WordPress で jQuery を使う時の注意点

特定のgoogleカレンダーの予定を最新10件まで表示

コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト /  変更 )

Google フォト

Google アカウントを使ってコメントしています。 ログアウト /  変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト /  変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト /  変更 )

%s と連携中