現在、phpにCSSを適応させているのですが、どうもサムネイルだけボックス外になってしまいます。
そのため、以下のCSSでボックス内に表示させるコードをお願いします。wordpressで記事詳細+サムネイル+タイトル表示(CSS適応)
PHP
1PHP<style type="text/css"> 2<!-- 3 4.block { 5 padding: 20px; 6 background: #fff; 7 border: 1px #ccc solid; 8 box-shadow: 0 2px 3px 0 #ddd; 9 -moz-box-shadow: 0 2px 3px 0 #ddd; 10 -webkit-box-shadow: 0 2px 3px 0 #ddd; 11} 12--> 13</style> 14 15 16<?php 17$args = array( 18 'posts_per_page' => -1//すべての記事を取得することにする 19); 20$the_query = new WP_Query( $args ); 21 if ( $the_query->have_posts() ) : 22 while ( $the_query->have_posts() ) : $the_query->the_post(); 23 $aaa .= '<div class="block"><a href="'.get_permalink().'">'.get_the_title().the_post_thumbnail(array(150,150)).'</a></div>'; 24echo $aaa; 25 endwhile; 26else: 27 echo '終わり'; 28endif; 29?>
こんなふうになります
phpではなく、そのPHPが出力したhtmlをアドレスとかは消しても良いのでソースで公開してもらえると良いと思います。
質問の内容から見ると、.blockと言うdivの中にimgで画像が入っているだけで、ボックス外になる理由が見つからないのではと思うんですけれども。
また、記事詳細+サムネイル+タイトル表示のあたりのcssも一緒にある方が良いですね。
コードは、これですね
テーマは、customizeを使用してたいます。
ちなみにfunction.phpにかきました、
テーマはテーマ名ではなく取得したURLを記述ください。また、「ボックス外」とはどのような状態でしょうか。スクリーンショットなどを追記ください。
Webブラウザで表示されている レイアウトが崩れた状態の HTML と CSS を提示してください。
回答1件
あなたの回答
tips
プレビュー