ExUnit のシェアボタン(ソーシャルボタン)のカスタマイズ例いろいろ
2022.5.27 カスタマイズ例 ② と ③ を追加しました。
2022.6.12 カスタマイズ例 ④ と ⑤ を追加しました。
VK All in One Expansion Unit のシェアボタン(ソーシャルボタン)はデフォルト状態だと以下のようなデザインになっています。
カスタマイズ例① コンパクトなスタイル
デフォルトは目立つボタンなのでシェアしてもらいやすいと思いますが、そこをあえてカスタマイズして、以下のようにコンパクトなスタイルにしてみました。
↑ のシェアボタンの 追加 CSS クラス に social-compact
を指定してある。
シェアするためのボタンだとはっきりわかるように「シェアする」の文言を追加しました。
ホームページを制作させていただくお客様から、
うちの会社、Facebook も Twitter もやってないから、このボタンなくていいですよ
お客様より
って言われることがあります😊
カスタマイズ例② 角丸で枠線のみ(背景色なし)
枠線だけのボタンに丸みを持たせて、柔らかいイメージにしてみました。カスタマイズ手順の紹介記事はこちら
↑ のシェアボタンの 追加 CSS クラス に social-rounded
を指定してある。
カスタマイズ例③ 角丸・枠線のみ・コンパクト
上記の ① と ② のカスタマイズを組み合わせて適用すると、↓ こんなふうになります。
↑ のシェアボタンの 追加 CSS クラス に social-rounded social-compact
を指定してある。
カスタマイズ例④ 背景色なし・アイコン大きめ
背景色なしにしてすっきりしたスタイルにしてみました。
↑ のシェアボタンの 追加 CSS クラス に social-large-icon
を指定してある。
カスタマイズ例⑤ アイコンのみ・コンパクト
上記の ① と ④ のカスタマイズを組み合わせて適用すると、↓ こんなふうになります。
↑ のシェアボタンの 追加 CSS クラス に social-compact social-large-icon
を指定してある。
弊社(魚沼情報サービス)はこのようなちょっとしたカスタマイズのお仕事もお引き受けします。
デザイン・仕様について、お客様のご要望に合わせてカスタマイズできます。
このようなシェアボタンのカスタマイズのやり方を知りたい方に、
Zoom で画面共有してわかりやすく説明させていただくこともできます。
無料で費用見積りいたしますので、お気軽にお問い合わせください。
関連記事
Lightning っぽくないソーシャルボタン(シェアボタン)にするカスタマイズ例
サイト運営者プロフィール

- 魚沼情報サービス 代表
-
新潟県南魚沼市・魚沼市を中心に、地域の皆様がパソコンやインターネットを有効活用して業務効率化・課題解決を図るお手伝いを1999年から行ってまいりました。
WordPress を使用したサイト制作・カスタマイズを全国どこからでも承ります。ベクトルが販売している WordPress テーマ「Lightning」「Katawara」および同社のプラグイン「VK Blocks」「VK Filter Search」のカスタマイズを得意としています。遠方からのご依頼の場合、打ち合わせ・サポートを Zoom や電子メール・電話などを併用して行わせていただきます。
オンラインレッスン形式でのホームページ制作サポートも行っています。お客様ご自身でホームページを開設・運用する上で、うまくいかない部分をサポートいたします。設定やカスタマイズを手伝ってもらいたい、同時に便利な使い方や設定方法、カスタマイズのやり方も知ることができたら...という方にご好評いただいています。
このサイトで行っているカスタマイズのやり方の多くもマンツーマンのオンラインレッスン形式などでわかりやすく説明させていただくことができますので、興味がある方はご連絡ください。
* ドメインやサーバーの契約・申込み
* WordPress やテーマ、プラグインのインストール
* アクションフック・フィルターフック・jQuery・CSS によるカスタマイズ
* ドメインの移管・移転
* 日常の更新作業
なども含めて、サイトの制作・運用全般をお手伝いできます。
ご要望をうかがった上で費用見積り(無料)を提示させていただきますので、お気軽にお問い合わせください。
» ご相談・お問い合わせはこちらからどうぞ