記事の続き・詳細をモーダルウインドウで表示したい

  • takuya1108

    (@takuya1108)


    12年前

    index.phpの記事一覧のread moreリンクをクリックすると、
    通常はsingle.phpを使った個別記事ページへジャンプします。
    これを
    index.phpの記事リストread moreリンクをクリック
    →モーダルウインドウが出現
    →個別記事の全文(本来single.phpで表示される内容)がモーダルウインドウ内に表示
    という形にしたいです。

    ですが、記事全文をモーダルウインドウに表示する方法だけがわかりません。
    ajax読み込みでsingle.phpの内容を読み込む方法はすでに把握していますが、
    他機能でjQueryを多用しすぎているため、できればwordpress関数あるいはPHPで解決できないものかと模索中ですが、現段階では分からない状態です。

    どなたかご教授いただけると助かります。
    よろしくお願いします。

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • nobita

    (@nobita)

    12年前

    こんにちは、

    私は、Raindropsというテーマを作っているのですが、そのテーマで、アイキャッチ画像をモーダルボックスで表示できるようにしたいと思って、CSSのモーダルボックスを実装したのですが、そのために、CSSのモーダルボックスの作り方を覚える必要がありました。

    http://tenman.info/study/css/lightbox/

    これは、テキストでも、動作させる事が出来るので

    http://tenman.info/study/css/lightbox/text.php#page

    サンプルは、
    http://tenman.info/study/css/lightbox/text.php#image-1
    でアクセスすると、モーダルボックスで表示されます

    こういったものでよければ、

    WordPressの　<!--more-->は、フラグメント識別子がつくのは、ご存知だと思います。

    例えば、

    http://www.example.com/wp/?p=6447#more-6447

    のようになります。
    CSSのモーダルボックスも、フラグメント識別子を使うので、動的なCSSと組み合わせて、
    フラグメント識別子の部分を工夫すれば、morelink　を　クリックした場合には、モーダルボックスで表示するという事が出来るのではないかと思うのですが、どうですか？

    うまくいきそうでしたら、結果教えてくれるとうれしいです。

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • トピック「記事の続き・詳細をモーダルウインドウで表示したい」には新たに返信することはできません。