こんにちは、パソコンワンポイントレッスン！
PCインストラクターの川上です。
今日は、グーグルクロム（Google Chrome）限定の記事になります。
（ファイヤーフォックス（Firefox）の方は、最後の方の＜追記２＞をご覧くださいませ。）
実は、グーグルクロムには、拡張機能というのがあります。
拡張機能を入れることで、自分好みの設定ができるようになっています。
ここでは、ブログでいつも記事下に定型の囲み枠を簡単に挿入する拡張機能をお伝えします。
今回お伝えする拡張機能は、「Insert Text」という機能です。
まず、Insert Text をインストールします。
https://chrome.google.com/webstore/detail/insert-text/abmgjcmmphkhndoahbfanhbgeekconmm
すると、このような画面が表示されます。
「新しい拡張機能の確認」が表示されます。
「はい、この拡張機能を信頼します。」をクリックします。
インストールが終わると、このような画面が表示されます。
右上を見ると、「CHROMEに追加済み」と表示されます。
一度、ご自分のブログか、マイページを開いてみます。
すると、右上に「Insert Text Options」というボタンができていますので、そのボタンをクリックします。
定型文を入れる画面が表示されます。
「Create Text」ボタンをクリックします。
そして、タイトルとタグを入力（またはコピペ）します。
ここでは、こちらの記事の中から、
【続々編】見出し付きの囲い枠（角を丸く・背景グラデーション・枠に影・文字に影）
この囲い枠をコピペしてみました。
<div style="border:1px solid #3b5998; margin:0 8px; padding:0;border-radius:5px; box-shadow:#cccccc 3px 3px 3px;"><p style="margin:0; padding:3px 12px; background:#3b5998; color:#ffffff;font-weight:bold;text-shadow: 1px 1px 3px #000;">■タイトル■</p><div style=" font-size:0.85em;padding:12px;">１．ここに本文<br>２．ここに本文<br>３．ここに本文</div></div>
あとは、左下の「Save」ボタンを押します。
すると、左側に作成した定型文の見出しが表示されます。
これで完成です。
あとは、「記事を書く」で、右クリックして、メニューを表示します。
すると、「InsertText」－「見出し付き囲み枠」が表示されますので、クリックしてあげます。
すると、このように囲い枠がバシッと表示されます。
（あれ？うまくバシッと表示されない場合は、一度クロムを終了して、再度クロムを起動してから挿入してみてくださいませ）
そう、Facebook Blue（カラーコードは#3b5998）の見出し付き囲み枠がこのように↓↓↓
■タイトル■
２．ここに本文
３．ここに本文
いかがだったでしょうか？
＜注意！＞
クロムの拡張機能はとても便利で、他にも色んな機能があります。
しかし、拡張機能を入れすぎると動作が重くなるので、入れすぎには注意してください！
＜追記１＞
グーグルクロムを使いたくなった方は、こちらの過去記事をご覧になって、インストールされるとよいですね↓↓↓
Google Chrome（グーグルクロム）のダウンロードとインストール
＜追記２＞
やっぱり私はきつねうどん派･･･
じゃなくて、きつね派･･･Firefoxを使いたい･･･
という方は、十勝のこちらの方をご覧くださいませ～↓↓↓
＜追記３＞
2017年6月5日より、アメブロPC版で「記事のコピー機能」が新登場しましたので、そちらを利用されるとよいです↓
『”【新機能】PC版Amebaブログに記事コピー機能が登場！”』
以上、グーグルクロム限定のアメブロ便利技でした。
LIDS札幌・ライフデザインスクール
川上 雄大