吹き出しブロックのアイコンを大きくしたカスタマイズ例 - VK Blocks
VK Blocks の吹き出しブロックのアイコンのサイズはやや控えめです。他のプラグインを使っていると思われるサイトでも吹き出しのアイコンって小さいものがほとんどのような気がします。
たぶん、よく使われているパターンとして、サイト運営者側のコメントを表示したり、会話のキャッチボールで使われることが多いので、控えめな大きさになっているのだと思いますが、例えば「お客様の声」などで使う場合はアイコンを大きく表示したくなることがあります。
そこで、アイコンを大きく表示して、それに合わせて吹き出しも少しだけ調整してみました。
吹き出しブロックの 追加 CSS クラス:.large-icon
カスタマイズ前

カスタマイズのサポートをお願いしました。期待以上の内容にとても満足しています。ありがとうございました。また機会がありましたら、よろしくお願いいたします。
カスタマイズ後
スマホで表示したときの見え方もいいかんじになりました。

2カラムのレイアウトで表示するとこんなかんじ ↓ になります。
カスタマイズ前 (2カラムレイアウト)

カスタマイズのサポートをお願いしました。期待以上の内容にとても満足しています。ありがとうございました。また機会がありましたら、よろしくお願いいたします。

使いやすいテーマ、プラグインを開発していただき、ありがとうございます。自分で作ったと思えないステキなサイトが完成しました。これからもベクトルさんに期待しています。
カスタマイズ後 (2カラムレイアウト)
画面幅が大きい端末だと2カラムの方がバランスがいいですね。
投稿者プロフィール

- 魚沼情報サービス・ベクトル公式テクニカルパートナー
-
【日本全国対応】WordPress のサイト制作、設定、カスタマイズ、トラブルでお悩み、お困りの方、ベクトル公式テクニカルパートナーがお手伝いいたします。
Lightning / VK Blocks / VK Filter Search のサポート、カスタマイズを得意としています。
遠方からのご依頼の場合、打ち合わせ・サポートを Zoom や電子メール・電話などを併用して行わせていただきます。
オンラインレッスン形式でのホームページ制作サポートも行っています。お客様ご自身でホームページを制作・運用する上でうまくいかない部分をサポートいたします。設定やカスタマイズを手伝ってもらいたい、同時に便利な使い方や設定方法、カスタマイズのやり方も知ることができたら...という方にご好評いただいています。
デザイナー様、制作業者様のサイト制作のお手伝いも数多く行っています。難しい部分のコーディング ( PHP / CSS / jQuery ) をやってほしい、いま人手が足りない等、お仕事の依頼をお待ちしています。
ご要望をうかがった上で費用見積り(無料)を提示させていただきますので、お気軽にお問い合わせください。
≫メールでのお問い合わせはこちら
最新の投稿
カスタマイズ2025年1月30日カスタム投稿タイプごとにサイトアイコンを切り替えたカスタマイズ例
WordPress2025年1月27日WordPress コアの RSS ブロックのカスタマイズ例
WordPress2024年10月10日画面下部に固定するレスポンシブ対応バナーの制作例
WordPress2024年10月7日グリッドレイアウトで作った料理レシピのブロックパターン②(CSS で調整)

Lightning テーマ使用
中小企業様、個人事業主様向け
最適なホームページ
を制作いたします
制作費用 | クオリティを落とさずに 価格を抑えたサイトを制作します |
必要十分 | お問い合わせフォーム、新着情報など 必要なものが最初から揃っています |
サポート | 1年間のサポートがついて安心 初めてでもホームページを活用できます |