マサラキッチンのサイトでも使用しているJQueryプラグインのFullCalendar(http://fullcalendar.io)を、WordPressの固定ページに埋め込もうとしてハマる。
fullcalendar-2.2.2ディレクトリごとFTPでWordPressのルートディレクトリにUP、記事中に書いたスタイルシートや外部スクリプトの読み込みのパスを修正。
…全然表示されない。
スタイルシートや外部スクリプトの読み込みのタグを記事欄に書いたのがそもそもの原因。
<script src=”fullcalendar-2.2.2/lib/moment.min.js”></script>
<script src=”fullcalendar-2.2.2/lib/jquery.min.js”></script>
<script src=”fullcalendar-2.2.2/fullcalendar.min.js”></script><script src=”fullcalendar-2.2.2/gcal.js”></script>
をコピペして投稿すると、各行にBRタグが自動挿入されてた。そりゃそうか。
無理やり
<script src=”fullcalendar-2.2.2/lib/moment.min.js”></script><script src=”fullcalendar-2.2.2/lib/jquery.min.js”></script><script src=”fullcalendar-2.2.2/fullcalendar.min.js”></script><script src=”fullcalendar-2.2.2/gcal.js”></script>
と1行にまとめたり、スクリプト中の空行に<P>タグ入ったりするので空行も削除。
で、なんとかできました。
こんな書き方全然スマートじゃないけどとりあえず良いことにしよう…
店休日のご案内:http://blog.masalakitchen.jp/?page_id=176