質問編集履歴

2

情報の追加

2020/05/09 02:17

投稿

cafe1111
cafe1111

スコア62

test CHANGED
File without changes
test CHANGED
@@ -28,59 +28,177 @@
28
28
 
29
29
  ```php
30
30
 
31
+ <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
32
+
33
+ <article class="main-contents__block page-block" itemscope="itemscope" itemtype="http://schema.org/BlogPosting" itemprop="blogPost">
34
+
35
+ <figure class="main-contents__image page-block__image">
36
+
37
+ <span itemscope itemtype='http://schema.org/ImageObject' itemprop="image">
38
+
39
+ <a href="<?php the_permalink(); ?>" itemprop="url" itemscope class="thumbnail-img">
40
+
41
+ <?php if (has_post_thumbnail()) : ?>
42
+
43
+ <?php the_post_thumbnail('full', array('itemprop' => 'image')); ?>
44
+
45
+ <?php else : ?>
46
+
47
+ <img src="https://placehold.jp/600x400.png" alt="">
48
+
49
+ <?php endif; ?>
50
+
51
+ </a>
52
+
53
+ </span>
54
+
55
+ </figure>
56
+
57
+ <meta itemprop="about" content="<?php echo get_post_meta($post->ID, _aioseop_description, true); ?>">
58
+
31
- <article class="main-contents__block">
59
+ <section class="main-contents__texts">
60
+
32
-
61
+ <time class="main-contents__time" itemprop="datePublished">
62
+
33
-
63
+ <?php the_time('Y/m/d'); ?>
64
+
65
+ </time>
66
+
67
+ <time itemprop="dateModified">
68
+
69
+ (更新日: <?php the_modified_date('Y/m/d'); ?>)
70
+
71
+ </time>
72
+
73
+ <p class="category" itemprop="keywords">
74
+
75
+ <a href="<?php the_permalink(); ?>">
76
+
77
+ <?php the_category(','); ?>
78
+
79
+ </a>
80
+
81
+ </p>
82
+
83
+ <h1 class="h2" itemprop="name headline">
84
+
85
+ <a href="<?php the_permalink(); ?>" title="<?php printf(the_title_attribute('echo=0')); ?>" itemprop="url">
86
+
87
+ <?php the_title(); ?>
88
+
89
+ </a>
90
+
91
+ </h1>
92
+
93
+ <p class="main-contents__description" itemprop="description"><?php the_content(); ?></p>
94
+
95
+ </section>
96
+
97
+ </article>
98
+
99
+ <?php endwhile; ?>
100
+
101
+ <?php endif; ?>
102
+
103
+
104
+
105
+ //クロームで見た場合
106
+
107
+ <p class="main-contents__description" itemprop="description"></p>
108
+
109
+ <div id="toc_container" class="no_bullets contracted" style="width: auto; display: table;"><p class="toc_title"></div>
110
+
111
+
112
+
113
+ //main-contents__descriptionの中ではなく外に表示されている。
114
+
115
+
116
+
117
+ ```
118
+
119
+ ```sass
120
+
121
+ @media screen and (max-width: 480px) {
122
+
123
+ .main-contents {
124
+
125
+ .main-contents__box {
126
+
127
+ .main-contents__list {
128
+
129
+ .main-contents__block {
130
+
131
+ .main-contents__texts {
132
+
133
+ padding: 15px;
134
+
135
+ .main-contents__time {
136
+
137
+ font-size: 15px;
138
+
139
+ }
140
+
141
+ .category a{
142
+
143
+ margin: 10px 0;
144
+
145
+ }
34
146
 
35
147
 
36
148
 
37
- <section class="main-contents__texts">
149
+ h2 a {
38
-
39
- <p class="main-contents__description" itemprop="description"><?php the_content(); ?></p>
150
+
40
-
41
- </section>
151
+ font-size: 20px;
42
-
152
+
153
+
154
+
43
- </article>
155
+ }
44
-
45
-
46
-
47
- //クロームで見た場合
156
+
48
-
49
- <p class="main-contents__description" itemprop="description"></p>
50
-
51
- <div id="toc_container" class="no_bullets contracted" style="width: auto; display: table;"><p class="toc_title"></div>
52
-
53
-
54
-
55
- //main-contents__descriptionの中ではなく外に表示されている。
56
-
57
-
58
-
59
- ```
157
+ h2{
60
-
61
- ```css
158
+
62
-
63
- @media screen and (max-width: 480px) {
64
-
65
- main-contents__description{
159
+ margin-bottom: 10px;
160
+
66
-
161
+ }
162
+
163
+ p{
164
+
165
+ font-size: 13px;
166
+
167
+ }
168
+
169
+
170
+
67
- h1{
171
+ h1{
68
-
172
+
173
+
174
+
69
- font-size:10px;
175
+ font-size:10px;
70
-
71
-
72
-
176
+
177
+
178
+
73
- }
179
+ }
180
+
74
-
181
+ .main-contents__description{
182
+
75
-
183
+ h1{
184
+
76
-
185
+ font-size:20px;
186
+
77
- }
187
+ }
78
-
79
-
80
-
81
-
82
-
188
+
83
- }
189
+ }
190
+
191
+ }
192
+
193
+                       }
194
+
195
+ }
196
+
197
+ }
198
+
199
+ }
200
+
201
+ }
84
202
 
85
203
  ```
86
204
 

1

情報の訂正

2020/05/09 02:16

投稿

cafe1111
cafe1111

スコア62

test CHANGED
File without changes
test CHANGED
@@ -28,7 +28,7 @@
28
28
 
29
29
  ```php
30
30
 
31
- <article class="main-contents__block>
31
+ <article class="main-contents__block">
32
32
 
33
33
 
34
34