PHP超初心者で、行き詰っています。
わからないことばかりですが、ご教示いただけると幸いです。
HTMLでウェブサイトを作っており、そのトップページに、
WordPressで新着記事(の、タイトルと更新日)が表示されるよう作りたいです。
いくつか調べた方法の中で、Wordpressの新着一覧ページを、
iframeで埋め込み静的サイトに設置する、という方法があり、
そちらで進めています。
一覧のタイトルをクリックすると、指定サイズの別ウインドウで、記事の中身が表示される、というものです。
試行錯誤の末、iframe設置・指定サイズの別ウインドウで開くことは、
なんとかできましたが、
一覧のタイトルをクリックすると、すべて同じ記事(おそらく最新の記事)が開いてしまい、
その対処方法がわからず、行き詰ってしまいました。
(どこかのコードをいじる前までは、正しい記事に飛んでいた気がします・・・)
リンクの設定の問題?かと思いますが、それすらわからないためご教示いただけると幸いです。
▼index.php
<script type="text/javascript"> <!-- function openwin() { window.open("<?php the_permalink(); ?>", "", "width=500,height=400"); } // --> </script> <?php wp_head(); ?> </head> <body> <?php if(have_posts()): while(have_posts()): the_post(); ?> <!--ここに記事一覧に表示したいコンテンツを記述--> <article <?php post_class( 'article-list' ); ?>> <a href="javascript:openwin();"> <div class="text"> <!--投稿日を表示--> <span class="article-date"> <i class="far fa-clock"></i> <time datetime="<?php echo get_the_date( 'Y-m-d' ); ?>"> <?php echo get_the_date(); ?> </time> </span> <!--タイトル--> <h2><?php the_title(); ?></h2> </div><!--end text--> </a> </article> <?php endwhile; endif; ?>
▼single.php
<?php wp_head(); ?> <body> <div id="single_page" class="wrapper"> <main> <?php if(have_posts()):while(have_posts()):the_post(); ?> <article> <input type="button" onclick="window.close();" value="×"> <ul class="meta"> <li><?php the_time('Y/m/d'); ?></li> </ul> <h1 class="article-title"> <?php the_title(); ?> </h1> <div class="text"><?php the_content(); ?></div> </article> <?php endwhile;endif; ?> </main> </div> </body>
回答4件
あなたの回答
tips
プレビュー