サイト構築関連タイトルからして、ちゃんとした記事を書く気がないのがばれたかもしれない。みんなのように、丁寧にHOWTO記事、使い方の説明、商品アフィリエイト記事に限界を感じている私は、仕方なくオリジナル路線を進むことにする。吹き出しを使ってやりたいことなぜ吹き出しかそもそも、吹き出しに目をつけた当初の理由は、「文章にメリハリがないから」だった。こちらのサイトは、無料テーマ「Simplicity」を使用していて、あまりカスタマイズもしていない。良い文章であればデザインを凝る必要はないという説はあるものの、やはり文章だらけで説明も構成も下手となれば、読み手は最後まで読んではくれない。メリハリだけなら、行間や文字を装飾するCSSなんかを凝ればなんとかなりそうなんだけど、研究が足りないのか、CSSを設定したとしても、その装飾をボタンひとつでテキストに実装できず、毎回コードをつけないといけなさそうだ。スマホからのカスタマイズは難しそう。この文字装飾については、次のサイトを作るときにワードプレスのテーマを「SANGO」にしたいのでその時に、装飾ふわふわかわいい感を味わいたいと思ってる。何をカスタマイズすればよいのか。あのみんなが使っている「吹き出し」あれが良いのではないか。LINEの会話形式のようにも使え、文中に挟むだけで隙間ができて箸休めにもなるし、筆者のキャラクター認知も深まる。文章だらけのコンテンツには最適ではないか。文章にメリハリをつけるのが、私の中での最大の目的ではあるが、他にも「吹き出し機能」をつける効果はたくさんある。一般に「まんが効果で読みやすい」「文章が柔らかい感じになる」「分かりやすい」などあるが、あんやくこと筆者は、次のように考えている。アイコンで遊べる友達を登場させられるツッコミを入れられる真面目なことも言えるですますが使える追記しやすいいいことづくめ。今のサイトに限界を感じていたら、悩みがある人にうってつけの機能、それが吹き出しだ。吹き出しの付け方には、何種類か方法がある。難易度の低い順に書くと、ワードプレスのテーマに標準装備されているものを使って付けるワードプレスのプラグインをインストールして付けるCSSなどでカスタマイズしてつけるこのような形になる。有料テーマだと標準装備されてるみたいね。私は無料テーマを使っているので、「プラグイン」を使用しよう。この色々なパターンの吹き出しに関しては、Twitterで相互フォローしているミカコさんの記事が超絶親切でわかりやすいのでおすすめする。参照:【超絶初心者でも簡単】ワードプレス・吹き出しの作り方、アイコンイラストの用意プラグインの力で吹き出しをつけるWebを仕事にしているので、htmlやcssはわかる。今回は急いでいるので、ひたすら工数がかからないようにプラグインに依存。Bubble』というプラグイン。以前から見つけておいたのだ。Bubbleで会話形式のブログコンテンツが作れる!これで簡単、楽々!と思いきや。Bubble」の作成者が変わっているのか?見本ページと違う。本当にこれなのかな?CSSでカスタマイズするできればプラグインで吹き出し機能を付けたかった。プラグインについて調べている時間やテストする時間がもったいないと思い、一旦CSSを使用して吹き出しをカスタマイズすることに。吹き出し機能」などで検索するとよい。吹き出し」なのでこちらのページに当たった。キャラ画像付きのふきだしで会話風にするカスタマイズ。書いてあるCSSをの「外観>テーマエディタ」内のresponsive.cssに貼るだけの楽々作業。バックアップも何も取らなかった。画像下の「キャラ名」のところに「.anyaku」など半角英字で書いて、それをclassにするという仕組み。http:~のところに画像のパスを入れる。画像のサーバアップとかcssとか嫌な人はプラグインを探すとよいよ~アイコンを作る方法スマホでイラストの修行をしたが、私のレベルはここまで、おそらくペンタブを導入しても大してレベルアップは見込めないだろう。そこで、小学校の時に異常に好きだった、顔のパーツを組み合わせる遊びを思い出した。雨の日に休み時間に自由帳でやったよね?ね?参照:顔のパーツを自由帳に書いて選んでもらう遊び、知ってる?懐かしいそういう顔で遊ぶツールがないか調べてみた。すると今のWebの世界では「アバター」と呼ばれて存在していた。SNSサイトやゲームのキャラクター作りで確かにそういうのがあった。ツールは探すとたくさんあるのだが、やはり用途がゲームメインだからなのか、アニメっぽいもの、顔だけでなく体まであるものが多い。それはそれで着せ替えて楽しいのだが、今回は、「顔アイコンにできるもの」に注目してデザインで選んだ。こればっかりは好みの問題なので、「アバター」などで検索して好きなのを作ればよいと思う。いうときイラスト描ける人は強いなと思う!ココナラが人気なのもわかる!今回、私が推奨するのはこちらのフラッシュを使ったもの。自由自在に変えられる優れもの。Flashのブロックを解除しないと使えないけどね。これさえあれば、簡単にアイコン作れる!お試しでカエル(@buji_kaeru)さんにも作ってもらった。2019魔法が解けてヒトに戻った気分ですうーん、かわいい。今後、私はサイトに友人を登場させたいので、Twitterで使用されているアイコンをお借りして吹き出していく予定。できれば台詞ももらいたい。遊ぶ方向に舵を切ってしまっている。2019ほら、さっそく一人、いや一匹🐶わん🐶うーんカルクさんは、🐶のアイコンのがいいのかな。現状の吹き出し問題ここまで作ってあれだけど、CSSでカスタマイズしただけでは、アイコンの下に名前を出す機能が付いてないようだ。松原潤一さんのブログより上述の潤一さんのブログでいうこの赤枠。名前を出せないのに、いろんなアイコン出てくるとややこしい。よいプラグインを探すしかないのかな。現在は暫定的にCSS吹き出しを使っておく。吹き出しを使ってやりたいことせっかく吹き出しの機能をつけたので、これをつかって大喜利とか、Twitterでの会話の模様なんかも紹介できたら楽しい。家族を登場させたり!あとは、文字だらけのしょうがないページに1人招待して、ツッコミを入れまくってもらうとか。他にもよいアイデアあったら大募集。吹き出しに関しては遊ぶ気満々。関連記事サイトのPR活動についてTwitterによるサイトのPR活動および、Twitterカード表示不具合について書きました。記事を読む私がアドセンス申請で気を付けたことAdSense申請の際に気を付けたこと、気を付けた方がよいことを記載。記事を読むある雑記ブログのデータ好きなことしか書いてないメンテナンスされてない雑記ブログでも月日が経てばさすがにアクセスが増えますよという話。記事を読むTwitterへの誘導ワードプレスからTwitterへ誘導するボタンを作ろうとしたけれど微妙。こちらはテストページ記事を読む新規ドメイン取得~ドメイン7社の価格比較~新たにドメインを取得する場合、現在の相場はどうなっているか、どれくらいの維持費がかかるのか。ブラウザでフィルタされる可能性があります。」という知らせが来た。いうことかをヘルプを交えて説明する。~サイト開設から8か月~お客様の住所の確認が完了していないため、お客様のお支払いは現在保留中となっています。AdSenseからPINコードが送られたという合図。記事を読むアドセンス広告の設定についてアドセンスに合格したら、最初に訪れる難関が広告設定だ。喜んでばかりはいられない。記事を読むTwitterのオートプロモートの説明と検証つい出来心でTwitterのオートプロモートを申し込んでしまいました。検証をして役にたてたら。記事を読む【ワードプレス初心者】セキュリティ対策は大丈夫?ワードプレスのように世界中の人が使うツールは、様々な攻撃の標的になりやすい。誰もが無料で簡単に扱える「ワードプレス」だからこそ、セキュリティ対策がとても重要。コメントをキャンセルメールアドレスが公開されることはありません。*サイトスポンサーリンクプロフィール夫の失業を機にサイトを作った暗躍妻@anyakutumaです。Twitterでは「あんやく」と呼ばれています。中年夫の失業から始まる妻の暗躍.。