「ボタンの形」とリンク時の「ボタンの動き」

[fukugi]

■ WordPress のバージョン
不明

■ テーマ・プラグインは全て最新版で確認してください。
確認しました。

■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit

■ テーマのバージョン
不明

■ Pro Unit のバージョン
不明

■ スキンの種類
Evergreen

■ スキンのバージョン
不明

■ 関連しそうなプラグインを一つづつ停止して症状が改善するか確認してください。
確認しました。

■ プラグインの種類・バージョン
デモサイトなので不明です

■ 期待する動作
ボタンの形状をどこかで設定できるのか？

ボタンの上にカーソルを置いた時に、少し色が薄くなり、ボタンが少し動く
動作がありますが、これはどこかで設定できるのか？

（このスキン特有の動きで設定はできない？？）

■ 自分で試した事
ちなみに、下記のLightningサイトのボタンにカーソルを置くと
色が薄くなり、カーソルが離れると一瞬白っぽくなる。
これもどこかの設定なのでしょうか？

デモサイト

■ 症状が発生するブラウザ
chrome

■ 実際の症状
デモサイトについて

ボタンにカーソルを当てたときに、
ボタンの色が薄くなり、少し動くのですが、
これはどこで設定しているのでしょうか？

ボタンもLightningだと長方形に近い形をしているのですが、
こちらのEvergreenデモサイトのボタンの左右は丸くなっています。
これも設定なのでしょうか？

Evergreenスキン

Home

[ls-t]

こんにちは。
ボタンの動きや形はテーマやプラグイン特有のもので、設定が出来るのはボタンの「色」「大きさ」「表示する文字列」「並び方」などです。
※ボタンはWordPressのコアブロックのボタンとVK BLOCKSで追加されるVKボタンの二種があり、それぞれ設定出来る項目が違います。

LightningとEvergreenでそれぞれボタンを作成して試したところ、形状についての設定項目は見当たりませんでした。
現状、形や動きを変えたければCSSで改変するのが手っ取り早いのではないかなと思います。

[fukugi]

テーマやプラグイン、スキンなどなど・・・
ややこしくて理解するのが難しいです💦

>形状についての設定項目は見当たりませんでした。
何処を探して良いかも分からず状態でした。

Evergreen固有のボタンとして理解しました
（cssをいじるほどの知識はないので）

少しずつ慣れていこうと思います。
初心者の質問に丁寧な回答ありがとうございました。

[うなこ]

VKボタンの丸みとhover時移動する動きはEvergreenのスキン側のデザインになりますので、
以下のCSSで上書きできます。
カスタマイズの追加CSSなどにいれてみてください。

※〇〇のところにお好きな数字を入れてください。

/* VKボタンの角丸 */
:root {
–vk-size-radius-btn-primary: 〇〇px;
}

/* VKボタンのhover時の移動 */
.vk_button .btn:hover {
transform: translateY(〇〇em);
}

[投稿者]

投稿