質問編集履歴

2

変更

2018/07/09 12:32

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -1,4 +1,4 @@
1
- Wordpressで下記のように記事のアイキャッチと記事のタイトルを表示させました。
1
+ Wordpressのtwentyseventeenというテーマで下記のように記事のアイキャッチと記事のタイトルを表示させました。
2
2
 
3
3
  レスポンシブサイトで画面を小さくすると、タイトルだけが要素に収まらずはみ出してしまいます。
4
4
 
@@ -18,11 +18,11 @@
18
18
 
19
19
  <div class="list">
20
20
 
21
- <p><img width="250" height="150" src="http://xxxxxxx.jp/news/wp-content/uploads/2018/06/espresso.jpg" class="left wp-post-image" alt="" srcset="http://xxxxxxx.jp/news/wp-content/uploads/2018/06/espresso.jpg 2000w, http://xxxxxxx.jp/wp-content/uploads/2018/06/espresso-300x180.jpg 300w, http://xxxxxxx.jp/news/wp-content/uploads/2018/06/espresso-768x461.jpg 768w, http://xxxxxxx.jp/news/wp-content/uploads/2018/06/espresso-1024x614.jpg 1024w" sizes="(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px" /></p>
21
+ <p><img width="250" height="150" src="http://example.com/news/wp-content/uploads/2018/06/espresso.jpg" class="left wp-post-image" alt="" srcset="http://example.com/news/wp-content/uploads/2018/06/espresso.jpg 2000w, http://example.com/wp-content/uploads/2018/06/espresso-300x180.jpg 300w, http://example.com/news/wp-content/uploads/2018/06/espresso-768x461.jpg 768w, http://example.com/news/wp-content/uploads/2018/06/espresso-1024x614.jpg 1024w" sizes="(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px" /></p>
22
22
 
23
23
  <p>88888888888888888888888888888888888888888888888888888888888888</p>
24
24
 
25
- <p class="btn_p"><a href="http://xxxxxxx.jp/news/2018/07/05/88888-2/"></a></p>
25
+ <p class="btn_p"><a href="http://example.com/news/2018/07/05/88888-2/"></a></p>
26
26
 
27
27
  </div>
28
28
 

1

追加

2018/07/09 12:32

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -6,7 +6,7 @@
6
6
 
7
7
 
8
8
 
9
- <HTML>
9
+ <HTMLウェブ上ソース>
10
10
 
11
11
  ```ここに言語を入力
12
12
 
@@ -31,6 +31,42 @@
31
31
  </div>
32
32
 
33
33
  <!-- sub_box2 -->
34
+
35
+ ```
36
+
37
+ <HTML Wordpressのindex.php編集画面>
38
+
39
+ ```ここに言語を入力
40
+
41
+ <!-- sub_box2 -->
42
+
43
+ <div id="sub_box2">
44
+
45
+ <h3 class="widget-title">最新記事一覧</h3>
46
+
47
+ <?php $posts = get_posts('numberposts=3'); ?>
48
+
49
+ <?php foreach($posts as $post): ?>
50
+
51
+
52
+
53
+ <div class="list">
54
+
55
+ <p><?php the_post_thumbnail(array(250,250), array('class' => 'left')); ?></p>
56
+
57
+ <p><?php the_title(); ?></p>
58
+
59
+ <p class="btn_p"><a href="<?php the_permalink(); ?>"></a></p>
60
+
61
+ </div>
62
+
63
+
64
+
65
+ <?php endforeach; ?>
66
+
67
+ </div>
68
+
69
+ <!-- sub_box2 -->
34
70
 
35
71
  ```
36
72