mame777

たびたびありがとうございます。

一応、何度か表示されているため、解決済みとして、もう少し検証を続けてみたいと思います。アドバイスも参考にさせてもらいます。ありがとうございました。

• この返信は6年、 5ヶ月前にmame777が編集しました。

たびたびありがとうございます。

とりあえず、ウィンドウがあることはわかりました。
モバイルPCを使っているせいなのか？わかりませんが、
cssで座標を強制的に書き換えたらでてきました。

console.logで調べたところ、呼び出しはうまくいっているのですが、
自分のWPの環境ではcenteringModalSyncerがうまく動いていない気がします。。

cssでウィンドウの位置を制御しようとすると、
やり方がよくないからかもしれませんが、
とくにスマホなどのデバイスではウィンドウがはみでてしまいます。
閉じるボタンが隠れてしまう場合もあるようです。

引数の件も勉強になりました。修正しました。

たびたびありがとうございます。
動作用のコードが正しくない気がします。jQueryは頭につけるようにしましたが、
呼び出し方はいろいろ変えたのですが、いまいちよくわかっていません。

<script>
jQuery(function(){
    // ↓ここの書き方がいまいち自信がない。。
    // この状態だとクリックすると無反応
    jQuery('#openModal').modal();
});
</script>

動作用のコードは、wp_head() より下に書く必要があると理解していて、
このコードはfooter.phpに入れています。。
たぶん簡単なところがよく理解できていない気がしています。。
今のところウィンドウは開きません。

ヒントになり、無事、動くようになりました。

いえ、IE以外のブラウザ、firefoxやsafariなどで動作確認していました。

すいません、テーマが原因でした。transitionが上書きされていました。
つまらないことで、お手数おかけして申し訳ございませんでした。
何度もありがとうございました。

こんばんは。

的確なご回答ありがとうございます。
素晴らしいです。ばっちりと動作しました。

ただ、そのあと、いじってみたのですが、

visibility
を
opacity
に変えるだけでは、消えないのですね。

後でフェードのアニメーションをつけたかっため、opacityを使いたかったのですvisibilityとopacityは同列の使い方ができるものではないですかね？CSSのリファレンスを眺めてみたのですが、いまいちそのあたりの理解が追いつかず、後学のために恐縮ですが、もしよろしければ何かアドバイスをもらえると助かります。

他所でサンプルをダウンロードしてみたら、javascriptが使われていましたし、スライドやフェードなどを追加したいときは、cssのみで実現するのは難しいのでしょうか？

いえいえ、とんでもございません。
おかげさまでやりたいことができました。
解決済みにします。

具体的に説明いただき、ありがとうございます。

書いていただいたコードで動作確認を取ることができました。
ただ、説明不足で申し訳ございません。

何かそれっぽいプラグインをどこかで見たことがあるのですが、任意の場所というのは、たとえば、pタグで2と指定すれば、２つ目のpタグの下にウィジェットが表示されるものを考えておりました。あと、記事数が多いため、ショートコードは使わず、一括で挿入できればよいと思っております。
このたびはこちらの説明不足で誠に申し訳ございません。

タグの数をカウントして位置を移動するような関数はありますでしょうか。
それとも、この場合、正規表現の置換方法になってくるのでしょうか。

ご丁寧にありがとうございました。
参考にさせていただきます。

プラグインのcontact form 7をいじるのではなく、
コンタクトフォームを自作する流れにします。

最初、コンタクトフォームと書いてしまったので、表記が紛らわしくてすいません。contact form 7でラジオボタンをなんとかしようとしていたが、、コンタクトフォームを自作する流れにしました、という結論になります。

一旦、解決済にします。何度もありがとうございました。