□NOT FOUNDの画像アドレス
https://sweetmeats.jp/second/wp-content/themes/cocoon-master/images/404.png
■カテゴリー名一覧から非表示にする
XXの部分にID番号を入れる
.cat-item.cat-item-XX{display:none;}これだけだと 本文は投稿されてしまうので
Ultimate Category Excluder Optionsで非表示になるようにチェックをいれる
コクーンであれば 投稿ページから設定できる
ブログカード 通常 タイトル色#eab6a1
ブログカード クラス設定 together
ブログカード クラス設定 related 関連記事
ブログカード クラス設定 reference 参考記事
ブロック１
ここに文書を入れる
<div class="sw"><div class="wp-block-sw"><p>
ここに文書を入れる
</p></div></div>/* ブロック１*/
.sw div {
position: relative;
padding: 15px 15px 10px 32px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); /* 横 縦 ぼかし 色*/
border:1px solid #dddcd9;
border-radius:8px; /* 丸み*/
}
.sw div:before{
position: absolute; /*絶対位置 親ボックスの左上が基準位置*/
top: 10px;
left: -15px;
width: 40px;
text-align: center;
font-family: "Font Awesome 5 Free";
content: "♪";
font-weight: 900;
color: #fff;
line-height: 30px;
background: #c05049;/* タブの色*/
box-shadow: 0 2px 2px rgba(26, 26, 26, 0.14);
}
.sw div:after{
position: absolute;
content: '';
top: 40px;
left: -15px;
border-bottom: solid 8px transparent;/* 三角を作る*/
border-right: solid 15px #790202;/* タブの影の色*/
}
ブロック２
ここに文書を入れる
/* ブロック２*/
.sw2 div {
border-left:none;
margin: 20px 10px; /* 上下 左右 */
padding: 10px 20px 10px 30px; /* 上 右 下 左 */
position: relative;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
border:1px solid #dddcd9;
}
.sw2 div::before {
border: 3px solid #fff;
border-radius: 50%;
font-family: "Font Awesome 5 Free";
content: "\f10d";
font-weight: 900;
padding: 0 9px;
position: absolute;
left: -15px;
top: -15px;
text-align: center;
background-color: #92d4ff;
color: #fff;
font-size:1.5em;
}
.sw2 div::after {
border: 3px solid #fff;
border-radius: 50%;
font-family: "Font Awesome 5 Free";
content: "\f10d";
font-weight: 900;
padding: 0 9px;
position: absolute;
right: -15px;
bottom: -15px;
text-align: center;
background-color: #92d4ff;
color: #fff;
font-size:1.5em;
}独自のブログカード 利用規約
https://sweetmeats.jp/blog/about//*****ブログカード２*****/
.blogcard2 a {
font-size: 1.4rem;
}
a.blogcard2-href {
display: block;
position: relative;
padding: 20px;
border: 1px solid #ddd;
background: #fff;
color: #111;
text-decoration: none;
max-width: 540px;
min-height: 140px;
transition: transform .4s ease;
}
a.blogcard2-href:hover {
color: #ff811a;
background: #fcfcfc;
box-shadow: 3px 3px 8px rgba(0,0,0,.2);
transform: translateY(-4px);
}
p.blog-card2-title {
color: #111;
font-weight: bold;
}
p.blog-card2-desc {
font-size: 0.9em;
color: #666;
}
.blogcard2-img {
float: right;
margin: 0 0 15px 20px;
}
p.blogcard2-link {
clear: both;
font-size: 0.8em;
color: #999;
margin: 15px 0 0 0;
}
img.blogcard2-icon, amp-img.blogcard2-icon{
display: inline-block;
width: 18px;
height: 18px;
}