トップページにCMSで投稿したお知らせをポップアップで表示させたい

Question

トップページの「お知らせ」記事をモーダルウィンドウは作成してましたが、これをクライアントが自社で管理したいという要望です。トップページをワードプレス化すればいいのですが、予算がなくて現在のhtmlのままCMSを組み込む方向になりました。

【現在考えている方法は】
静的サイトhtmlにWordPress・プラグインで作成したPopup Makerのウィンドウを自動表示させる方法

似たケースを見つけたのでこちらの質問を参考にさせていただきました。ほぼ同じことをテストサイトで試してみました。
https://teratail.com/questions/298628

トップページにCMSで投稿したお知らせをポップアップで表示させたい、というのがもともとの質問です。以上よろしくお願いいたします。

Answer 1

CMS側にAPIみたいなのを仕込んで静的サイト側でajax使って引っ張ってやるとか？
ただ予算がー…という話になりそうなので、CMS側のRSSを拾ってくればAPI作らなくても良さそう。

以下蛇足です。

この質問はクライアントワークのお話のようなので、
個人的には実装できる人に発注して経済を回して欲しいって思う。

ってことで、コードは載せずに助言だけ。

Comments

[fcreative]

ご回答をヒントにajaxなどについて自分なりに調べてみました。

なかなか手強いです。

[fcreative]

静的サイトhtmlに「jquery.colorbox.js」を使ってモーダルウィンドウ表示にする方向に考え方を変えてみました。
htmlファイルと同じ階層のPHPのファイルにWordPressから記事を一旦読み込ませて、モーダルウィンドウに表示させるところまでは出来ました。htmlを開くと同時に表示させています。

phpなどの基本知識を分かっていないので、以下のことが出来ないでいます。
◎WordPressの投稿がない場合だけ（つまりお知らせがない場合）Colorboxモーダルウィンドウを開かないようにする

<script>
$(function(){
jQuery('.colorbox').colorbox({
open: true,
innerWidth: 650,
innerHeight: 350
});
});
</script>

上記のどこに関数をいれたらいいかアドバイスお願いいたします。

本当に初心者の質問でもうしわけありません。

[退会済みユーザー]

お知らせが無いときをどう判定するのかわかりかねますが、
お知らせの記事自体にフラグ的なclassを付けて、
.colorboxの中にそのclassがあるかどうかでhide()すればいいんじゃないでしょうか。

お知らせが無い場合は「新しいお知らせはありません」と表示してもいいでしょうし。
「このモーダルは自動的に閉じます」と案内を出してcloseボタンをclick()するとか。

以下蛇足です。

全く表示させたくない場合はモーダルを表示させるためのscriptをif文で判定した後に実行すれば良いだけかと。scriptが動かなければモーダル自体が表示されないでしょうし。

if文の判定を上に出したように記事中に予め処理しやすいようにclassを当てておくとかすれば、そのclassのあるなしで分岐させることによりお望みの実装になるかと。

[fcreative]

ご回答ありがとうございます。

＞全く表示させたくない場合はモーダルを表示させるためのscriptをif文で判定した後に実行すれば良いだけかと。scriptが動かなければモーダル自体が表示されないでしょうし。

上記がやりたいことです。「if文の判定」で試行錯誤しています。もう少し頑張ってみます。