# いたずら


> [name=Saaya]

| Column 1 | Column 2 | Column 3 |
| -------- | -------- | -------- |
| Text | Text | Text |

---

/*ソースコード競合上書き、フォントサイズ変更*/
.entry-content pre {
border-left: none;
padding: 0;
margin: 0 0 30px 0;
background-color:#322931;
}

.entry-content code {
font-size: 15px;
color: #b9b5b8;
line-height: 26px
}

#content pre {
padding: 3px;
}

↓追加CSSに以下を追記する

div.profile-content {
font-size:14px;
line-height: 24px
}

.prof-sns{/*全体*/
text-align: center;/*文字は中央寄せ*/
padding-top: 5%;/*内側上の余白*/
border-top: 2px dotted #eee;/*上線はドッと*/
font-size: 0.6em;/*文字の大きさ*/
}
.prof-sns i {/*アイコンの設定*/
font-size: 3em;/*3倍の大きさ*/
line-height: 34px;/*高さ*/
margin-top: 6px;/*外側上の余白*/
}
.pf-btn {/*snsボタンの共通部分*/
display: inline-block;/*横幅や縦幅を設定できるように*/
width: 43%;/*横幅*/
height: 60px;/*行間*/
margin: 0% 1.5% 5%;/*外側の余白*/
border-radius: 5px;/*角丸*/
letter-spacing: .05em;/*文字の感覚*/
opacity: .7;/*透明度*/
color: #fff;/*文字色白*/
}
.pf-btn:hover{/*ホバーエフェクト*/
opacity: 1;/*透明度なし*/
text-decoration: none;/*テキストの装飾をOFF*/
transition: all ease-in-out .3s;/*なめらかに*/
}
/***** ボタンカラー *****/
.twitter-bc{background-color: #1DA1F2;}
.instagram-bc{background: repeating-linear-gradient(45deg, #FED06E, #FC0077, #3F35EE );}

↓ウィジェットのカスタムHTMLに以下を追記する

<div class="prof-sns">
<a class="pf-btn twitter-bc" href="https://twitter.com/daniel__blog" target="_blank"><i class="fab fa-twitter"></i><div >@daniel__blog</div></a>

<a class="pf-btn instagram-bc" href="https://www.instagram.com/daniel_infra/" target="_blank"><i class="fab fa-instagram"></i><div >Instagram</div></a>
</div>

【紹介系記事】
挨拶
自己紹介
先日のツイート
記事概要（リンク先、デモ、販売先）
更新情報まとめ（ページ内リンク）
◆結論（紹介したい情報、デモサイトへの案内）
・具体例（実際にカスタマイズしてる人の紹介）
・注意点
・機能紹介（3点くらい列挙）
◆設定方法まとめ（最初に全体像→箇条書き）

【方法紹介系記事】
記事概要（便利だからなど理由つける）
◆完成形のイメージ図（参考サイトなど）
◆動作デモ
◆（解説や補足）