Q&A
「基本」かどうかはわかりませんが、あまり質問内容に寄ったタイトルではないので、もう少し具体的なタイトルにしていただければと思います。もう1つ、タイトルは要件を書くものなので、後半の（）書きのところは不要で、かわりに「初心者アイコン」を利用してください。
現在ポートフォリオを作成しています。
やりたいことは、indexページに個別投稿ページで作成したものをを次々にアップしていきたいです。
下の"Studies"などを見ればやりたいイメージが伝わるかと思います。
作りながら本を見ているという感じです。
ご迷惑をおかけしますが、ご指導ご鞭撻お願いいたします。
<?php get_header(); ?> <div class="container"> <div class="header-inner"> <img src="https://tk-site.000webhostapp.com/portfolio/wordpress-4.9.8-ja/wordpress/wp-content/uploads/2018/10/bar_01.png" class="wid_100" /> </div> <div class="parallax bg-01 aj"><!--背面：パララックスエリア--> <div class="mainimage"> <h1> <img src="https://tk-site.000webhostapp.com/portfolio/wordpress-4.9.8-ja/wordpress/wp-content/uploads/2018/10/title_01.png"/> <img src="https://tk-site.000webhostapp.com/portfolio/wordpress-4.9.8-ja/wordpress/wp-content/uploads/2018/10/title_02.png" class="mm"> </h1> </div> </div> <div class="contents rela conten"> <img src="https://tk-site.000webhostapp.com/portfolio/wordpress-4.9.8-ja/wordpress/wp-content/uploads/2018/10/scroll.png" class="scroll"/> <img src="https://tk-site.000webhostapp.com/portfolio/wordpress-4.9.8-ja/wordpress/wp-content/uploads/2018/10/arrow.png" class="arrow"/> <div> <img src="https://tk-site.000webhostapp.com/portfolio/wordpress-4.9.8-ja/wordpress/wp-content/uploads/2018/10/top_05.png" class="lead"/> </div> <section class="index"> <h2> <img src="https://tk-site.000webhostapp.com/portfolio/wordpress-4.9.8-ja/wordpress/wp-content/uploads/2018/10/top_09.png"> </h2> <ul class="clearfix"> <?php wp_get_archives(); ?> </ul> <?php if (have_posts()) : ?> <?php while (have_posts()) : the_post(); ?> <li class="func"> <a href="<php permalink();?>" target="blank"> <?php if(has_post_thumbnail()):?> <php the_post_thumbnail() ;?></php> <?php endif;?> </a> <div id="flow3" class="flow"> <h3> <?php the_title(); ?> </h3> <div class="cap"> <?php the_content(); ?> </div> </div> </a> <div class="for_small"> <small class="cate">page desig</small> </div> </li> <?php endwhile; ?> <?php if(function_exists('wp_pagenavi')) : wp_pagenavi(); endif; ?><!--WP-PageNavi--> <?php endif; ?> <?php wp_reset_query(); ?> <ul class="clearfix"> <li class="func"> <a href="https://tk-site.000webhostapp.com/portfolio/wordpress-4.9.8-ja/wordpress/2018/10/08/%E3%82%BC%E3%83%B3%E3%82%B7%E3%83%B3%E6%A7%98%E3%83%90%E3%83%8A%E3%83%BC%E6%A1%88%E4%BB%B6%EF%BC%88%E3%82%AF%E3%83%A9%E3%82%A6%E3%83%89%E3%82%BD%E3%83%BC%E3%82%B7%E3%83%B3%E3%82%B0%EF%BC%89/" target="blank"><img src="https://tk-site.000webhostapp.com/portfolio/wordpress-4.9.8-ja/wordpress/wp-content/uploads/2018/10/button_03-1.png"/> <div id="flow3" class="flow"> <h3> 株式会社ゼンシン様 </h3> <div class="cap"> ランサーズにて BtoB用商品PRバナー </div> </div> </a> <div class="for_small"> <small class="cate">banner</small> </div> </li> <li class="func"> <a href="http://ishii-shikaclinic-private.com/features" target="blank"><img src="https://tk-site.000webhostapp.com/portfolio/wordpress-4.9.8-ja/wordpress/wp-content/uploads/2018/10/images.png"/> <div id="flow3" class="flow"> <h3> 石井歯科様 </h3> <div class="cap"> ランサーズにて サテライトページ作成 </div> </div> </a> <div class="for_small"> <small class="cate">page design</small> </div> </li> <li class="func"> <a href="http://houmonhamada.com/" target="blank"><img src="https://tk-site.000webhostapp.com/portfolio/wordpress-4.9.8-ja/wordpress/wp-content/uploads/2018/10/hamadasinkyu.png"/> <div id="flow3" class="flow"> <h3> 訪問鍼灸浜田様 </h3> <div class="cap"> ランサーズにて 新規ページ作成 </div> </div> </a> <div class="for_small"> <small class="cate">page desig</small> </div> </li> </ul> <h2> <img src="https://tk-site.000webhostapp.com/portfolio/wordpress-4.9.8-ja/wordpress/wp-content/uploads/2018/10/top_11.png"> </h2> <ul class="clearfix"> <li class="func"> <a href="https://tk-site.000webhostapp.com/house/index.html" target="blank"> <img src="https://tk-site.000webhostapp.com/portfolio/wordpress-4.9.8-ja/wordpress/wp-content/uploads/2018/10/button_05-1.png"/> <div class="flow"> <h3> 住宅販売会社 自主制作ページ </h3> <!--div class="cap"> </div--> </div> </a> <div class="for_small"> <small class="cate">page design</small> </div> </li> <li class="func"> <a href="https://tk-site.000webhostapp.com/godiva/index.html" target="blank"><img src="https://tk-site.000webhostapp.com/portfolio/wordpress-4.9.8-ja/wordpress/wp-content/uploads/2018/10/button_04.png"/> <div id="flow2" class="flow"> <h3> お菓子メーカー自主制作 </h3> <!--div class="cap"> BtoC用商品販売ページ </div--> </div> </a> <div class="for_small"> <small class="cate">page design</small> </div> </li> <li class="func"> <a href="https://tk-site.000webhostapp.com/water/index.html" target="blank"><img src="https://tk-site.000webhostapp.com/portfolio/wordpress-4.9.8-ja/wordpress/wp-content/uploads/2018/10/button_06.png"/> <div id="flow3" class="flow"> <h3> 水素水販売LP自主制作 </h3> <!--div class="cap"> ランサーズにて BtoB用商品PRバナー </div--> </div> </a> <div class="for_small"> <small class="cate">page design</small> </div> </li> </ul> <h2> <img src="https://tk-site.000webhostapp.com/portfolio/wordpress-4.9.8-ja/wordpress/wp-content/uploads/2018/10/top_14.png"> </h2> <ul class="clearfix"> <li class="func"> <a href="https://tk-site.000webhostapp.com/js/adobehelp/index.html" target="blank"> <img src="https://tk-site.000webhostapp.com/portfolio/wordpress-4.9.8-ja/wordpress/wp-content/uploads/2018/10/button_07.png"/> <div class="flow"> <h3> スライドショー、アコーディオンメニュー </h3> <!--div class="cap"> </div--> </div> </a> <div class="for_small"> <small class="cate">javascript</small> </div> </li> <li class="func"> <a href="https://tk-site.000webhostapp.com/js/modal/modal.html" target="blank"> <img src="https://tk-site.000webhostapp.com/portfolio/wordpress-4.9.8-ja/wordpress/wp-content/uploads/2018/10/button_08.png"/> <div id="flow2" class="flow"> <h3> モーダル </h3> <!--div class="cap"> BtoC用商品販売ページ </div--> </div> </a> <div class="for_small"> <small class="cate">javascript</small> </div> </li> <li class="func"> <a href="https://tk-site.000webhostapp.com/js/eitango/index.html" target="blank"><img src="https://tk-site.000webhostapp.com/portfolio/wordpress-4.9.8-ja/wordpress/wp-content/uploads/2018/10/button_09.png"/> <div id="flow3" class="flow"> <h3> 英単語帳 </h3> <!--div class="cap"> ランサーズにて BtoB用商品PRバナー </div--> </div> </a> <div class="for_small"> <small class="cate">javascript</small> </div> </li> </ul> </section> </div> </div> <?php get_footer(); ?>
了解いたしました。ありがとうございます。
私は質問タイトルのことを言っていたのですが・・・。まあ次から気を付けてください。解決されたようですし、その旨を回答者さんの回答へ返信で解決した内容を追記してあげてください。
回答1件
0
ベストアンサー
試していませんが、<?php if (have_posts()) : ?> のブロック以下を直してもダメでしょうか？
</php>を削除<a>タグの入れ子がおかしいのを修正
投稿2018/10/19 22:27
総合スコア784
やってみます！ありがとうございます！
ちょっとだけ改善できました！
アイキャッチ画像に指定したものが映るようになりました！
ただ、まだ全部の投稿が出てくるところまでではないので、
もう少しがんばってみます！
ありがとうございます！
表示件数は管理画面の 設定 > 表示設定 で変えれます。
きめ細かくコントロールしたい場合は、pre get posts でぐぐってください。
ありがとうございます！
やってみます！
できたらご連絡しますね！
あなたの回答
tips
プレビュー
