新しいブログデザインまぁまぁ形になってきた。
めっちゃ作るの時間かかってます(;´∀`)
人気記事を表示するプラグイン(WordPress Popular Posts)を入れてみたので、忘れないように設定とか控えときます。
① WordPress Popular Postsをインストール、プラグインを有効化
②ウィジェットに追加して設定
③CSSはこんな感じ
line-height: 1.2em;
margin: 0px 0px 0px 0px;
}.wpp-mystyle dl{
clear: both;
margin: 0;
border-top: 1px rgba(0, 0, 0, 0.1) solid;
margin-top: 5px;
padding-top: 5px;
height: 62px;
}
.wpp-mystyle dl:last-child {
border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
padding-bottom: 5px;
}
.wpp-mystyle div.post-thumbnail-outer {
float: left;
margin-right: 5px;
width: 60px;
height: 60px;
border: 1px solid #f5f5f5;
overflow: hidden;
}
.wpp-mystyle div.post-thumbnail-outer:hover {
opacity: 0.85;
}
.wpp-mystyle div.post-thumbnail-outer .t-flame{
width: 60px;
height: 60px;
display: table;
}
.wpp-mystyle div.post-thumbnail-outer .t-cell {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.wpp-mystyle div.post-thumbnail-outer .t-cell img {
border-width: 0px;
}
.wpp-mystyle div.wpp-right{
min-height: 60px;
overflow: hidden;
color: #483D8B;
padding-top: 2px;
}
.wpp-mystyle div.wpp-right:hover {
color: #3366ff;
}
.wpp-mystyle div.wpp-right .row1 { overflow: hidden; white-space: nowrap; }
.wpp-mystyle div.wpp-right .row2 { overflow: hidden; white-space: nowrap; }
.wpp-mystyle div.wpp-right .row3 { overflow: hidden; white-space: nowrap; }
.wpp-mystyle .view {
font-size: 16px;
color: #66cc99;
}
.wpp-mystyle .title {
font-weight: 700;
text-decoration: none;
}
.wpp-mystyle .excerpt {
color: #A9A9A9;
font-size: 13px;
}