Q&Aこんにちは。今、こういうサイトを作成しています。
https://tk-site.000webhostapp.com/portfolio/wordpress-4.9.8-ja/wordpress/
My Works、Studies、Studies of javascriptという風にカテゴリーをつくり一覧を出したいのですが、
どのようにすればよいのでしょうか？
<?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"> <li class="func"> <a href="https://tk-site.000webhostapp.com/portfolio/wordpress-4.9.8-ja/wordpress/2018/10/08/%E6%A0%AA%E5%BC%8F%E4%BC%9A%E7%A4%BE%E3%83%8E%E3%82%A8%E3%83%93%E3%82%A2%E6%A7%98%E5%95%86%E5%93%81%E3%83%9A%E3%83%BC%E3%82%B8%E6%A1%88%E4%BB%B6/" target="blank"> <img src="https://tk-site.000webhostapp.com/portfolio/wordpress-4.9.8-ja/wordpress/wp-content/uploads/2018/10/button_01-1.png"/> <div class="flow"> <h3> 化粧品会社様 商品紹介ページ </h3> <div class="cap"> BtoC用商品販売用ページ新規デザイン </div> </div> </a> <div class="for_small"> <small class="cate">blanding page</small> </div> </li> <li class="func"> <a href="https://tk-site.000webhostapp.com/portfolio/wordpress-4.9.8-ja/wordpress/2018/10/08/noevir%E6%A7%98btoc%E3%83%9A%E3%83%BC%E3%82%B8%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/" target="blank"><img src="https://tk-site.000webhostapp.com/portfolio/wordpress-4.9.8-ja/wordpress/wp-content/uploads/2018/10/button_02-1.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://www.noevir.co.jp/figureskate/" target="blank"><img src="https://tk-site.000webhostapp.com/portfolio/wordpress-4.9.8-ja/wordpress/wp-content/uploads/2018/10/figure-1.png"/> <div id="flow3" class="flow"> <h3> 化粧品会社様 下層ページ </h3> <div class="cap"> javascript実装 </div> </div> </a> <div class="for_small"> <small class="cate">page cording</small> </div> </li> </ul> <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
自己解決
ありがとうございました。
テラテイルの質問をよく読んで解決できました。
while文を使用したらうまくできました。
投稿2018/10/25 12:28
編集2018/10/25 12:29
総合スコア63
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。