2018/06/01プラグイン無しで画像付き吹き出し風の記事を作成してみる先生と生徒等複数の人の画像と共に吹き出しで記事を構成しているサイトをよく見かけます。ほとんどが同じ表示で、どの様にして作成しているのか気になっていました。Bubble」プラグインが利用されているようである。Bubble」プラグインは長期間更新されていいません。利用するプラグインが多くなるのも気になるので、プラグイン無しで吹き出し風の記事を作成してみた。作成に関して、下記サイトを参考にさせていただきました。下記は、作成した「画像付き吹き出し風のテキスト」で表示させています。利用するには、style.cssに吹き出し風のテキストの表示スタイルのためのCSSを追加して...投稿(記事作成)のときに、表示用のHTMLを書かないといけないかな!一から記述すると面倒だけど、記事入力を簡単にするプラグインなどを利用すると楽に入力できると思うよ。ここのサンプルでも色をつけてるけど、CSSの色指定を変更で可能だよ。「左からの吹き出し」と「右からの吹き出し」とそれぞれに考える吹き出しがあります。</div></div>※左からの「考えているの吹き出し」も同様に、「think」のクラスを指定すると表示します。下記のCSSを、style.CSSに追加します。#FFF;}吹き出しの色については、上記のCSSの色指定の部分を変更してください。複数の色の吹き出しが必要な場合は、クラス分けをして色を指定するといいですね。当方iMacを利用しているのですが、「ヒラギノ角ゴシック」の太字がノーマルの文字で表示されて困っていました。CSSを確認しても、記述には問題がありません。Analytics(アナリティクス)対応のプラグインを利用して、アクセス解析を行っています。コメントをキャンセルメールアドレスは公開されません。付いている欄は必須項目ですので、必ずご記入をお願いします。内容に問題なければ、下記の「コメントを送信する」ボタンを押してください。*上に表示された文字を入力してください。・・・ブログを運営していると、表示させたいのが記事の人気ランキングですね。・・・ブログなどサイト作成では、表を利用して説明することが往々にしてあります。