パソコンが好きになるブログ〜表技・裏技・便利技伝授!

北海道札幌市中央区 大通駅徒歩7分のパソコンスクール「リズ札幌・ライフデザインスクール」パソコンインストラクター川上雄大によるパソコン・IT・ワンポイントレッスン。
スクールでのいろんな方のパソコンレッスンだったり、パソコンとは関係ない話だったり…


テーマ:

こんにちは、パソコンワンポイントレッスン!

PCインストラクターの川上です。


今日は、グーグルクロム(Google Chrome)限定の記事になります。
(ファイヤーフォックス(Firefox)の方は、最後の方の<追記2>をご覧くださいませ。)


実は、グーグルクロムには、拡張機能というのがあります。

拡張機能を入れることで、自分好みの設定ができるようになっています。


ここでは、ブログでいつも記事下に定型の囲み枠を簡単に挿入する拡張機能をお伝えします。


今回お伝えする拡張機能は、「Insert Text」という機能です。


まず、Insert Text をインストールします。

 

右上の「無料」ボタンをクリックします。
 

川上雄大のワンポイントレッスン!

 


「新しい拡張機能の確認」が表示されます。

 

 

 

 

 

 

 

川上雄大のワンポイントレッスン!

 


「はい、この拡張機能を信頼します。」をクリックします。

 

 

川上雄大のワンポイントレッスン!

 

 

 


インストールが終わると、このような画面が表示されます。

 

 

川上雄大のワンポイントレッスン!

 

 

 


右上を見ると、「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;">1.ここに本文<br>2.ここに本文<br>3.ここに本文</div></div>


あとは、左下の「Save」ボタンを押します。

 

 

川上雄大のワンポイントレッスン!

 

 

 


すると、左側に作成した定型文の見出しが表示されます。
これで完成です。

 

 

川上雄大のワンポイントレッスン!

 

 

 


あとは、「記事を書く」で、右クリックして、メニューを表示します。

すると、「InsertText」-「見出し付き囲み枠」が表示されますので、クリックしてあげます。

 

 

川上雄大のワンポイントレッスン!

 

 

 


すると、このように囲い枠がバシッと表示されます。
(あれ?うまくバシッと表示されない場合は、一度クロムを終了して、再度クロムを起動してから挿入してみてくださいませ)

 

 

川上雄大のワンポイントレッスン!

 

 

 


そう、Facebook Blue(カラーコードは#3b5998)の見出し付き囲み枠がこのように↓↓↓

 

 

 

■タイトル■

1.ここに本文
2.ここに本文
3.ここに本文

 


いかがだったでしょうか?

 

 


<注意!>
クロムの拡張機能はとても便利で、他にも色んな機能があります。
しかし、拡張機能を入れすぎると動作が重くなるので、入れすぎには注意してください!


<追記1>
グーグルクロムを使いたくなった方は、こちらの過去記事をご覧になって、インストールされるとよいですね↓↓↓

Google Chrome(グーグルクロム)のダウンロードとインストール


<追記2>
やっぱり私はきつねうどん派・・・
じゃなくて、きつね派・・・Firefoxを使いたい・・・

という方は、十勝のこちらの方をご覧くださいませ~↓↓↓

 

 

 

 

Firefox にも定型文を挿入できる拡張機能があります *** MyWords ***|ブログを続けるには楽しむことが必要です

 

 


<追記3>

2017年6月5日より、アメブロPC版で「記事のコピー機能」が新登場しましたので、そちらを利用されるとよいです↓

 

”【新機能】PC版Amebaブログに記事コピー機能が登場!”

 

 

 

 

 

 


以上、グーグルクロム限定のアメブロ便利技でした。


LIDS札幌・ライフデザインスクール
川上 雄大

 

 

 

 

 

いいね!した人  |  コメント(26)  |  リブログ(0)

川上雄大・パソコンインストラクターさんの読者になろう

ブログの更新情報が受け取れて、アクセスが簡単になります

SNSアカウント