質問編集履歴
2
コードの一部追加をいたしました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -32,15 +32,15 @@
|
|
|
32
32
|
<ul class="parent_ul2">
|
|
33
33
|
<li>
|
|
34
34
|
<a href=""><img src="./img/main_1.png" /></a>
|
|
35
|
-
<p >
|
|
35
|
+
<p >テキスト。<br>2017-08-03</p>
|
|
36
36
|
</li>
|
|
37
37
|
<li>
|
|
38
38
|
<a href=""><img src="./img/main_2.png" /></a>
|
|
39
|
-
<p >
|
|
39
|
+
<p >テキスト。<br>2017-08-14</p>
|
|
40
40
|
</li>
|
|
41
41
|
<li>
|
|
42
42
|
<a href=""><img src="./img/main_3.png" /></a>
|
|
43
|
-
<p >
|
|
43
|
+
<p >テキスト。<br>2017-08-14</p>
|
|
44
44
|
</li>
|
|
45
45
|
</ul>
|
|
46
46
|
</div>
|
1
コードを追記致しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -21,4 +21,108 @@
|
|
|
21
21
|
|
|
22
22
|
文章だけのため非常にわかりにくいかとは思いますが、
|
|
23
23
|
何卒アドバイスの方をお願いできればと思います。
|
|
24
|
-
参考になるサイトを教えていただけるだけでも助かります。
|
|
24
|
+
参考になるサイトを教えていただけるだけでも助かります。
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
制作したHTMLとCSSはブログ内のカスタム機能にコピペし読み込ませております。
|
|
28
|
+
|
|
29
|
+
```
|
|
30
|
+
<!--人気記事-->
|
|
31
|
+
<div class="main">
|
|
32
|
+
<ul class="parent_ul2">
|
|
33
|
+
<li>
|
|
34
|
+
<a href=""><img src="./img/main_1.png" /></a>
|
|
35
|
+
<p >次にブレイクしそうな人を教えてください。<br>2017-08-03</p>
|
|
36
|
+
</li>
|
|
37
|
+
<li>
|
|
38
|
+
<a href=""><img src="./img/main_2.png" /></a>
|
|
39
|
+
<p >【ガリガリ】藤田ニコル「身長167cm,体重47～<br>2017-08-14</p>
|
|
40
|
+
</li>
|
|
41
|
+
<li>
|
|
42
|
+
<a href=""><img src="./img/main_3.png" /></a>
|
|
43
|
+
<p >LUNA SEA「河村隆一」の現在の姿がヤバすぎるｗ<br>2017-08-14</p>
|
|
44
|
+
</li>
|
|
45
|
+
</ul>
|
|
46
|
+
</div>
|
|
47
|
+
|
|
48
|
+
<!--最新記事-->
|
|
49
|
+
<div class="text" class="clearfix">
|
|
50
|
+
<IndexArticlesLoop>
|
|
51
|
+
<IfArticleNum lt 4>
|
|
52
|
+
<ul>
|
|
53
|
+
<li>
|
|
54
|
+
<div class="news_img">
|
|
55
|
+
<!--記事の見出し-->
|
|
56
|
+
<div class="image2">
|
|
57
|
+
<a a href="<$ArticlePermalink$>" itemprop="url"><img src="<$ArticleCoverImage$>" />
|
|
58
|
+
</div>
|
|
59
|
+
</div>
|
|
60
|
+
<!--記事タイトル-->
|
|
61
|
+
<div class="news_p">
|
|
62
|
+
<p><$ArticleTitle ESCAPE$></p></a>
|
|
63
|
+
</div>
|
|
64
|
+
<img class="new" src="http://blog.livedoor.jp/spantonn/img/new.png" alt="">
|
|
65
|
+
<!--更新日-->
|
|
66
|
+
<p class="day">
|
|
67
|
+
<time datetime="<$ArticleDateISO8601$>" itemprop="datePublished"><$ArticleDateYear$>.<$ArticleDateMonth$>.<$ArticleDateDay$></time>
|
|
68
|
+
</p>
|
|
69
|
+
<!--カテゴリー-->
|
|
70
|
+
<a href="<$ArticleCategory2Url$>"><span class="right"><$ArticleCategory2$></span></a>
|
|
71
|
+
<a href="<$ArticleCategory1Url$>"><span class="right"><$ArticleCategory1$></span></a>
|
|
72
|
+
</li>
|
|
73
|
+
</ul>
|
|
74
|
+
</IfArticleNum>
|
|
75
|
+
</IndexArticlesLoop>
|
|
76
|
+
</div>
|
|
77
|
+
|
|
78
|
+
<!--過去記事-->
|
|
79
|
+
<div class="text" class="clearfix">
|
|
80
|
+
<IndexArticlesLoop>
|
|
81
|
+
<ul>
|
|
82
|
+
<li>
|
|
83
|
+
<div class="news_img">
|
|
84
|
+
<!--記事見出し-->
|
|
85
|
+
<div class="image2">
|
|
86
|
+
<a href="<$ArticlePermalink$>" itemprop="url"><img src="<$ArticleCoverImage$>" />
|
|
87
|
+
</div>
|
|
88
|
+
</div>
|
|
89
|
+
<!--記事タイトル-->
|
|
90
|
+
<div class="news_p">
|
|
91
|
+
<p><$ArticleTitle ESCAPE$></p></a>
|
|
92
|
+
</div>
|
|
93
|
+
<!--更新日-->
|
|
94
|
+
<p class="day">
|
|
95
|
+
<time datetime="<$ArticleDateISO8601$>" itemprop="datePublished"><$ArticleDateYear$>.<$ArticleDateMonth$>.<$ArticleDateDay$></time>
|
|
96
|
+
</p>
|
|
97
|
+
<!--カテゴリー-->
|
|
98
|
+
<a href="<$ArticleCategory2Url$>">
|
|
99
|
+
<span class="right"><$ArticleCategory2$></span>
|
|
100
|
+
<a href="<$ArticleCategory1Url$>">
|
|
101
|
+
<span class="right"><$ArticleCategory1$></span>
|
|
102
|
+
</a>
|
|
103
|
+
</li>
|
|
104
|
+
</ul>
|
|
105
|
+
</IndexArticlesLoop>
|
|
106
|
+
</div>
|
|
107
|
+
|
|
108
|
+
|
|
109
|
+
<!--ページャー-->
|
|
110
|
+
<div id="pager">
|
|
111
|
+
<div class="pager">
|
|
112
|
+
<div class="pager-inner">
|
|
113
|
+
<div class="index-navigator-outer nextpage">
|
|
114
|
+
<ul class="index-navigator">
|
|
115
|
+
<li class="paging-number">
|
|
116
|
+
<ol class="paging-number">
|
|
117
|
+
<li class="current" title="現在の表示ページ"><span>1</span></li>
|
|
118
|
+
<li><a href="<$NextArticle$>" title="2ページ目へ">2</a></li>
|
|
119
|
+
</ol>
|
|
120
|
+
</li>
|
|
121
|
+
<li class="paging-next"><a rel="next" href="<$NextArticle$>" title="次のページへ">>></a></li>
|
|
122
|
+
</ul>
|
|
123
|
+
</div>
|
|
124
|
+
</div>
|
|
125
|
+
</div>
|
|
126
|
+
</div>
|
|
127
|
+
|
|
128
|
+
```
|