コピー2020.01.21スポンサーリンク会話形式の記事は相変わらずよく見ますよね。WordPress無料テーマ、Cocoonにはビジュアルエディタで会話形式を挿入できる機能があります。アイコンなどもカスタマイズが簡単ですしショートコード等も必要なくワンクリックで使えるので、非常に使い勝手がいいです。Cocoonとは?SEO・高速化・モバイルファースト最適化済みのシンプルな無料Wordpressテーマ。100%GPLテーマです。個人的には無料テーマでは最強ではないかと思っています。まとめCocoonの「吹き出し」機能デフォルト一覧Cocoonの「吹き出し」でデフォルトで設定されているのは以下の8種類。Cocoonの「吹き出し」機能デフォルトです。[sample001]男性(左)Cocoonの「吹き出し」機能デフォルトです。[sample002]女性(右)Cocoonの「吹き出し」機能デフォルトです。[sample003]ビジネスマン(左)Cocoonの「吹き出し」機能デフォルトです。[sample004]ビジネスウーマン(右)Cocoonの「吹き出し」機能デフォルトです。[sample005]悩むおじさん(左)Cocoonの「吹き出し」機能デフォルトです。[sample006]悩むおばさん(右)Cocoonの「吹き出し」機能デフォルトです。[sample007]男性医師(左)Cocoonの「吹き出し」機能デフォルトです。[sample008]女性医師(右)Cocoonの「吹き出し」機能デフォルトです。[sample009]どや顔男性(左)Cocoonの「吹き出し」機能デフォルトです。[sample010]どや顔女性(右)オリジナルアイコンでカスタマイズこの「吹き出し」は、アイコンなどをカスタマイズする事ができます。設定画面から登録しておけばいつでも呼び出して使用する事ができるようになります。吹き出しのアイコンを用意まずはアイコンにする画像を用意。使用する画像は「160px以上の正方形」とのことです。今回は顔アイコン素材が簡単に作れるサービス「Iconpon」でアイコンを作ります。高品質な無料(フリー)の顔アイコン素材あなた好みのプロフィール画像(アイコン素材)を作ってダウンロードできるサービスです。www.iconpon.com今回は「イケてる顔アイコン」で男女2種類のアイコンを作ってみました。パーツを選ぶだけでいい感じのアイコンが作れます。会員登録なしでDLできます。デフォルトだと一辺256pxのPNGでDL出来ます。「Cocoon設定」「吹き出し」「新規作成」を開きます。「Cocoon設定」「吹き出し」「新規作成」を開きます。各種設定していきます。■タイトル吹き出しのタイトル。■名前アイコン下に表示されるもじ。■アイコン画像さっき作った画像をアップロード。■吹き出しスタイルデフォルトはふつうの吹き出し、フラットは背景が薄いグレー、LINE風は背景が緑、考え事は吹き出しの尻尾が丸いもの。どっちか揃えになってるものもよく見ますよね。■アイコンスタイル丸四角、それぞれ枠線ありなしも選べます。ビジュアルエディタから呼び出して簡単に使えるようになります。Cocoonの吹き出しカスタマイズ、いいかんじにできましたね。吹き出し自体も簡単に使えるからまじですごい。まとめこの会話形式の記事スタイル、企業サイトやコーポレートサイトでもけっこう重宝します。インタビューの記事などで使うと硬さが取れて読みやすくなるんですよね。FAQの導入部分で使うと親しみやすさも出ますし。コピーnullllをフォローするnullllnullllog関連記事WORDPRESSCocoonをコーポレートサイトっぽくカスタマイズ!7おまけ:ヘッダに電話番号編Cocoonが便利すぎて、なんとかコーポレートサイトとかビジネスサイト、企業サイトっぽくカスタマイズ出来ないかと思いいろいろ試してみることにしました。ヘッダ(ナビゲーション)に電話番号を表示させる方法です。超初心者がSVGをWordPressで扱う方法をまとめておきます。デフォルトではWordPressでSVGファイルをアップロードできないため注意が必要です。WORDPRESSCocoonをコーポレートサイトっぽくカスタマイズ!5まとめ編Cocoonが便利すぎて、なんとかコーポレートサイトとかビジネスサイト、企業サイトっぽくカスタマイズ出来ないかと思いいろいろ試してみることにしました。カスタマイズのまとめとサンプルサイトの公開です。WORDPRESSCocoonをコーポレートサイトっぽくカスタマイズ!6おまけ:新着情報編Cocoonが便利すぎて、なんとかコーポレートサイトとかビジネスサイト、企業サイトっぽくカスタマイズ出来ないかと思いいろいろ試してみることにしました。トップページにカテゴリ別の新着情報一覧を表示させる方法です。WORDPRESSCocoonをコーポレートサイトっぽくカスタマイズ!2メニュー編Cocoonが便利すぎて、なんとかコーポレートサイトとかビジネスサイト、企業サイトっぽくカスタマイズ出来ないかと思いいろいろ試してみることにしました。プルダウンメニューの親ページにはリンクさせないようにします。無料レンタルサーバ「XFREE」でのWordPressの設定方法・使い方をわかりやすく説明します。誰でも無料でWordPressを使用することができます。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。素材アーカイブ2020年2月2020年1月2019年12月2019年11月2019年10月2019年9月2019年8月おすすめサーバこのサイトでも使用しています。まとめAUTHOR書いた人nullll未経験から突然小さな会社のインハウスWebデザイナーになりましたので、WEBサイト制作に役立つ情報のメモを残そうと思います。同じような方の参考になれば幸いです。nullll14人気記事Cocoonをコーポレートサイトっぽくカスタマイズ!1トップページ編2019.10.152020.01.09Cocoonをコーポレートサイトっぽくカスタマイズ!6おまけ:新着情報編2019.11.262020.01.14Cocoonをコーポレートサイトっぽくカスタマイズ!7おまけ:ヘッダに電話番号編2019.12.122020.01.09Cocoonをコーポレートサイトっぽくカスタマイズ!2メニュー編2019.10.162020.01.09Cocoonをコーポレートサイトっぽくカスタマイズ!3料金表編2019.10.182020.01.09nullll未経験から突然小さな会社のインハウスWebデザイナーになりましたので、WEBサイト制作に役立つ情報のメモを残そうと思います。同じような方の参考になれば幸いです。Reserved.検索メニューWEBWORDPRESSWORKSいろいろプロフィールタイトルとURLをコピーしました。