これは便利!

パソコンは、覚えるものではなく慣れるもの

デジタルライフサポーターのみっちゃんです。

 

効率よく便利なもの、簡単に利用できるもの

 

いつも、色々と探しては、テスト環境を作って

 

失敗と成功を繰り返し、使いやすいものを選んでいます。

 

 

 

今回ご紹介するのは

 

簡単に「囲い枠」を記事に追加できる方法と

 

いつも、私が参考にしている素敵な方をご紹介します。

 

 

 

実は、この記事は、ワードプレスというもので

 

作成しています。

 

 

 

ワードプレスを使い始めたのは

 

2年前くらいからで、ワードプレスで

 

ホームページを作成したのが始まりでした。

 

 

 

アメブロの記事をワードプレスで

 

書き始めたのは、1年ほど前からです。

 

アメブロから何度か注意のメッセージを頂いたのがきっかけでした。

 

 

 

注意の意図があまり理解できず、

 

別に規約に違反した覚えもないし・・・

 

ただ、これで削除されたらいやだな~という想いから

 

バックアップを兼ねて、ワードプレスにお引っ越し作業をしました。

 

 

 

そして、ワードプレスから

 

アメブロに投稿するというスタイルをとるようになったのですが

 

ここで、大きな問題が・・・

 

 

ワードプレスってとってもシンプルで

 

逆にシンプル過ぎて

 

ホームページのデザインなどの知識がないと

 

文字の変換も装飾もできない

 

 

 

ですが、実はプラグインというものを追加することで

 

色々な機能が使える優れモノだったりします。

 

 

そんな中、私が時々記事の中に挿入する「囲い枠」

 

たとえばこれ!

 

パソコンで見ていただいた時の

 

左側に表示されているメニューを作成した時に

 

使っている囲い枠

 

 

 

■タイトル■
1.ここに本文
2.ここに本文
3.ここに本文

 

 

 

実は、こんなタグと呼ばれる呪文を書いて表示させるんです。

 

<div style=”height: 12px;”><span style=”margin-left: 8px; padding: 6px 10px; background: #000066; color: #d2b48c; font-weight: bold; border-radius: 5px;”><strong>■タイトル■</strong></span></div>
<div style=”border: #4169e1 3px double; padding: 20px; background-image: linear-gradient(#f0f8ff,#ffffe0); margin: 5px; color: #6d4c33; border-radius: 10px; box-shadow: 5px 5px 5px #AAAAAA;”>1.ここに本文<br />
2.ここに本文<br />
3.ここに本文</div>
<p>&nbsp;</p>

 

 

 

でも、はじめは、テキストなどに保存して

 

コピーして貼り付けるという作業をしていたんですが、

 

何とも簡単に使えるようになる

 

プラグインを見つけました(^^

 

 

 

それが、

 

 

「AddQuicktag」というプラグインです。

 

 

もともとは、こんな感じでシンプル

 

plugin1

 

 

このプラグインをつかって

 

設定をします。

 

 

plugin2

 

 

設定して保存させると・・・・

 

こんな感じで、登録したタグの一覧が

 

選択できるようになります。

 

 

plugin3

 

 

後は、好きな囲い枠を選択すれば

 

こんな感じで囲い枠が直ぐに表示されます。

 

 

 

あとは、文章を書きたしていくだけ

とっても便利!

 

 

 

 

この囲い枠は、私が良く参考にさせていただいている

 

この方のブログで、勉強させていただき

 

使わせていただいています。

 

見本付きでとてもわかりやすいんです!!

 

もし囲い枠作りたかった!って方はご参考にされてくださいね♪