---
# System prepended metadata

title: いたずら

---

# いたずら

![](https://i.imgur.com/IHDSIaC.jpg)



> [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点くらい列挙）
◆設定方法まとめ（最初に全体像→箇条書き）




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



