質問編集履歴

1

変更点を修正

2018/09/02 02:16

投稿

limelime
limelime

スコア6

test CHANGED
File without changes
test CHANGED
@@ -6,11 +6,13 @@
6
6
 
7
7
  トップページが固定ページですが、PHPで投稿ページ一覧を表示させることはできました。
8
8
 
9
- その投稿ページ一覧の中で、アイキャッチと日付、タイトル、記事本文抜粋の位置以下の写真のように、赤のところに日付、青のところにタイトル、緑のところに記事本文と指定したいす。
9
+ その投稿ページ一覧の中で、段組み組みたいと思っています。
10
-
11
- ![スクリーンショット](229e6af38500c02d7a9692ac1266d1df.jpeg)
12
10
 
13
11
 
12
+
13
+ スマホで見ると、アイキャッチ、タイトル、記事抜粋、日付と並べることができました。
14
+
15
+ PCで見た場合、左側にアイキャッチ、アイキャッチの右側にタイトル、記事抜粋、日付と並べたいところが、アイキャッチの下に並んでしまいます。
14
16
 
15
17
 
16
18
 
@@ -64,6 +66,50 @@
64
66
 
65
67
 
66
68
 
69
+ ### 変更を加えたソースコード
70
+
71
+
72
+
73
+ ```PHP
74
+
75
+ <?php query_posts('posts_per_page=5'); ?>
76
+
77
+ <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
78
+
79
+ <a href="<?php the_permalink(); ?>" style="text-decoration:none; font-size: 12pt; color: #000000; line-height:24pt;">
80
+
81
+ <p style="background-color:#FFFFFF; margin : 0pt ;">
82
+
83
+ <div class="post-thumbnail"><?php the_post_thumbnail(array(100, 100) ); ?></div>
84
+
85
+ <div class="wrap content">
86
+
87
+ <h2 class="post-title" itemprop="headline"><?php the_title();?></h2>
88
+
89
+ <p class="excerpt"><?php echo wp_trim_words( get_the_content(), 55, '...' ); ?></p>
90
+
91
+ <p class="date"><?php the_time('Y年m月d日'); ?></p>
92
+
93
+ </div>
94
+
95
+
96
+
97
+
98
+
99
+
100
+
101
+ <hr class="bar3">
102
+
103
+
104
+
105
+ </p>
106
+
107
+ </a>
108
+
109
+ <?php endwhile; endif; ?><?php wp_reset_query();
110
+
111
+ ```
112
+
67
113
 
68
114
 
69
115
  ### 補足情報(FW/ツールのバージョンなど)