wordpressスマホ対応サイト・wpプラグイン・検索体験最適化・SNS・ 動画・bgmやテーマ曲を駆使して、リアルビジネスへの集客を達成するためのコラム!

   

wordpress屋のマルチメディアコンテンツ制作読んどけ☆コラム

【WordPress/エラー対策】プラグインbizcalendarが改造テーマで表示しない事例

   

こんにちは、管理人@SS_mshpです。

今回は、最近このサイトでAPIカレンダープラグインの話題のアクセスが上がってるみたいなので、他のカレンダープラグインも試してみます。

しかし、テーマや改造によっては、表示に不具合が出るみたいです。さっそくチェックしてみます。

今回ご紹介のWordPressカレンダープラグイン『bizcalendar』簡単につけられるけど、このサイトで表示しなかった


https://wordpress.org/plugins/biz-calendar/

以前は、『APIでgoogleカレンダーとWordPressを連携する』みたいなのを、このサイトでやったんですけど(過去記事参照)、今回はシンプルなカレンダーに特化したタイプを。作者は日本の方のようです(よって説明も日本語)。


つけかたは簡単で、カレンダーみたいな名前のセレクタがついたdivのコードを貼る他に、ウィジェットからも読み込むことができます。

このブログにつけてみたところ・・

あれ、表示しないみたいですね。twenty seventeenなどの公式テーマに切り替えると普通に表示します。このテーマはstingerを魔改造したオリジナル改造テーマなので、そこらへんを中心に探ってみたいと思います。

原因チェック~jquery(javascriptのライブラリ)読み込み

このサイトでの表示しなかったときの状態(functions.phpでjquery読み込みを変えてた)

で、原因と考えられる部分についてです。bizcalendarの構成ファイルを見てて『javascriptで表示してるんじゃね?』というところがあったので(設定内容が出る部分や、calendar.jsファイルなど)、javascript読み込みに関するカスタマイズをしていたことを思い出しました(デフォルトテーマだと表示する)。



wp_deregister_script( 'jquery' );
wp_enqueue_script( 'jquery', 'https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js',array(), false, false);
add_action('wp_enqueue_scripts','register_jq_script');

みたいに書いて、WordPressにincludeされているjqueryをカットしてapiから読み込む実験みたいなのを行いました。
デフォルト状態だと表示するので、たぶんこのカスタマイズが原因かなと推測。

元のwp-includesディレクトリのjqueryを読むと直った


デフォルト状態のwp-includesディレクトリのjqueryを読む形に直してみます。上記のfunctions.phpに追加したコードをカットして元に戻すと・・・


bizcalendarが表示するようになりました。jqueryと一言にいってもwp-includes内のもの、googleapis.comから読み込む最新のものでバージョンが違うとか、ほかプラグイン干渉など、いろいろなエラー原因があるかもしれません。

あとがき・まとめ

  • WordPressカレンダープラグインbizcalendarは設定などが簡単
  • 設定内容が出る部分などはjavascriptで動いていて、jquery読み込みをいじっていたら表示しなかった
  • デフォルト状態のwp-includesディレクトリのjqueryを読む形だと表示
  • functions.phpにwp_enqueue_scriptとか書いてスクリプト読み込みを制御できると、こういうとき便利

まとめるとこんな形だと思います。特に読み込みを制御は、(余計なものを読ませないことで)高速表示にもつながるのでおすすめです。

*アトリエSS・web制作サービスページに移動します。webリニューアル・ロゴ・記事・wordpress化などでお力添えできます。

【カテゴリ】 - サイトエラー対策と復旧(wp/php/css) 【タグ】 - ,

Message

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

  関連記事

【WordPress4.9.7でのエラー検出】子テーマでindex.phpやCSSヘッダが無いときの『テーマが壊れています』表示への対策

今回は、2018年7月6日に出た、WordPressの新バージョン4.9 …

【PHPファイル改造でWPテーマ不具合修正】Clarina(親llorix-one-lite)で、ブログ更新情報タイトルが二回出るのを直す

今回は、管理人のつくったフリー曲サイトで、表示が微妙になっていた部分を、 …

【wordpress】PHPのバージョンっていきなり変えて大丈夫?不安なら公開前にローカルでテストしよう

今回は、WPに使われてるプログラムPHPのバージョンを変更する際に、事前 …

【wordpress/PHPエラー原因】Parse error: syntax errorで画面真っ白は、プラグインorサーバーのPHPバージョン

今回はwordpressサイトでよくある『プラグインがParse err …

CSSの『Expected RBRACE 』エラーって何なの?(ワードプレス4.9で判明)

今回は、ワードプレスを新バージョンにしたら判明した、変なCSSエラーがで …

【wpプラグイン】コンタクトフォーム7の自動返信設定と、なぜか発生した文字化けの対処

今回は、wordpressで定番・便利な問い合わせフォームのプラグインを …

スクロール後に変な位置に移動するタイトルをcssのpositionで直す(wp rootstrapテーマ)

今回は、管理人がワードプレスサイト作ってる時に、要素が変な位置に移動して …

ワードプレスで画面真っ白で積んだとき、データベースから記事データを抜いて復旧

今回は、ワードプレスで、画面真っ白でどうしようもなくなったときの復旧方法 …

ワードプレステーマインストール時に、エラーで画面真っ白を復旧させた方法

今回は、管理人がメインで使ってるweb製作ツールワードプレスで、たまに発 …

ワードプレスSTINGERでアドセンスコードが入らない~『テキストドロップ』勘違いと、対処方法

今回は、このサイトにもつかわれているツール『ワードプレス』での、アドセン …

『レスポンシブレイアウトwp』がプラグイン(wptouch mobile plugin)エラーで、スマートフォンで上手く表示しなかったときの対策

今回は、サイトなどを使ってコンテンツを発信するのに役立つかもしれない、w …