teratail
回答率
85.48%
質問するログイン新規登録
トップに関する質問Wordpressサイトのトップページ記事一覧で一部の記事がIphoneで表示されない

編集履歴

質問編集履歴

3

コードの修正

2016/06/15 16:09

投稿

hirororo
hirororo

スコア72

test CHANGED
File without changes
test CHANGED
@@ -82,7 +82,7 @@
82
82
 
83
83
 
84
84
 
85
- //１記事目のソース一部
85
+ <！-- １記事目 -->
86
86
 
87
87
  <article id="post-190" class="popular_post_box recent-1 省略>
88
88
 
@@ -92,7 +92,7 @@
92
92
 
93
93
 
94
94
 
95
- //２記事目のソース一部
95
+ <！-- ２記事目 -->
96
96
 
97
97
  <article id="post-139" class="popular_post_box recent-2 省略>
98
98
 
@@ -102,7 +102,7 @@
102
102
 
103
103
 
104
104
 
105
- //３記事目のソース一部
105
+ <！-- ３記事目 -->
106
106
 
107
107
  <article id="post-161" class="popular_post_box recent-3 省略>
108
108
 
@@ -114,7 +114,7 @@
114
114
 
115
115
 
116
116
 
117
- //４記事目のソース一部
117
+ <！-- ４記事目 -->
118
118
 
119
119
  <article id="post-349" class="popular_post_box recent-4 post-349 post type-post status-publish format-standard has-post-thumbnail hentry category-3lht">
120
120
 
@@ -134,7 +134,7 @@
134
134
 
135
135
 
136
136
 
137
- //５記事目のソース一部
137
+ <！-- ５記事目 -->
138
138
 
139
139
  <article id="post-278" class="popular_post_box recent-5 post-278 post type-post status-publish format-standard has-post-thumbnail hentry category-3lht">
140
140
 

2

ページソースとCSSコードの追加

2016/06/15 16:08

投稿

hirororo
hirororo

スコア72

test CHANGED
File without changes
test CHANGED
@@ -50,6 +50,156 @@
50
50
 
51
51
 
52
52
 
53
+ ■トップページの一部ソース
54
+
55
+
56
+
57
+ ```lang-html
58
+
59
+
60
+
61
+
62
+
63
+
64
+
65
+ <div id="main">
66
+
67
+ <div class="main-inner">
68
+
69
+
70
+
71
+ <div id="popular_post_content" class="front-loop">
72
+
73
+
74
+
75
+ <h2><i class="fa fa-clock-o"></i> 最近の投稿</h2>
76
+
77
+ <div class="wrap">
78
+
79
+ <div class="front-loop-cont">
80
+
81
+
82
+
83
+
84
+
85
+ //１記事目のソース一部
86
+
87
+ <article id="post-190" class="popular_post_box recent-1 省略>
88
+
89
+ </article>
90
+
91
+
92
+
93
+
94
+
95
+ //２記事目のソース一部
96
+
97
+ <article id="post-139" class="popular_post_box recent-2 省略>
98
+
99
+ </article>
100
+
101
+
102
+
103
+
104
+
105
+ //３記事目のソース一部
106
+
107
+ <article id="post-161" class="popular_post_box recent-3 省略>
108
+
109
+
110
+
111
+ </article>
112
+
113
+
114
+
115
+
116
+
117
+ //４記事目のソース一部
118
+
119
+ <article id="post-349" class="popular_post_box recent-4 post-349 post type-post status-publish format-standard has-post-thumbnail hentry category-3lht">
120
+
121
+ <a href="http://www.tralabo.com/hp/2016/04/04/apppp/" class="wrap-a"> <div class="post-thumbnail">
122
+
123
+ <img width="280" height="158" src="http://www.tralabo.com/hp/wp-content/uploads/2016/04/4-300x169.png" class="attachment-300x158 size-300x158 wp-post-image" alt="4" srcset="http://www.tralabo.com/hp/wp-content/uploads/2016/04/4-300x169.png 300w, http://www.tralabo.com/hp/wp-content/uploads/2016/04/4-768x432.png 768w, http://www.tralabo.com/hp/wp-content/uploads/2016/04/4-304x171.png 304w, http://www.tralabo.com/hp/wp-content/uploads/2016/04/4-281x158.png 281w, http://www.tralabo.com/hp/wp-content/uploads/2016/04/4.png 960w" sizes="(max-width: 280px) 100vw, 280px" /> </div>
124
+
125
+ <p class="p_category">《〜初級編〜》</p>
126
+
127
+ <h3>4 アプリの使い方</h3>
128
+
129
+ <p class="p_date"><span class="date-y">2016</span><span class="date-mj">04/4</span></p></a>
130
+
131
+ </article>
132
+
133
+
134
+
135
+
136
+
137
+ //５記事目のソース一部
138
+
139
+ <article id="post-278" class="popular_post_box recent-5 post-278 post type-post status-publish format-standard has-post-thumbnail hentry category-3lht">
140
+
141
+ <a href="http://www.tralabo.com/hp/2016/04/05/unyou/" class="wrap-a"> <div class="post-thumbnail">
142
+
143
+ <img width="280" height="158" src="http://www.tralabo.com/hp/wp-content/uploads/2016/04/5-300x169.png" class="attachment-300x158 size-300x158 wp-post-image" alt="5" srcset="http://www.tralabo.com/hp/wp-content/uploads/2016/04/5-300x169.png 300w, http://www.tralabo.com/hp/wp-content/uploads/2016/04/5-768x432.png 768w, http://www.tralabo.com/hp/wp-content/uploads/2016/04/5-304x171.png 304w, http://www.tralabo.com/hp/wp-content/uploads/2016/04/5-281x158.png 281w, http://www.tralabo.com/hp/wp-content/uploads/2016/04/5.png 960w" sizes="(max-width: 280px) 100vw, 280px" /> </div>
144
+
145
+ <p class="p_category">《〜初級編〜》</p>
146
+
147
+ <h3>5 運用シミュレーション</h3>
148
+
149
+ <p class="p_date"><span class="date-y">2016</span><span class="date-mj">04/5</span></p></a>
150
+
151
+ </article>
152
+
153
+
154
+
155
+ ```
156
+
157
+
158
+
159
+ ■変更前CSSファイルの一部
160
+
161
+
162
+
163
+ ```lang-css
164
+
165
+
166
+
167
+ body.home .front-loop .front-loop-cont {
168
+
169
+ padding: 40px 0;
170
+
171
+ overflow: hidden;
172
+
173
+ }
174
+
175
+ ```
176
+
177
+
178
+
179
+ ■変更後CSSファイルの一部
180
+
181
+
182
+
183
+ ```lang-css
184
+
185
+ body.home .front-loop .front-loop-cont {
186
+
187
+ padding: 20px 0;
188
+
189
+ overflow: hidden;
190
+
191
+ clear: left;
192
+
193
+ }
194
+
195
+ ```
196
+
197
+
198
+
199
+
200
+
201
+
202
+
53
203
  ■試してみたこと１
54
204
 
55
205
  トップページのソースを開いてみて、IPHONEで見ると表示されなく記事のを探し出して、

1

タイトル修正

2016/06/15 16:03

投稿

hirororo
hirororo

スコア72

test CHANGED
@@ -1 +1 @@
1
- パソコンで表示されるのに、Iphoneで記事が表示されない
1
+ Wordpressサイトのトップページ記事一覧で一部の記事がIphoneで表示されない
test CHANGED
@@ -42,9 +42,7 @@
42
42
 
43
43
 
44
44
 
45
- ![Iphoneで表示](ac8acd200d1ac7124c0b81bfd73536a4.png)
45
+ ![Iphoneで表示](750d74d7edef4aa8144a4b9b207a8027.png)
46
-
47
-
48
46
 
49
47
 
50
48