■ブログで会話形式の吹き出しを使いたい■プラグインは使いたくない...。いうことで、cssで会話形式の吹き出しを自作しました。無事吹き出しを作れたものの、もっと簡単に使えるようにならないか...。思い、吹き出しを使う際にショートカットできるようにしました。プラグインなし!コピペでOKWordPressでブログを書いているとき会話形式にしたいと思ったことありませんか。文字ばかりだと読みにくいので吹き出しを使いたい。Bubbleなどのプラグインは使いたくない...。いうことでcssで会話形式のふきだしを自作してみました。使うときはコピペ...の記事でご紹介しました。ねこさんStyleシートにコピペすれば使えるようになります以下の内容をお読みになる前に、こちらの記事を参照してください。class=”text”>(3会話文)</div></div>を挿入。3.コード中の赤文字で書いた1画像URL2名前3会話文を毎回入力。毎回書くのも面倒くさいです。そこで、記事を書く際に簡単に吹き出しを利用できるようにしていきます。AddQuickTagにショートカットを登録すれば良いのでは毎回書く内容は同じなので、クイックタグにコピペしておけばよいのでは。クイックタグとは、記事記入時の上側にあるのことです。ここにショートカットを作成していきます。そこで、すでにインストール済みのプラグイン「AddQuickTag」を使いました。AddQuicktag以外でもお使いのクイックタグ系プラグインでも大丈夫です。以下ではAddQuicktagを例に説明していきます。AddQuicktagをインストールAddQuicktagをインストールしてない方のみ行います。インストール済みの方は次に進んでください。ワードプレスの「プラグイン」-「新規追加」で検索欄に「AddQuicktag」と入力。AddQuicktagが出てくるので、「今すぐインストール」。インストール完了したら「有効化」をクリック。これでAddQuicktagのインストール完了です。AddQuicktagの設定AddQuicktagをインストールすると、ワードプレスの「設定」に「AddQuicktag」が追加されるのでクリック。設定画面が表示されるので設定していきます。設定していくのは、図で示した、1ボタンのラベル2開始タグ3終了タグ4順番5ビジュアルエディターの5か所。例として、会話形式(左側)のクイックタグ設定をしていきます。1ボタンのラベルに表示するラベル名を入力します。一例ですが、私は「セリフ左」としました。スポンサーリンク自分でわかる名前を入力すればOKです。class=“text”>を入力します。赤文字の1画像URL2名前で、毎回同じ画像と名前を使うのなら合わせて登録しておきましょう。呼び出すとき楽ですよ。私は下のように、1画像URL、2名前も入力したうえで登録しています。class=”text”>3終了タグ3終了タグには</div></div>のみを入力します。4順番4順番は、今回以外にもAddQuicktagを使っている場合に入力します。クイックタグ欄に表示する順番を指定できます。深く考えずに連番にすればOK。5ビジュアルエディタークイックタグを表示する項目を指定します。図と同じように設定すればOK。設定完了これで会話形式(左側)の設定完了です。「考え事(右側)」も同様に設定します。設定するとこのようになります。吹き出しの使い方です。1吹き出しに入れたい文字を入力まずはセリフを入力します。左クリックでドラックして選択します。文字が図のように反転します。3ショートカットキーをクリック選択した状態で、先ほど作成したショートカットをクリックします。試しに「セリフ左」をクリック。4吹き出し完了これで完了です。プレビューで確認すると、ねこさんコメントを書きますのようになっていると思います。プラグインなし!コピペでOKWordPressでブログを書いているとき会話形式にしたいと思ったことありませんか。文字ばかりだと読みにくいので吹き出しを使いたい。Bubbleなどのプラグインは使いたくない...。いうことでcssで会話形式のふきだしを自作してみました。使うときはコピペ...の記事でご紹介した吹き出しを簡単に使用する方法を考えてみました。素敵吹き出しブログ生活をスタートできます。ichiイチのメモ帳スポンサーリンクプロフィールイチのメモ帳にようこそ。イチメモ!管理人のイチです。会社員しつつ、趣味の株や料理や旅行など。本ブログは◆楽しかったこと◆気になったことをメモメモしています。粉ミルクとスキムミルクの違いは?代用できるの?エクセルのスクロールバーが短くなったときに元に戻す方法GIMPで人物など写真の不要なものを消す!スマート消去Ver2.10お守りを買うときの言い方は?お守りとおみくじは買うタイミングも大事ディズニー土産のクッキーはおいしいのです。